#qx-section-4116 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-4116 .qx-shape-bottom path.qx-shape-fill { fill : rgba(2 ,  19,  44, 1);  } #qx-section-4116 .qx-shape-bottom svg { width : 100%; height : 15px;  } .qx-section-4116-background-overlay {  } #qx-section-4116:hover .qx-section-4116-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-4116 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  } #qx-section-4116 .qx-shape-bottom svg { height : 15px;  }  } @media (max-width: 767px) { #qx-section-4116 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  } #qx-section-4116 .qx-shape-bottom svg { height : 15px;  }  } #qx-row-8319 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-8319-background-overlay {  } #qx-row-8319:hover .qx-row-8319-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-8319 {  }  } @media (max-width: 767px) { #qx-row-8319 {  }  } #qx-column-1420 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-1420 { flex: 100%; max-width: 100%; } .qx-column-1420-background-overlay {  } #qx-column-1420:hover .qx-column-1420-background-overlay {  } #qx-column-1420 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-1420 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-1420 > .qx-col-wrap {  } #qx-column-1420 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-1420 > .qx-col-wrap {  } #qx-column-1420 { flex: 100%; max-width: 100%; }  } #qx-heading-8846 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : right;  } #qx-heading-8846 h2 { font-family : IBM Plex Serif; font-weight : 600; font-size : 50px; text-transform : uppercase; line-height : 1em; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-8846 {  } #qx-heading-8846 h2 { font-size : 40px;  }  } @media (max-width: 767px) { #qx-heading-8846 {  } #qx-heading-8846 h2 { font-size : 30px;  }  } #qx-section-41167 { padding-top : 50px; padding-right : 0px; padding-bottom : 50px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); background-image : url("https://isics.unimap.edu.my/images//landing-page/online-education/circle-shape.png"); background-size : initial; background-position : top right; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-41167-background-overlay {  } #qx-section-41167:hover .qx-section-41167-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-41167 { padding-top : 100px; padding-right : 0px; padding-bottom : 90px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-41167 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px;  }  } #qx-row-273527 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-273527-background-overlay {  } #qx-row-273527:hover .qx-row-273527-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-273527 {  }  } @media (max-width: 767px) { #qx-row-273527 {  }  } #qx-column-883528 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-883528 { flex: 100%; max-width: 100%; } .qx-column-883528-background-overlay {  } #qx-column-883528:hover .qx-column-883528-background-overlay {  } #qx-column-883528 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-883528 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-883528 > .qx-col-wrap {  } #qx-column-883528 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-883528 > .qx-col-wrap {  } #qx-column-883528 { flex: 100%; max-width: 100%; }  } #qx-media-carousel-23532 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-23532 .qx-panel-wrapper { position : relative; overflow : hidden;  } #qx-media-carousel-23532 .qx-element-media-carousel__wrapper .qx-slider-items { margin-left : -15px;  } #qx-media-carousel-23532 .qx-element-media-carousel__wrapper .qx-slider-items li { padding-left : 15px; min-width : 1px;  } #qx-media-carousel-23532 .qx-card-body {  } #qx-media-carousel-23532 .qx-card { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-23532 figure { display : block; max-width : 100%;  } #qx-media-carousel-23532 .qx-overlay-default { background : rgba(0, 0, 0, 0.4);  } #qx-media-carousel-23532 figure img { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-23532 .qx-slider-items li img { object-fit : cover; overflow : hidden;  } #qx-media-carousel-23532 .qx-panel-wrapper .qx-panel { z-index : 2;  } #qx-media-carousel-23532 .qx-media-carousel-title { color : rgba(0, 0, 0, 1);  } #qx-media-carousel-23532 .qx-media-carousel-caption { color : rgba(0, 0, 0, 1);  } #qx-media-carousel-23532 .qx-icon * { color : rgba(102, 102, 102, 0.6); width : 25px; height : 25px;  } #qx-media-carousel-23532 .qx-dotnav li * { background-color : rgba(238, 238, 238, 1); width : 15px; height : 15px;  } #qx-media-carousel-23532 .qx-dotnav li.qx-active * { background-color : rgba(102, 102, 102, 0.6);  } #qx-media-carousel-23532 .qx-dotnav li { padding-left : 12px; margin-top : 25px;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-horizontal { display : flex; flex-wrap : wrap; list-style : none; margin-left : -12px;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-horizontal li { padding-left : 12px;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-horizontal li:first-child { padding-left : 0;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-horizontal li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); width : 25px; height : 5px;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-vertical { display : inline; list-style : none;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-vertical li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); height : 25px; width : 5px;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-vertical li:first-child { padding-top : 0;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav-vertical li { padding-top : 12px;  } #qx-media-carousel-23532 .bar-navigation .qx-barnav li.qx-active a { background-color : rgba(102, 102, 102, 0.6);  } #qx-media-carousel-23532 .qx-element-media-carousel__wrapper { position : relative;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-media-carousel-23532 {  } #qx-media-carousel-23532 .qx-card-body {  } #qx-media-carousel-23532 .qx-card {  }  } @media (max-width: 767px) { #qx-media-carousel-23532 {  } #qx-media-carousel-23532 .qx-card-body {  } #qx-media-carousel-23532 .qx-card {  }  }