#qx-section-122 { padding-top : 40px; padding-right : 0px; padding-left : 0px; background-color : rgba(52 ,  67,  88, 1); background-image : url("https://cie.unimap.edu.my/images//Banner Image/website (5).png"); background-size : cover; background-position : center; 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-122-background-overlay { background-color : rgba(255, 255, 255, 0); opacity : 0.58;  } #qx-section-122:hover .qx-section-122-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-122 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-122 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-2410 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-2410-background-overlay {  } #qx-row-2410:hover .qx-row-2410-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-2410 {  }  } @media (max-width: 767px) { #qx-row-2410 {  }  } #qx-column-59411 > .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-59411 { flex: 30%; max-width: 30%; } .qx-column-59411-background-overlay {  } #qx-column-59411:hover .qx-column-59411-background-overlay {  } #qx-column-59411 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-59411 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-59411 > .qx-col-wrap {  } #qx-column-59411 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-59411 > .qx-col-wrap {  } #qx-column-59411 { flex: 100%; max-width: 100%; }  } #qx-heading-57441 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-57441 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 1.7em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-57441 {  } #qx-heading-57441 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-57441 {  } #qx-heading-57441 h3 { line-height : 1em;  }  } #qx-heading-44396 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-44396 h1 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 1.7em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-44396 {  } #qx-heading-44396 h1 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-44396 {  } #qx-heading-44396 h1 { line-height : 1em;  }  } #qx-column-64413 > .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-64413 { flex: 41%; max-width: 41%; } .qx-column-64413-background-overlay {  } #qx-column-64413:hover .qx-column-64413-background-overlay {  } #qx-column-64413 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-64413 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-64413 > .qx-col-wrap {  } #qx-column-64413 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-64413 > .qx-col-wrap {  } #qx-column-64413 { flex: 100%; max-width: 100%; }  } #qx-heading-93423 { margin-bottom : 25px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-93423 h3 { font-family : Roboto; font-weight : 700; font-size : 16px; line-height : 1em; color : rgba(208 ,  228,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-93423 {  } #qx-heading-93423 h3 {  }  } @media (max-width: 767px) { #qx-heading-93423 {  } #qx-heading-93423 h3 {  }  } #qx-heading-25424 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-25424 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-25424 {  } #qx-heading-25424 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-25424 {  } #qx-heading-25424 h3 { line-height : 1em;  }  } #qx-heading-70432 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-70432 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-70432 {  } #qx-heading-70432 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-70432 {  } #qx-heading-70432 h3 { line-height : 1em;  }  } #qx-heading-51474 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-51474 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-51474 {  } #qx-heading-51474 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-51474 {  } #qx-heading-51474 h3 { line-height : 1em;  }  } #qx-heading-96536 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-96536 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-96536 {  } #qx-heading-96536 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-96536 {  } #qx-heading-96536 h3 { line-height : 1em;  }  } #qx-heading-7577 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-7577 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-7577 {  } #qx-heading-7577 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-7577 {  } #qx-heading-7577 h3 { line-height : 1em;  }  } #qx-heading-61433 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-61433 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-61433 {  } #qx-heading-61433 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-61433 {  } #qx-heading-61433 h3 { line-height : 1em;  }  } #qx-heading-91425 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-91425 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-91425 {  } #qx-heading-91425 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-91425 {  } #qx-heading-91425 h3 { line-height : 1em;  }  } #qx-heading-44426 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-44426 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.2em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-44426 {  } #qx-heading-44426 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-44426 {  } #qx-heading-44426 h3 { line-height : 1em;  }  } #qx-heading-81427 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-81427 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-81427 {  } #qx-heading-81427 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-81427 {  } #qx-heading-81427 h3 { line-height : 1em;  }  } #qx-heading-45428 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-45428 h3 { font-family : Lato; font-weight : 400; font-size : 16px; line-height : 0.1em; letter-spacing : 0.3px; color : rgba(113 ,  141,  178, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-45428 {  } #qx-heading-45428 h3 { line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-45428 {  } #qx-heading-45428 h3 { line-height : 1em;  }  } #qx-column-15415 > .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-15415 { flex: 26%; max-width: 26%; } .qx-column-15415-background-overlay {  } #qx-column-15415:hover .qx-column-15415-background-overlay {  } #qx-column-15415 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-15415 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-15415 > .qx-col-wrap {  } #qx-column-15415 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-15415 > .qx-col-wrap {  } #qx-column-15415 { flex: 100%; max-width: 100%; }  } #qx-heading-61429 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-61429 h3 { font-family : Roboto; font-weight : 700; font-size : 16px; line-height : 1em; color : rgba(208 ,  228,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-61429 {  } #qx-heading-61429 h3 {  }  } @media (max-width: 767px) { #qx-heading-61429 {  } #qx-heading-61429 h3 {  }  } #qx-social-icon-4430 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-element-social-icon svg { height: 30px;width: 30px; } .qx-element-social-icon i { font-size: 25px; } #qx-social-icon-4430 ul li i { color : rgba(53 ,  220,  168, 0.73); border-style : none;  } #qx-social-icon-4430 ul li.item-0 svg path { fill: rgba(113 ,  141,  178, 1) } #qx-social-icon-4430 ul li.item-0 svg { height: 30px;width: 30px; } #qx-social-icon-4430 ul li.item-0 i { color : rgba(113 ,  141,  178, 1); font-size : 30px;  } #qx-social-icon-4430 ul li.item-1 svg path { fill: rgba(113 ,  141,  178, 1) } #qx-social-icon-4430 ul li.item-1 svg { height: 30px;width: 30px; } #qx-social-icon-4430 ul li.item-1 i { color : rgba(113 ,  141,  178, 1); font-size : 30px;  } #qx-social-icon-4430 ul li.item-2 svg path { fill: rgba(113 ,  141,  178, 1) } #qx-social-icon-4430 ul li.item-2 svg { height: 35px;width: 35px; } #qx-social-icon-4430 ul li.item-2 i { color : rgba(113 ,  141,  178, 1); font-size : 35px;  } #qx-social-icon-4430 ul.qx-inline ,#qx-social-icon-4430 ul.qx-list  { display : flex; align-self : center; margin-left : 0; margin-bottom : 0;  } #qx-social-icon-4430 ul li::before { display : none;  } #qx-social-icon-4430 ul.qx-list  { flex-direction : column;  } #qx-social-icon-4430 ul li i:hover {  } #qx-social-icon-4430 ul.qx-list li { margin-bottom : 5px;  } #qx-social-icon-4430 ul.qx-list li:last-child { margin-bottom : 0px;  } #qx-social-icon-4430 ul.qx-inline li { margin-right : 5px;  } #qx-social-icon-4430 ul.qx-inline li:last-child { margin-right : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-social-icon-4430 {  } #qx-social-icon-4430 ul li i {  }  } @media (max-width: 767px) { #qx-social-icon-4430 {  } #qx-social-icon-4430 ul li i {  }  } #qx-heading-28431 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-28431 h3 { font-family : Roboto; font-weight : 700; font-size : 16px; line-height : 1em; color : rgba(208 ,  228,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-28431 {  } #qx-heading-28431 h3 {  }  } @media (max-width: 767px) { #qx-heading-28431 {  } #qx-heading-28431 h3 {  }  } #qx-raw-html-95443 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-gallery-6147 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-gallery-6147 .qx-element-gallery__wrapper a { display : block;  } #qx-gallery-6147 .qx-element-gallery__wrapper ul.qx-subnav li { padding-left : 0;  } #qx-gallery-6147 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-6147 ul.qx-subnav li a:hover {  } #qx-gallery-6147 ul.qx-subnav li.qx-active a {  } #qx-gallery-6147 figure.qx-element-gallery__media img { width : 100%; object-position : center; object-fit : cover;  } #qx-gallery-6147 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-6147 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-title {  } #qx-gallery-6147 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-title:hover {  } #qx-gallery-6147 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-caption {  } #qx-gallery-6147 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-caption:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-raw-html-95443 {  } #qx-gallery-6147 {  } #qx-gallery-6147 ul.qx-subnav li a {  }  } @media (max-width: 767px) { #qx-raw-html-95443 {  } #qx-gallery-6147 {  } #qx-gallery-6147 ul.qx-subnav li a {  }  } #qx-gallery-6638 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-gallery-6638 .qx-element-gallery__wrapper a { display : block;  } #qx-gallery-6638 .qx-element-gallery__wrapper ul.qx-subnav li { padding-left : 0;  } #qx-gallery-6638 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-6638 ul.qx-subnav li a:hover {  } #qx-gallery-6638 ul.qx-subnav li.qx-active a {  } #qx-gallery-6638 figure.qx-element-gallery__media img { width : 100%; object-position : center; object-fit : cover;  } #qx-gallery-6638 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-6638 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-title {  } #qx-gallery-6638 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-title:hover {  } #qx-gallery-6638 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-caption {  } #qx-gallery-6638 ul.qx-gallery-media-wrapper li .qx-overlay .qx-gallery-caption:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-gallery-6638 {  } #qx-gallery-6638 ul.qx-subnav li a {  }  } @media (max-width: 767px) { #qx-gallery-6638 {  } #qx-gallery-6638 ul.qx-subnav li a {  }  } #qx-section-87226 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; background-image : url("https://cie.unimap.edu.my/images//agencio/copyright-bg.jpg"); background-size : cover; background-position : center; 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-87226 .qx-container-fluid { width : 90%;  } .qx-section-87226-background-overlay { background-color : rgba(221 ,  221,  221, 1); opacity : 0.3;  } #qx-section-87226:hover .qx-section-87226-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-87226 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px;  } #qx-section-87226 .qx-container-fluid { width : 100%;  }  } @media (max-width: 767px) { #qx-section-87226 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px;  } #qx-section-87226 .qx-container-fluid { width : 100%;  }  } #qx-row-39229 { border-style : dashed; border-color : rgba(221 ,  223,  224, 1); border-top-width : 1px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-39229-background-overlay {  } #qx-row-39229:hover .qx-row-39229-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-39229 {  }  } @media (max-width: 767px) { #qx-row-39229 {  }  } #qx-column-37230 > .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-37230 { flex: 50%; max-width: 50%; } .qx-column-37230-background-overlay {  } #qx-column-37230:hover .qx-column-37230-background-overlay {  } #qx-column-37230 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-37230 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-37230 > .qx-col-wrap {  } #qx-column-37230 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-37230 > .qx-col-wrap {  } #qx-column-37230 { flex: 100%; max-width: 100%; }  } #qx-text-83282 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Noto Sans; font-size : 14px; color : rgba(76 ,  90,  107, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-83282 { text-align : center;  }  } @media (max-width: 767px) { #qx-text-83282 { text-align : center;  }  } #qx-column-84232 > .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-84232 { flex: 50%; max-width: 50%; } .qx-column-84232-background-overlay {  } #qx-column-84232:hover .qx-column-84232-background-overlay {  } #qx-column-84232 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-84232 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-84232 > .qx-col-wrap {  } #qx-column-84232 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-84232 > .qx-col-wrap {  } #qx-column-84232 { flex: 100%; max-width: 100%; }  } #qx-text-96321 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Noto Sans; font-size : 14px; text-align : center; color : rgba(76 ,  90,  107, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-96321 { text-align : center;  }  } @media (max-width: 767px) { #qx-text-96321 { text-align : center;  }  }