.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-805 .elementor-element.elementor-element-521e51e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:1;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-805 .elementor-element.elementor-element-521e51e:not(.elementor-motion-effects-element-type-background), .elementor-805 .elementor-element.elementor-element-521e51e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.elc.edu.my/wp-content/uploads/2025/05/Untitled-design-70.jpg");background-position:0px -77px;background-size:cover;}.elementor-805 .elementor-element.elementor-element-521e51e::before, .elementor-805 .elementor-element.elementor-element-521e51e > .elementor-background-video-container::before, .elementor-805 .elementor-element.elementor-element-521e51e > .e-con-inner > .elementor-background-video-container::before, .elementor-805 .elementor-element.elementor-element-521e51e > .elementor-background-slideshow::before, .elementor-805 .elementor-element.elementor-element-521e51e > .e-con-inner > .elementor-background-slideshow::before, .elementor-805 .elementor-element.elementor-element-521e51e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.elc.edu.my/wp-content/uploads/2025/05/Frame-1.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-805 .elementor-element.elementor-element-0ffb01a{text-align:center;}.elementor-805 .elementor-element.elementor-element-0ffb01a .elementor-heading-title{font-family:"Copeland", Sans-serif;font-size:80px;font-weight:400;color:var( --e-global-color-82d48a5 );}.elementor-805 .elementor-element.elementor-element-b24fc13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-805 .elementor-element.elementor-element-efede97{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:35px;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.4 * 100% );}.elementor-805 .elementor-element.elementor-element-efede97:after{content:"0.4";}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__thumbnail__link{width:100%;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post{border-radius:15px;background-color:#ECECEC;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__text{padding:20px 20px 20px 20px;margin-bottom:0px;}.elementor-805 .elementor-element.elementor-element-efede97.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-805 .elementor-element.elementor-element-efede97.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-805 .elementor-element.elementor-element-efede97.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__title, .elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__title a{color:var( --e-global-color-astglobalcolor8 );font-family:"Raleway", Sans-serif;font-size:20px;font-weight:700;text-decoration:none;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__title{margin-bottom:15px;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__excerpt p{font-family:"Raleway", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__excerpt{margin-bottom:55px;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__read-more{color:#FFFFFF;}.elementor-805 .elementor-element.elementor-element-efede97 a.elementor-post__read-more{font-family:"Raleway", Sans-serif;font-size:14px;font-weight:700;text-decoration:none;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination{text-align:center;font-family:"Raleway", Sans-serif;font-size:14px;font-weight:700;text-decoration:none;margin-top:72px;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-6455ca7 );}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-75924a5 );}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination .page-numbers.current{color:var( --e-global-color-75924a5 );}body:not(.rtl) .elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 22px/2 );}body:not(.rtl) .elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 22px/2 );}body.rtl .elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 22px/2 );}body.rtl .elementor-805 .elementor-element.elementor-element-efede97 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 22px/2 );}.elementor-805 .elementor-element.elementor-element-2e79793{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-805 .elementor-element.elementor-element-2e79793.e-con{--align-self:center;}.elementor-widget-loop-carousel .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-carousel .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-805 .elementor-element.elementor-element-4868fb3{--swiper-slides-to-display:3;--swiper-slides-gap:30px;}.elementor-805 .elementor-element.elementor-element-4868fb3 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-805 .elementor-element.elementor-element-2e79793{--width:85%;}}@media(max-width:1024px){.elementor-805 .elementor-element.elementor-element-521e51e:not(.elementor-motion-effects-element-type-background), .elementor-805 .elementor-element.elementor-element-521e51e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-805 .elementor-element.elementor-element-4868fb3{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-805 .elementor-element.elementor-element-521e51e{--min-height:86vh;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-805 .elementor-element.elementor-element-521e51e:not(.elementor-motion-effects-element-type-background), .elementor-805 .elementor-element.elementor-element-521e51e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-805 .elementor-element.elementor-element-0ffb01a .elementor-heading-title{font-size:50px;line-height:1em;}.elementor-805 .elementor-element.elementor-element-b24fc13{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-805 .elementor-element.elementor-element-efede97{--grid-row-gap:18px;}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-805 .elementor-element.elementor-element-efede97:after{content:"0.5";}.elementor-805 .elementor-element.elementor-element-efede97 .elementor-post__thumbnail__link{width:100%;}.elementor-805 .elementor-element.elementor-element-2e79793{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-805 .elementor-element.elementor-element-4868fb3{--swiper-slides-to-display:1;}}/* Start custom CSS for posts, class: .elementor-element-efede97 */a.elementor-post__read-more {
    padding-left: 15px;
    background: #DC0D15;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-radius: 10px;
}

/* Make sure the post container is relative so the absolute position works */
.elementor-post {
    position: relative;
}

/* Absolutely position the button */
.elementor-post__read-more {
    position: absolute;
    bottom: 20px; /* Adjust as needed */
    right: 20px;  /* Adjust as needed */
    margin: 0 !important;
    padding: 8px 16px;
}


/* Base style for all pagination buttons */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    margin: 0 6px;
    font-size: 16px;
    border-radius: 7px;
    background-color: #e6e6e6; /* Light gray */
    color: #333;
    text-decoration: none;
    font-weight: normal;
    transition: all 0.3s ease;
}

/* Hover state */
.page-numbers:hover {
    background-color: #ccc;
    color: #000;
}

/* Current/active page number */
.page-numbers.current {
    background-color: #f9d9d9; /* Soft red background */
    color: #b30000;            /* Deep red text */
    font-weight: bold;
}

/* Arrows: previous and next */
.page-numbers.prev,
.page-numbers.next {
    background-color: #999;  /* Dark grey */
    color: white;
    padding: 8px 5px;
}

/* Optional: disabled arrows */
.page-numbers.disabled {
    pointer-events: none;
    opacity: 0.4;
}



.page-numbers.prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    margin: 0 6px;
    font-size: 18px;
    font-weight: bold;
    background-color: #d9d9d9; /* Light grey */
    color: white;              /* White arrow */
    border-radius: 7px;
    text-decoration: none;
    transition: all 0.3s ease;
}


.page-numbers.next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    margin: 0 6px;
    font-size: 18px;
    font-weight: bold;
    background-color: #d9d9d9; /* Light grey */
    color: white;              /* White arrow */
    border-radius: 7px;
    text-decoration: none;
    transition: all 0.3s ease;
}


.page-numbers,
.page-numbers:visited,
.page-numbers:hover,
.page-numbers.next,
.page-numbers.prev {
    text-decoration: none !important;
}


.elementor-post {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.elementor-post:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e79793 *//* Target the Swiper horizontal progress bar */
.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 12px !important; /* Taller bar */
  background-color: #e0e0e0 !important; /* light gray background */
  margin-top: 20px !important;
  border-radius: 50px;
  overflow: hidden;
  z-index: 1;
}

/* Style the inner fill (active progress) */
.swiper-pagination-progressbar-fill {
  background-color: #aaa !important; /* medium gray */
  height: 100%;
  border-radius: 50px;
  transition: width 0.3s ease;
}/* End custom CSS */