#qx-section-355 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(4 ,  14,  77, 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-355-background-overlay {  } #qx-section-355:hover .qx-section-355-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-355 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-355 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-208 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-208-background-overlay {  } #qx-row-208:hover .qx-row-208-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-208 {  }  } @media (max-width: 767px) { #qx-row-208 {  }  } #qx-column-389 > .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-389 { flex: 100%; max-width: 100%; } .qx-column-389-background-overlay {  } #qx-column-389:hover .qx-column-389-background-overlay {  } #qx-column-389 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-389 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-389 > .qx-col-wrap {  } #qx-column-389 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-389 > .qx-col-wrap {  } #qx-column-389 { flex: 100%; max-width: 100%; }  } #qx-heading-4514 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-4514 h2 { font-family : Archivo Black; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-4514 {  }  } @media (max-width: 767px) { #qx-heading-4514 {  }  } #qx-section-5934 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-image : url("https://asp.unimap.edu.my/images//background/154086-abstract-blue-and-white-graphic-background.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-5934-background-overlay {  } #qx-section-5934:hover .qx-section-5934-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-5934 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-5934 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-95129 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-95129-background-overlay {  } #qx-row-95129:hover .qx-row-95129-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-95129 {  }  } @media (max-width: 767px) { #qx-row-95129 {  }  } #qx-column-78130 > .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-78130 { flex: 100%; max-width: 100%; } .qx-column-78130-background-overlay {  } #qx-column-78130:hover .qx-column-78130-background-overlay {  } #qx-column-78130 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-78130 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-78130 > .qx-col-wrap {  } #qx-column-78130 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-78130 > .qx-col-wrap {  } #qx-column-78130 { flex: 100%; max-width: 100%; }  } #qx-text-91134 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 30px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-91134 {  }  } @media (max-width: 767px) { #qx-text-91134 {  }  } #qx-row-36175 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-36175-background-overlay {  } #qx-row-36175:hover .qx-row-36175-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-36175 {  }  } @media (max-width: 767px) { #qx-row-36175 {  }  } #qx-column-38176 > .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-38176 { flex: 100%; max-width: 100%; } .qx-column-38176-background-overlay {  } #qx-column-38176:hover .qx-column-38176-background-overlay {  } #qx-column-38176 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-38176 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-38176 > .qx-col-wrap {  } #qx-column-38176 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-38176 > .qx-col-wrap {  } #qx-column-38176 { flex: 100%; max-width: 100%; }  } #qx-heading-81180 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-81180 h2 { font-family : Archivo Black; font-size : 30px; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-81180 {  } #qx-heading-81180 h2 {  }  } @media (max-width: 767px) { #qx-heading-81180 {  } #qx-heading-81180 h2 {  }  } #qx-row-47201 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-47201-background-overlay {  } #qx-row-47201:hover .qx-row-47201-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-47201 {  }  } @media (max-width: 767px) { #qx-row-47201 {  }  } #qx-column-83202 > .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-83202 { flex: 33%; max-width: 33%; } .qx-column-83202-background-overlay {  } #qx-column-83202:hover .qx-column-83202-background-overlay {  } #qx-column-83202 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-83202 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-83202 > .qx-col-wrap {  } #qx-column-83202 { flex: 33%; max-width: 33%; }  } @media (max-width: 767px) { #qx-column-83202 > .qx-col-wrap {  } #qx-column-83202 { flex: 100%; max-width: 100%; }  } #qx-text-29214 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-29214 {  }  } @media (max-width: 767px) { #qx-text-29214 {  }  } #qx-column-63204 > .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-63204 { flex: 33%; max-width: 33%; } .qx-column-63204-background-overlay {  } #qx-column-63204:hover .qx-column-63204-background-overlay {  } #qx-column-63204 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-63204 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-63204 > .qx-col-wrap {  } #qx-column-63204 { flex: 33%; max-width: 33%; }  } @media (max-width: 767px) { #qx-column-63204 > .qx-col-wrap {  } #qx-column-63204 { flex: 100%; max-width: 100%; }  } #qx-text-99259 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-99259 {  }  } @media (max-width: 767px) { #qx-text-99259 {  }  } #qx-column-16206 > .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-16206 { flex: 33%; max-width: 33%; } .qx-column-16206-background-overlay {  } #qx-column-16206:hover .qx-column-16206-background-overlay {  } #qx-column-16206 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-16206 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-16206 > .qx-col-wrap {  } #qx-column-16206 { flex: 33%; max-width: 33%; }  } @media (max-width: 767px) { #qx-column-16206 > .qx-col-wrap {  } #qx-column-16206 { flex: 100%; max-width: 100%; }  } #qx-text-31658 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-31658 {  }  } @media (max-width: 767px) { #qx-text-31658 {  }  } #qx-row-67299 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-67299-background-overlay {  } #qx-row-67299:hover .qx-row-67299-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-67299 {  }  } @media (max-width: 767px) { #qx-row-67299 {  }  } #qx-column-26300 > .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-26300 { flex: 33.33%; max-width: 33.33%; } .qx-column-26300-background-overlay {  } #qx-column-26300:hover .qx-column-26300-background-overlay {  } #qx-column-26300 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-26300 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-26300 > .qx-col-wrap {  } #qx-column-26300 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-26300 > .qx-col-wrap {  } #qx-column-26300 { flex: 100%; max-width: 100%; }  } #qx-text-52522 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-52522 {  }  } @media (max-width: 767px) { #qx-text-52522 {  }  } #qx-column-22302 > .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-22302 { flex: 33.33%; max-width: 33.33%; } .qx-column-22302-background-overlay {  } #qx-column-22302:hover .qx-column-22302-background-overlay {  } #qx-column-22302 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-22302 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-22302 > .qx-col-wrap {  } #qx-column-22302 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-22302 > .qx-col-wrap {  } #qx-column-22302 { flex: 100%; max-width: 100%; }  } #qx-text-7599 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-7599 {  }  } @media (max-width: 767px) { #qx-text-7599 {  }  } #qx-column-0304 > .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-0304 { flex: 33.33%; max-width: 33.33%; } .qx-column-0304-background-overlay {  } #qx-column-0304:hover .qx-column-0304-background-overlay {  } #qx-column-0304 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-0304 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-0304 > .qx-col-wrap {  } #qx-column-0304 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-0304 > .qx-col-wrap {  } #qx-column-0304 { flex: 100%; max-width: 100%; }  } #qx-text-64638 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-64638 {  }  } @media (max-width: 767px) { #qx-text-64638 {  }  } #qx-section-36678 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; 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-36678-background-overlay {  } #qx-section-36678:hover .qx-section-36678-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-36678 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-36678 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-42681 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-42681-background-overlay {  } #qx-row-42681:hover .qx-row-42681-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-42681 {  }  } @media (max-width: 767px) { #qx-row-42681 {  }  } #qx-column-52682 > .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-52682 { flex: 50%; max-width: 50%; } .qx-column-52682-background-overlay {  } #qx-column-52682:hover .qx-column-52682-background-overlay {  } #qx-column-52682 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-52682 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-52682 > .qx-col-wrap {  } #qx-column-52682 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-52682 > .qx-col-wrap {  } #qx-column-52682 { flex: 100%; max-width: 100%; }  } #qx-heading-41690 { 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-41690 h2 { font-family : Archivo Black; font-size : 27px; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-41690 {  } #qx-heading-41690 h2 {  }  } @media (max-width: 767px) { #qx-heading-41690 {  } #qx-heading-41690 h2 {  }  } #qx-text-871187 { border-style : solid; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-871187 {  }  } @media (max-width: 767px) { #qx-text-871187 {  }  } #qx-column-43684 > .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-43684 { flex: 50%; max-width: 50%; } .qx-column-43684-background-overlay {  } #qx-column-43684:hover .qx-column-43684-background-overlay {  } #qx-column-43684 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-43684 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-43684 > .qx-col-wrap {  } #qx-column-43684 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-43684 > .qx-col-wrap {  } #qx-column-43684 { flex: 100%; max-width: 100%; }  } #qx-heading-91711 { 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-91711 h2 { font-family : Archivo Black; font-size : 27px; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-91711 {  } #qx-heading-91711 h2 {  }  } @media (max-width: 767px) { #qx-heading-91711 {  } #qx-heading-91711 h2 {  }  } #qx-text-57772 { border-style : solid; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Archivo Narrow; font-size : 19px; text-align : justify; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-57772 {  }  } @media (max-width: 767px) { #qx-text-57772 {  }  } #qx-button-94850 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-94850 .qx-btn { color : rgba(0 ,  0,  0, 1); white-space : initial; border-style : solid; border-color : rgba(0 ,  0,  0, 1);  } #qx-button-94850 .qx-btn:hover { color : rgba(0 ,  0,  0, 1); border-color : rgba(0 ,  0,  0, 1);  } #qx-button-94850 .qx-btn:hover i { color : rgba(0 ,  0,  0, 1);  } #qx-button-94850 * { font-family : Archivo Black;  } #qx-button-94850 a svg,#qx-button-94850 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-94850 {  } #qx-button-94850 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-94850 {  } #qx-button-94850 .qx-btn {  }  } #qx-row-23907 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-23907-background-overlay {  } #qx-row-23907:hover .qx-row-23907-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-23907 {  }  } @media (max-width: 767px) { #qx-row-23907 {  }  } #qx-column-13908 > .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-13908 { flex: 100%; max-width: 100%; } .qx-column-13908-background-overlay {  } #qx-column-13908:hover .qx-column-13908-background-overlay {  } #qx-column-13908 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-13908 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-13908 > .qx-col-wrap {  } #qx-column-13908 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-13908 > .qx-col-wrap {  } #qx-column-13908 { flex: 100%; max-width: 100%; }  }