#qx-section-151 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(14 ,  36,  129, 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-151 .qx-container {  } .qx-section-151-background-overlay {  } #qx-section-151:hover .qx-section-151-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-151 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  } #qx-section-151 .qx-container {  }  } @media (max-width: 767px) { #qx-section-151 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  } #qx-section-151 .qx-container {  }  } #qx-row-35117 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-35117-background-overlay {  } #qx-row-35117:hover .qx-row-35117-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-35117 {  }  } @media (max-width: 767px) { #qx-row-35117 {  }  } #qx-column-4118 > .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-4118 { flex: 100%; max-width: 100%; } .qx-column-4118-background-overlay {  } #qx-column-4118:hover .qx-column-4118-background-overlay {  } #qx-column-4118 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-4118 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-4118 > .qx-col-wrap {  } #qx-column-4118 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-4118 > .qx-col-wrap {  } #qx-column-4118 { flex: 100%; max-width: 100%; }  } #qx-row-13124 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-13124-background-overlay {  } #qx-row-13124:hover .qx-row-13124-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-13124 {  }  } @media (max-width: 767px) { #qx-row-13124 {  }  } #qx-column-58125 > .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-58125 { flex: 100%; max-width: 100%; } .qx-column-58125-background-overlay {  } #qx-column-58125:hover .qx-column-58125-background-overlay {  } #qx-column-58125 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-58125 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-58125 > .qx-col-wrap {  } #qx-column-58125 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-58125 > .qx-col-wrap {  } #qx-column-58125 { flex: 100%; max-width: 100%; }  } #qx-heading-3676 { 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-3676 h4 { font-weight : 900; font-size : 40px; line-height : 0.4em; letter-spacing : 1.2px; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-3676 {  } #qx-heading-3676 h4 {  }  } @media (max-width: 767px) { #qx-heading-3676 {  } #qx-heading-3676 h4 {  }  } #qx-section-1497 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(9 ,  36,  131, 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-1497-background-overlay { background-color : rgba(0, 123, 255, 1);  } #qx-section-1497:hover .qx-section-1497-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-1497 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-1497 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-89100 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-89100-background-overlay {  } #qx-row-89100:hover .qx-row-89100-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-89100 {  }  } @media (max-width: 767px) { #qx-row-89100 {  }  } #qx-column-60101 > .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-60101 { flex: 50%; max-width: 50%; } .qx-column-60101-background-overlay {  } #qx-column-60101:hover .qx-column-60101-background-overlay {  } #qx-column-60101 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-60101 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-60101 > .qx-col-wrap {  } #qx-column-60101 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-60101 > .qx-col-wrap {  } #qx-column-60101 { flex: 100%; max-width: 100%; }  } #qx-column-20103 > .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-20103 { flex: 50%; max-width: 50%; } .qx-column-20103-background-overlay {  } #qx-column-20103:hover .qx-column-20103-background-overlay {  } #qx-column-20103 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-20103 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-20103 > .qx-col-wrap {  } #qx-column-20103 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-20103 > .qx-col-wrap {  } #qx-column-20103 { flex: 100%; max-width: 100%; }  } #qx-section-621 { margin-top : -12px; margin-bottom : -60px; padding-left : 0px; background-image : url("https://jhep.unimap.edu.my/images//3063516.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-621-background-overlay {  } #qx-section-621:hover .qx-section-621-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-621 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-621 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-784 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-784-background-overlay {  } #qx-row-784:hover .qx-row-784-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-784 {  }  } @media (max-width: 767px) { #qx-row-784 {  }  } #qx-column-335 > .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-335 { flex: 100%; max-width: 100%; } .qx-column-335-background-overlay {  } #qx-column-335:hover .qx-column-335-background-overlay {  } #qx-column-335 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-335 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-335 > .qx-col-wrap {  } #qx-column-335 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-335 > .qx-col-wrap {  } #qx-column-335 { flex: 100%; max-width: 100%; }  } #qx-column-12165 > .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-12165-background-overlay {  } #qx-column-12165:hover .qx-column-12165-background-overlay {  } #qx-column-12165 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-12165 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-12165 > .qx-col-wrap {  }  } @media (max-width: 767px) { #qx-column-12165 > .qx-col-wrap {  }  } #qx-row-1182 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-1182-background-overlay {  } #qx-row-1182:hover .qx-row-1182-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-1182 {  }  } @media (max-width: 767px) { #qx-row-1182 {  }  } #qx-column-96184 > .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-96184 { flex: 70%; max-width: 70%; } .qx-column-96184-background-overlay {  } #qx-column-96184:hover .qx-column-96184-background-overlay {  } #qx-column-96184 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-96184 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-96184 > .qx-col-wrap {  } #qx-column-96184 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-96184 > .qx-col-wrap {  } #qx-column-96184 { flex: 100%; max-width: 100%; }  } #qx-text-70234 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Abhaya Libre;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-70234 {  }  } @media (max-width: 767px) { #qx-text-70234 {  }  } #qx-column-95186 > .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-95186 { flex: 10%; max-width: 10%; } .qx-column-95186-background-overlay {  } #qx-column-95186:hover .qx-column-95186-background-overlay {  } #qx-column-95186 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-95186 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-95186 > .qx-col-wrap {  } #qx-column-95186 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-95186 > .qx-col-wrap {  } #qx-column-95186 { flex: 100%; max-width: 100%; }  } #qx-image-79581 { margin-top : -9px; margin-right : 0px; margin-left : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : right;  } #qx-image-79581 img,#qx-image-79581 svg { width : 100%; 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-79581 img,#qx-image-79581 svg,#qx-image-79581 i {  } #qx-image-79581 .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-79581 svg,#qx-image-79581 i {  } #qx-image-79581 svg,#qx-image-79581 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-79581 {  } #qx-image-79581 img,#qx-image-79581 svg {  } #qx-image-79581 svg,#qx-image-79581 i {  } #qx-image-79581 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-79581 {  } #qx-image-79581 img,#qx-image-79581 svg {  } #qx-image-79581 svg,#qx-image-79581 i {  } #qx-image-79581 .qx-figure-caption {  }  } #qx-column-97569 > .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-97569 { flex: 10%; max-width: 10%; } .qx-column-97569-background-overlay {  } #qx-column-97569:hover .qx-column-97569-background-overlay {  } #qx-column-97569 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-97569 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-97569 > .qx-col-wrap {  } #qx-column-97569 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-97569 > .qx-col-wrap {  } #qx-column-97569 { flex: 100%; max-width: 100%; }  } #qx-image-47606 { margin-top : -30px; 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-47606 img,#qx-image-47606 svg { width : 77%; 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-47606 img,#qx-image-47606 svg,#qx-image-47606 i {  } #qx-image-47606 .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-47606 svg,#qx-image-47606 i {  } #qx-image-47606 svg,#qx-image-47606 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-47606 {  } #qx-image-47606 img,#qx-image-47606 svg {  } #qx-image-47606 svg,#qx-image-47606 i {  } #qx-image-47606 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-47606 {  } #qx-image-47606 img,#qx-image-47606 svg {  } #qx-image-47606 svg,#qx-image-47606 i {  } #qx-image-47606 .qx-figure-caption {  }  } #qx-column-29719 > .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-29719 { flex: 10%; max-width: 10%; } .qx-column-29719-background-overlay {  } #qx-column-29719:hover .qx-column-29719-background-overlay {  } #qx-column-29719 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-29719 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-29719 > .qx-col-wrap {  } #qx-column-29719 { flex: 25%; max-width: 25%; }  } @media (max-width: 767px) { #qx-column-29719 > .qx-col-wrap {  } #qx-column-29719 { flex: 100%; max-width: 100%; }  } #qx-image-41723 { margin-top : 0px; 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-41723 img,#qx-image-41723 svg { width : 79%; 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-41723 img,#qx-image-41723 svg,#qx-image-41723 i {  } #qx-image-41723 .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-41723 svg,#qx-image-41723 i {  } #qx-image-41723 svg,#qx-image-41723 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-41723 {  } #qx-image-41723 img,#qx-image-41723 svg {  } #qx-image-41723 svg,#qx-image-41723 i {  } #qx-image-41723 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-41723 {  } #qx-image-41723 img,#qx-image-41723 svg {  } #qx-image-41723 svg,#qx-image-41723 i {  } #qx-image-41723 .qx-figure-caption {  }  }