#qx-section-1424 { padding-top : 40px; padding-right : 0px; padding-bottom : 10px; padding-left : 0px; background-color : rgba(29 ,  64,  102, 1); 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-1424-background-overlay { background-image : url("https://www.unimap.edu.my/images//PageImages/Libraryº£½ÇÍø.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; opacity : 0.1;  } #qx-section-1424:hover .qx-section-1424-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-1424 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-1424 { padding-top : 40px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-97375 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-97375-background-overlay {  } #qx-row-97375:hover .qx-row-97375-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-97375 {  }  } @media (max-width: 767px) { #qx-row-97375 {  }  } #qx-column-41591 > .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-41591 { flex: 100%; max-width: 100%; } .qx-column-41591-background-overlay {  } #qx-column-41591:hover .qx-column-41591-background-overlay {  } #qx-column-41591 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-41591 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-41591 > .qx-col-wrap {  } #qx-column-41591 { flex: 100%; max-width: 100%; } #qx-column-41591 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-41591 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-41591 > .qx-col-wrap {  } #qx-column-41591 { flex: 100%; max-width: 100%; } #qx-column-41591 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-41591 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-heading-18617 { margin-bottom : 25px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-18617 h2 { font-weight : 700; font-size : 66px; line-height : 1.2em; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-18617 { margin-bottom : 20px;  } #qx-heading-18617 h2 { font-size : 36px;  }  } @media (max-width: 767px) { #qx-heading-18617 { margin-bottom : 20px;  } #qx-heading-18617 h2 { font-size : 30px;  }  } #qx-divider-13669 { margin-top : -25px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; padding-top : 15px; padding-bottom : 15px;  } #qx-divider-13669 .qx-divider-separator { border-top-style : solid; border-top-width : 3px; border-color : rgba(0 ,  168,  255, 1); display : inline-block; width : 20%;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-divider-13669 {  } #qx-divider-13669 .qx-divider-separator { width : 40%;  }  } @media (max-width: 767px) { #qx-divider-13669 {  } #qx-divider-13669 .qx-divider-separator { width : 20%;  }  } #qx-row-7125 { padding-left : 200px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-7125-background-overlay {  } #qx-row-7125:hover .qx-row-7125-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-7125 {  }  } @media (max-width: 767px) { #qx-row-7125 {  }  } #qx-column-7130 > .qx-col-wrap { margin-top : 0px; padding-right : 40px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-7130 { flex: 50%; max-width: 50%; } .qx-column-7130-background-overlay {  } #qx-column-7130:hover .qx-column-7130-background-overlay {  } #qx-column-7130 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-7130 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-7130 > .qx-col-wrap {  } #qx-column-7130 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-7130 > .qx-col-wrap { padding-right : 20px; padding-left : 20px;  } #qx-column-7130 { flex: 100%; max-width: 100%; }  } #qx-text-7731 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-size : 15px; line-height : 1.8em; text-align : left; color : rgba(221 ,  221,  221, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-7731 {  }  } @media (max-width: 767px) { #qx-text-7731 {  }  } #qx-column-6432 > .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-6432 { flex: 50%; max-width: 50%; } .qx-column-6432-background-overlay {  } #qx-column-6432:hover .qx-column-6432-background-overlay {  } #qx-column-6432 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-6432 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-6432 > .qx-col-wrap {  } #qx-column-6432 { flex: 50%; max-width: 50%; } #qx-column-6432 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-6432 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-6432 > .qx-col-wrap {  } #qx-column-6432 { flex: 100%; max-width: 100%; } #qx-column-6432 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-6432 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-image-1433 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-1433 img,#qx-image-1433 svg { width : 100%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-1433 img,#qx-image-1433 svg,#qx-image-1433 i {  } #qx-image-1433 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-1433 svg,#qx-image-1433 i {  } #qx-image-1433 svg,#qx-image-1433 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-1433 {  } #qx-image-1433 img,#qx-image-1433 svg { width : 100%;  } #qx-image-1433 svg,#qx-image-1433 i {  } #qx-image-1433 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-1433 { margin-top : 30px;  } #qx-image-1433 img,#qx-image-1433 svg { width : 100%;  } #qx-image-1433 svg,#qx-image-1433 i {  } #qx-image-1433 .qx-figure-caption {  }  } #qx-row-7640 { padding-top : 20px; background-color : rgba(0 ,  0,  0, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-7640-background-overlay {  } #qx-row-7640:hover .qx-row-7640-background-overlay {  } #qx-row-7640 > .qx-row {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-7640 {  } #qx-row-7640 > .qx-row {  }  } @media (max-width: 767px) { #qx-row-7640 {  } #qx-row-7640 > .qx-row {  }  } #qx-column-4648 > .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-4648 { flex: 100%; max-width: 100%; } .qx-column-4648-background-overlay { background-color : rgba(0 ,  0,  0, 1);  } #qx-column-4648:hover .qx-column-4648-background-overlay {  } #qx-column-4648 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-4648 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-4648 > .qx-col-wrap {  } #qx-column-4648 { flex: 100%; max-width: 100%; } #qx-column-4648 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-4648 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-4648 > .qx-col-wrap {  } #qx-column-4648 { flex: 100%; max-width: 100%; } #qx-column-4648 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-4648 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-heading-76220 { margin-bottom : 25px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-76220 h2 { font-weight : 700; font-size : 50px; line-height : 1.2em; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-76220 { margin-bottom : 20px;  } #qx-heading-76220 h2 { font-size : 36px;  }  } @media (max-width: 767px) { #qx-heading-76220 { margin-bottom : 20px;  } #qx-heading-76220 h2 { font-size : 30px;  }  } #qx-divider-53222 { margin-top : -25px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; padding-top : 15px; padding-bottom : 15px;  } #qx-divider-53222 .qx-divider-separator { border-top-style : solid; border-top-width : 3px; border-color : rgba(0 ,  168,  255, 1); display : inline-block; width : 20%;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-divider-53222 {  } #qx-divider-53222 .qx-divider-separator { width : 40%;  }  } @media (max-width: 767px) { #qx-divider-53222 {  } #qx-divider-53222 .qx-divider-separator { width : 20%;  }  } #qx-column-87255 > .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-87255-background-overlay {  } #qx-column-87255:hover .qx-column-87255-background-overlay {  } #qx-column-87255 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-87255 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-87255 > .qx-col-wrap {  }  } @media (max-width: 767px) { #qx-column-87255 > .qx-col-wrap {  }  } #qx-row-98272 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-98272-background-overlay {  } #qx-row-98272:hover .qx-row-98272-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-98272 {  }  } @media (max-width: 767px) { #qx-row-98272 {  }  } #qx-column-78274 > .qx-col-wrap { padding-left : 100px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-78274 { flex: 50%; max-width: 50%; } .qx-column-78274-background-overlay {  } #qx-column-78274:hover .qx-column-78274-background-overlay {  } #qx-column-78274 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-78274 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-78274 > .qx-col-wrap {  } #qx-column-78274 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-78274 > .qx-col-wrap {  } #qx-column-78274 { flex: 100%; max-width: 100%; }  } #qx-text-6311 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left; color : rgba(250 ,  250,  250, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-6311 {  }  } @media (max-width: 767px) { #qx-text-6311 {  }  } #qx-column-28276 > .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-28276 { flex: 50%; max-width: 50%; } .qx-column-28276-background-overlay {  } #qx-column-28276:hover .qx-column-28276-background-overlay {  } #qx-column-28276 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-28276 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-28276 > .qx-col-wrap {  } #qx-column-28276 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-28276 > .qx-col-wrap {  } #qx-column-28276 { flex: 100%; max-width: 100%; }  } #qx-image-2455 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-2455 img,#qx-image-2455 svg { width : 54%; display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-2455 img,#qx-image-2455 svg,#qx-image-2455 i {  } #qx-image-2455 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-2455 svg,#qx-image-2455 i {  } #qx-image-2455 svg,#qx-image-2455 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-2455 {  } #qx-image-2455 img,#qx-image-2455 svg {  } #qx-image-2455 svg,#qx-image-2455 i {  } #qx-image-2455 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-2455 {  } #qx-image-2455 img,#qx-image-2455 svg {  } #qx-image-2455 svg,#qx-image-2455 i {  } #qx-image-2455 .qx-figure-caption {  }  } #qx-section-76672 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); 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-76672-background-overlay {  } #qx-section-76672:hover .qx-section-76672-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-76672 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-76672 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-53673 { margin-bottom : 50px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-53673-background-overlay {  } #qx-row-53673:hover .qx-row-53673-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-53673 {  }  } @media (max-width: 767px) { #qx-row-53673 {  }  } #qx-column-98674 > .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-98674 { flex: 100%; max-width: 100%; } .qx-column-98674-background-overlay {  } #qx-column-98674:hover .qx-column-98674-background-overlay {  } #qx-column-98674 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-98674 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-98674 > .qx-col-wrap {  } #qx-column-98674 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-98674 > .qx-col-wrap {  } #qx-column-98674 { flex: 100%; max-width: 100%; }  } #qx-heading-83675 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-83675 h2 { font-family : Montserrat; font-weight : 700; font-size : 44px; text-transform : uppercase; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-83675 {  } #qx-heading-83675 h2 { font-size : 38px; line-height : 1.2em;  }  } @media (max-width: 767px) { #qx-heading-83675 {  } #qx-heading-83675 h2 { font-size : 34px; line-height : 1.2em;  }  } #qx-text-32676 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Roboto; font-size : 14px; line-height : 1.4em; text-align : center; color : rgba(109 ,  115,  150, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-32676 { line-height : 1.6em;  }  } @media (max-width: 767px) { #qx-text-32676 { line-height : 1.6em;  }  } #qx-row-31677 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-31677-background-overlay {  } #qx-row-31677:hover .qx-row-31677-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-31677 {  }  } @media (max-width: 767px) { #qx-row-31677 {  }  } #qx-column-49678 > .qx-col-wrap { background-color : rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-49678 { flex: 100%; max-width: 100%; } .qx-column-49678-background-overlay {  } #qx-column-49678:hover .qx-column-49678-background-overlay {  } #qx-column-49678 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-49678 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-49678 > .qx-col-wrap {  } #qx-column-49678 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-49678 > .qx-col-wrap {  } #qx-column-49678 { flex: 100%; max-width: 100%; }  } #qx-gallery-65679 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-gallery-65679 .qx-element-gallery__wrapper a { display : block;  } #qx-gallery-65679 .qx-element-gallery__wrapper ul.qx-subnav li { padding-left : 0;  } #qx-gallery-65679 ul.qx-subnav li a { margin : 0 5px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-gallery-65679 ul.qx-subnav li a:hover {  } #qx-gallery-65679 ul.qx-subnav li.qx-active a {  } #qx-gallery-65679 figure.qx-element-gallery__media img { width : 100%; height : 250px; object-position : center; object-fit : cover;  } #qx-gallery-65679 figure.qx-element-gallery__media { overflow : hidden; display : block; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-gallery-65679 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-title {  } #qx-gallery-65679 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-title:hover {  } #qx-gallery-65679 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-caption {  } #qx-gallery-65679 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-caption:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-gallery-65679 {  } #qx-gallery-65679 ul.qx-subnav li a {  } #qx-gallery-65679 figure.qx-element-gallery__media img { height : 450px;  }  } @media (max-width: 767px) { #qx-gallery-65679 {  } #qx-gallery-65679 ul.qx-subnav li a {  } #qx-gallery-65679 figure.qx-element-gallery__media img { height : 360px;  }  }