#qx-section-39378 { padding-top : 90px; padding-right : 0px; padding-bottom : 100px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); background-size : cover; background-position : left; 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-39378-background-overlay { background-color : rgba(255, 255, 255, 0); opacity : 0.95;  } #qx-section-39378:hover .qx-section-39378-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-39378 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-39378 { padding-top : 60px; padding-right : 0px; padding-bottom : 60px; padding-left : 0px;  }  } #qx-row-9381 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-9381-background-overlay {  } #qx-row-9381:hover .qx-row-9381-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-9381 {  }  } @media (max-width: 767px) { #qx-row-9381 {  }  } #qx-column-59634 > .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-59634 { flex: 100%; max-width: 100%; } .qx-column-59634-background-overlay {  } #qx-column-59634:hover .qx-column-59634-background-overlay {  } #qx-column-59634 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-59634 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-59634 > .qx-col-wrap {  } #qx-column-59634 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-59634 > .qx-col-wrap {  } #qx-column-59634 { flex: 100%; max-width: 100%; }  } #qx-heading-65672 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-65672 h2 {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-65672 {  }  } @media (max-width: 767px) { #qx-heading-65672 {  }  } #qx-row-73181 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-73181-background-overlay {  } #qx-row-73181:hover .qx-row-73181-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-73181 {  }  } @media (max-width: 767px) { #qx-row-73181 {  }  } #qx-column-40182 > .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-40182 { flex: 31%; max-width: 31%; } .qx-column-40182-background-overlay {  } #qx-column-40182:hover .qx-column-40182-background-overlay {  } #qx-column-40182 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-40182 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-40182 > .qx-col-wrap {  } #qx-column-40182 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-40182 > .qx-col-wrap {  } #qx-column-40182 { flex: 100%; max-width: 100%; }  } #qx-column-57184 > .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-57184 { flex: 39%; max-width: 39%; } .qx-column-57184-background-overlay {  } #qx-column-57184:hover .qx-column-57184-background-overlay {  } #qx-column-57184 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-57184 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-57184 > .qx-col-wrap {  } #qx-column-57184 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-57184 > .qx-col-wrap {  } #qx-column-57184 { flex: 100%; max-width: 100%; }  } #qx-image-14194 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-14194 img,#qx-image-14194 svg { 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-14194 img,#qx-image-14194 svg,#qx-image-14194 i {  } #qx-image-14194 .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-14194 svg,#qx-image-14194 i {  } #qx-image-14194 svg,#qx-image-14194 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-14194 {  } #qx-image-14194 svg,#qx-image-14194 i {  } #qx-image-14194 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-14194 {  } #qx-image-14194 svg,#qx-image-14194 i {  } #qx-image-14194 .qx-figure-caption {  }  } #qx-column-54186 > .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-54186 { flex: 25%; max-width: 25%; } .qx-column-54186-background-overlay {  } #qx-column-54186:hover .qx-column-54186-background-overlay {  } #qx-column-54186 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-54186 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-54186 > .qx-col-wrap {  } #qx-column-54186 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-54186 > .qx-col-wrap {  } #qx-column-54186 { flex: 100%; max-width: 100%; }  } #qx-row-70301 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-70301-background-overlay {  } #qx-row-70301:hover .qx-row-70301-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-70301 {  }  } @media (max-width: 767px) { #qx-row-70301 {  }  } #qx-column-7076 > .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-7076 { flex: 21%; max-width: 21%; } .qx-column-7076-background-overlay {  } #qx-column-7076:hover .qx-column-7076-background-overlay {  } #qx-column-7076 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-7076 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-7076 > .qx-col-wrap {  } #qx-column-7076 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-7076 > .qx-col-wrap {  } #qx-column-7076 { flex: 100%; max-width: 100%; }  } #qx-column-85418 > .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-85418 { flex: 27%; max-width: 27%; } .qx-column-85418-background-overlay {  } #qx-column-85418:hover .qx-column-85418-background-overlay {  } #qx-column-85418 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-85418 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-85418 > .qx-col-wrap {  } #qx-column-85418 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-85418 > .qx-col-wrap {  } #qx-column-85418 { flex: 100%; max-width: 100%; }  } #qx-button-49419 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-49419 .qx-btn { white-space : initial; border-style : solid;  } #qx-button-49419 .qx-btn:hover {  } #qx-button-49419 .qx-btn:hover i {  } #qx-button-49419 * {  } #qx-button-49419 a svg,#qx-button-49419 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-49419 {  } #qx-button-49419 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-49419 {  } #qx-button-49419 .qx-btn {  }  } #qx-column-52314 > .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-52314 { flex: 22%; max-width: 22%; } .qx-column-52314-background-overlay {  } #qx-column-52314:hover .qx-column-52314-background-overlay {  } #qx-column-52314 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-52314 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-52314 > .qx-col-wrap {  } #qx-column-52314 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-52314 > .qx-col-wrap {  } #qx-column-52314 { flex: 100%; max-width: 100%; }  } #qx-button-0558 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-0558 .qx-btn { white-space : initial; border-style : solid;  } #qx-button-0558 .qx-btn:hover {  } #qx-button-0558 .qx-btn:hover i {  } #qx-button-0558 * {  } #qx-button-0558 a svg,#qx-button-0558 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-0558 {  } #qx-button-0558 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-0558 {  } #qx-button-0558 .qx-btn {  }  } #qx-column-44101 > .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-44101 { flex: 29%; max-width: 29%; } .qx-column-44101-background-overlay {  } #qx-column-44101:hover .qx-column-44101-background-overlay {  } #qx-column-44101 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-44101 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-44101 > .qx-col-wrap {  } #qx-column-44101 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-44101 > .qx-col-wrap {  } #qx-column-44101 { flex: 100%; max-width: 100%; }  } #qx-button-40102 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-40102 .qx-btn { white-space : initial; border-style : solid;  } #qx-button-40102 .qx-btn:hover {  } #qx-button-40102 .qx-btn:hover i {  } #qx-button-40102 * {  } #qx-button-40102 a svg,#qx-button-40102 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-40102 {  } #qx-button-40102 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-40102 {  } #qx-button-40102 .qx-btn {  }  } #qx-section-87231 { padding-top : 100px; padding-right : 0px; padding-bottom : 110px; padding-left : 0px; background-image : url("https://jhep.unimap.edu.my/images//CAPTFENN/Untitled design (32).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-87231-background-overlay { background : linear-gradient(315deg, rgba(255 ,  96,  0, 1) 0%,rgba(27 ,  20,  100, 1) 55%); opacity : 0.8;  } #qx-section-87231:hover .qx-section-87231-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-87231 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-87231 { padding-top : 70px; padding-right : 0px; padding-bottom : 70px; padding-left : 0px;  }  } #qx-row-2433 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-2433-background-overlay {  } #qx-row-2433:hover .qx-row-2433-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-2433 {  }  } @media (max-width: 767px) { #qx-row-2433 {  }  }