.elementor-6433 .elementor-element.elementor-element-126bbff{--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;--overlay-opacity:0.86;--padding-top:140px;--padding-bottom:140px;--padding-left:20px;--padding-right:20px;}.elementor-6433 .elementor-element.elementor-element-126bbff:not(.elementor-motion-effects-element-type-background), .elementor-6433 .elementor-element.elementor-element-126bbff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://energyacademy.id/wp-content/uploads/2025/12/0ec8cdf77dfc7457a5ab5657ed324d33c5f02647.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6433 .elementor-element.elementor-element-126bbff::before, .elementor-6433 .elementor-element.elementor-element-126bbff > .elementor-background-video-container::before, .elementor-6433 .elementor-element.elementor-element-126bbff > .e-con-inner > .elementor-background-video-container::before, .elementor-6433 .elementor-element.elementor-element-126bbff > .elementor-background-slideshow::before, .elementor-6433 .elementor-element.elementor-element-126bbff > .e-con-inner > .elementor-background-slideshow::before, .elementor-6433 .elementor-element.elementor-element-126bbff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.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-6433 .elementor-element.elementor-element-d2d57d9{text-align:center;}.elementor-6433 .elementor-element.elementor-element-d2d57d9 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:45px;font-weight:700;line-height:55px;color:var( --e-global-color-7a3a58d );}.elementor-6433 .elementor-element.elementor-element-4ab7e3f{text-align:center;}.elementor-6433 .elementor-element.elementor-element-4ab7e3f .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:45px;font-weight:700;line-height:55px;color:var( --e-global-color-7a3a58d );}.elementor-6433 .elementor-element.elementor-element-8012c0d{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-6433 .elementor-element.elementor-element-ad089e2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6433 .elementor-element.elementor-element-ad089e2.e-con{--align-self:flex-start;}.elementor-6433 .elementor-element.elementor-element-4684f0d .elementor-heading-title{color:var( --e-global-color-secondary );}.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 .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-6433 .elementor-element.elementor-element-5c24516{--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-6433 .elementor-element.elementor-element-5c24516:after{content:"0.66";}.elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-post__thumbnail__link{width:30%;}.elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-6433 .elementor-element.elementor-element-5c24516.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:10px;}.elementor-6433 .elementor-element.elementor-element-5c24516.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:10px;}.elementor-6433 .elementor-element.elementor-element-5c24516.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:10px;}.elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-post__title, .elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-post__title a{font-family:"Public Sans", Sans-serif;font-size:16px;font-weight:700;}.elementor-6433 .elementor-element.elementor-element-f5df2bd{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6433 .elementor-element.elementor-element-f5df2bd.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-6433 .elementor-element.elementor-element-b3b6da3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-6433 .elementor-element.elementor-element-6219c64{--grid-columns:3;--grid-row-gap:16px;--auto-scroll-offset:0px;--grid-column-gap:16px;}.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-6433 .elementor-element.elementor-element-6219c64 .e-loop-item > .elementor-section, .elementor-6433 .elementor-element.elementor-element-6219c64 .e-loop-item > .elementor-section > .elementor-container, .elementor-6433 .elementor-element.elementor-element-6219c64 .e-loop-item > .e-con, .elementor-6433 .elementor-element.elementor-element-6219c64 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination{text-align:center;font-family:"Public Sans", Sans-serif;font-weight:600;margin-top:30px;}body:not(.rtl) .elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}@media(max-width:1024px){.elementor-6433 .elementor-element.elementor-element-126bbff{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-6433 .elementor-element.elementor-element-d2d57d9 .elementor-heading-title{font-size:40px;line-height:1.4em;}.elementor-6433 .elementor-element.elementor-element-4ab7e3f .elementor-heading-title{font-size:40px;line-height:1.4em;}.elementor-6433 .elementor-element.elementor-element-8012c0d{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6433 .elementor-element.elementor-element-6219c64{--grid-columns:2;}}@media(max-width:767px){.elementor-6433 .elementor-element.elementor-element-d2d57d9 .elementor-heading-title{font-size:30px;}.elementor-6433 .elementor-element.elementor-element-4ab7e3f .elementor-heading-title{font-size:30px;}.elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-6433 .elementor-element.elementor-element-5c24516:after{content:"0.5";}.elementor-6433 .elementor-element.elementor-element-5c24516 .elementor-post__thumbnail__link{width:100%;}.elementor-6433 .elementor-element.elementor-element-6219c64{--grid-columns:1;}}@media(min-width:768px){.elementor-6433 .elementor-element.elementor-element-ad089e2{--width:300px;}.elementor-6433 .elementor-element.elementor-element-f5df2bd{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6433 .elementor-element.elementor-element-ad089e2{--width:100%;}.elementor-6433 .elementor-element.elementor-element-f5df2bd{--width:100%;}}@media(min-width:1025px){.elementor-6433 .elementor-element.elementor-element-126bbff:not(.elementor-motion-effects-element-type-background), .elementor-6433 .elementor-element.elementor-element-126bbff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for posts, class: .elementor-element-5c24516 */.elementor-6433 .elementor-element.elementor-element-5c24516 h4 {
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}/* End custom CSS */
/* Start custom CSS for search-filter-form, class: .elementor-element-b3b6da3 *//* Mengatur container utama form */
.searchandfilter ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 10px !important; /* Memberikan jarak antar elemen */
}

/* Mengatur setiap item list (Search, Category, Submit) */
.searchandfilter li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Membuat input Search mengambil ruang lebih besar */
.searchandfilter li[data-sf-field-type="search"] {
    flex-grow: 1;
}

/* Styling Input Text dan Select agar seragam */
.searchandfilter input[type="text"],
.searchandfilter select {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 8px !important;
    padding: 0 15px !important;
    outline: none;
}

/* Styling Tombol Submit menjadi kotak hijau dengan ikon */
.searchandfilter input[type="submit"] {
    background-color: #008001 !important; /* Warna hijau */
    color: white !important;
    height: 48px !important;
    width: 55px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer;
    font-size: 0 !important; /* Sembunyikan teks 'Submit' */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

/* Responsive untuk HP agar kembali menumpuk rapi */
@media (max-width: 767px) {
    .searchandfilter ul {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .searchandfilter li, 
    .searchandfilter input[type="text"],
    .searchandfilter select,
    .searchandfilter input[type="submit"] {
        width: 100% !important;
    }
    
    .searchandfilter input[type="submit"] {
    font-size: 16px !important;
    font-weight: 500;/* Sembunyikan teks 'Submit' */
    background-image: url('Search');
    background-repeat: no-repeat;
    background-position: center;
}
}

/* Menghapus garis vertikal dan mengatur ulang tampilan dropdown */
.searchandfilter select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    /* Tambahkan kembali ikon panah kustom tanpa garis vertikal */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px !important;
    
    padding-right: 40px !important; /* Memberi ruang untuk panah */
    border: 1px solid #d1d1d1 !important; /* Pastikan border luar tetap ada */
    border-radius: 8px !important;
}

/* Menghilangkan sisa garis pembatas di Internet Explorer */
.searchandfilter select::-ms-expand {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6219c64 *//* Container pagination */
.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Jarak antar lingkaran */
}

/* Mengatur semua item (angka dan panah) menjadi lingkaran */
.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;  /* Sesuaikan ukuran */
    height: 40px; /* Sesuaikan ukuran */
    border-radius: 50%;
    border: 1px solid #EDEDED; /* Warna garis abu halus */
    color: #333;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s;
    font-size: 14px;
}

/* Warna untuk angka yang sedang aktif (Halaman 1) */
.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .page-numbers.current {
    background-color: #38761d; /* Hijau sesuai gambar */
    color: #ffffff;
    border-color: #38761d;
}

/* Efek saat kursor di atas lingkaran */
.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination a.page-numbers:hover {
    border-color: #38761d;
    background-color: #f9f9f9;
}

/* Menyesuaikan tampilan khusus panah (prev/next) */
.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .prev.page-numbers,
.elementor-6433 .elementor-element.elementor-element-6219c64 .elementor-pagination .next.page-numbers {
    font-family: serif; /* Agar simbol < > terlihat lebih rapi */
    font-size: 18px;
    color: #1a2b40; /* Warna biru gelap pada panah */
}/* End custom CSS */