.elementor-1496 .elementor-element.elementor-element-a6d29f5{--display:flex;--min-height:70vh;--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:0.8;--margin-top:-10em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1496 .elementor-element.elementor-element-a6d29f5:not(.elementor-motion-effects-element-type-background), .elementor-1496 .elementor-element.elementor-element-a6d29f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://supremesolar.id/wp-content/uploads/2026/02/pov-solar-panel-placed-conveyor-belt-3d-rendering.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1496 .elementor-element.elementor-element-a6d29f5::before, .elementor-1496 .elementor-element.elementor-element-a6d29f5 > .elementor-background-video-container::before, .elementor-1496 .elementor-element.elementor-element-a6d29f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1496 .elementor-element.elementor-element-a6d29f5 > .elementor-background-slideshow::before, .elementor-1496 .elementor-element.elementor-element-a6d29f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1496 .elementor-element.elementor-element-a6d29f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00384F;--background-overlay:'';}.elementor-1496 .elementor-element.elementor-element-684a259{--display:flex;--min-height:30vh;--justify-content:space-between;}.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-1496 .elementor-element.elementor-element-93e4535{text-align:center;}.elementor-1496 .elementor-element.elementor-element-93e4535 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:56px;font-weight:600;color:var( --e-global-color-795be0d );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1496 .elementor-element.elementor-element-b8b4ea1{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1496 .elementor-element.elementor-element-b8b4ea1 a{color:var( --e-global-color-795be0d );}.elementor-1496 .elementor-element.elementor-element-b8b4ea1 a:hover{color:var( --e-global-color-primary );}.elementor-1496 .elementor-element.elementor-element-19b3a05{--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:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1496 .elementor-element.elementor-element-9291b0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1496 .elementor-element.elementor-element-7244706 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-input{background-color:#F3F3F3;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;border-style:none;border-radius:55px 55px 55px 55px;}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-1496 .elementor-element.elementor-element-c86e452{background-color:#F3F3F3;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F3F3F3;border-radius:55px 55px 55px 55px;--e-search-placeholder-color:var( --e-global-color-text );--e-search-input-color:var( --e-global-color-text );--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:15px;--e-search-submit-icon-gap:10px;--e-search-submit-color:var( --e-global-color-secondary );--e-search-icon-submit-color:var( --e-global-color-secondary );--e-search-submit-border-radius:55px 55px 55px 55px;--e-search-submit-padding:0px 25px 0px 25px;}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-submit span{font-family:"Outfit", Sans-serif;font-weight:500;}.elementor-1496 .elementor-element.elementor-element-6c57d58{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-a192a0e{--display:flex;}.elementor-1496 .elementor-element.elementor-element-db8101a{--display:flex;}.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-1496 .elementor-element.elementor-element-3273066{--grid-columns:3;--grid-row-gap:25px;--grid-column-gap:20px;}.elementor-1496 .elementor-element.elementor-element-3273066 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1496 .elementor-element.elementor-element-3273066 .e-loop-item > .elementor-section, .elementor-1496 .elementor-element.elementor-element-3273066 .e-loop-item > .elementor-section > .elementor-container, .elementor-1496 .elementor-element.elementor-element-3273066 .e-loop-item > .e-con, .elementor-1496 .elementor-element.elementor-element-3273066 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-1496 .elementor-element.elementor-element-a6d29f5{--min-height:50vh;--margin-top:-15em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1496 .elementor-element.elementor-element-684a259{--min-height:16vh;}.elementor-1496 .elementor-element.elementor-element-93e4535 .elementor-heading-title{font-size:30px;}.elementor-1496 .elementor-element.elementor-element-19b3a05{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1496 .elementor-element.elementor-element-7244706 .elementor-heading-title{font-size:30px;}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-input{font-size:14px;}.elementor-1496 .elementor-element.elementor-element-c86e452{--e-search-input-padding-block-start:13px;--e-search-input-padding-inline-start:13px;--e-search-input-padding-block-end:13px;--e-search-input-padding-inline-end:13px;--e-search-icon-submit-size:15px;}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-submit span{font-size:14px;}.elementor-1496 .elementor-element.elementor-element-6c57d58{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-a192a0e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-db8101a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-3273066{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:15px;}}@media(max-width:767px){.elementor-1496 .elementor-element.elementor-element-a6d29f5{--min-height:45vh;--margin-top:-5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1496 .elementor-element.elementor-element-684a259{--min-height:15vh;}.elementor-1496 .elementor-element.elementor-element-93e4535 .elementor-heading-title{font-size:25px;}.elementor-1496 .elementor-element.elementor-element-b8b4ea1{font-size:13px;}.elementor-1496 .elementor-element.elementor-element-19b3a05{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1496 .elementor-element.elementor-element-9291b0c{--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-7244706{width:100%;max-width:100%;text-align:center;}.elementor-1496 .elementor-element.elementor-element-7244706 .elementor-heading-title{font-size:25px;}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-input{font-size:12px;}.elementor-1496 .elementor-element.elementor-element-c86e452{--e-search-input-padding-block-start:8px;--e-search-input-padding-inline-start:8px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:8px;--e-search-icon-submit-size:12px;}.elementor-1496 .elementor-element.elementor-element-c86e452 .e-search-submit span{font-size:12px;}.elementor-1496 .elementor-element.elementor-element-6c57d58{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-a192a0e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1496 .elementor-element.elementor-element-3273066{--grid-columns:2;--grid-row-gap:25px;--grid-column-gap:5px;}}@media(min-width:768px){.elementor-1496 .elementor-element.elementor-element-a192a0e{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1496 .elementor-element.elementor-element-a192a0e{--width:100%;}}/* Start custom CSS for woofilters, class: .elementor-element-c5e17fc *//* Styling Blok Judul Filter */
.wpfFilterTitle {
    background-color: #EBFFD5 !important;
    padding: 10px 20px 0px 10px !important; /* Menyesuaikan padding bawah agar seimbang */
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Styling Icon Toggle (Minus/Plus) */
.wpfFilterTitle i.fa.wpfTitleToggle.fa-minus,
.wpfFilterTitle i.fa.wpfTitleToggle.fa-plus {
    font-size: 15px;
    color: #333; /* Warna icon agar kontras dengan background hijau muda */
    cursor: pointer;
    margin-bottom: 5px;
}

/* Styling Handle Slider (Bulatan Penarik Harga) */
.wpfMainWrapper .ui-slider-handle.ui-state-default {
    background-color: #93d500 !important; /* Gunakan hijau yang lebih kontras agar terlihat */
    background: #93d500 !important; /* Timpa gradient bawaan jika ada */
    border: 1px solid #7cb300 !important;
    border-radius: 50% !important; /* Agar bulat sempurna */
}

.wpfMainWrapper .ui-slider.ui-slider-horizontal {
    height: 6px !important;
    background: #f0f0f0 !important;
    border: none !important;
    /* Cara membuat slider center */
    width: 90% !important; /* Memberi ruang agar tidak mepet pinggir */
    margin: 0 auto !important; /* Teknik utama untuk meratakan tengah */
    display: block !important;
}

.wpfMainWrapper .ui-slider-range.ui-widget-header {
    background-color: #00384F !important;
    border: none !important;
}

/* Tambahan agar handle (bulatan) tidak terpotong di pinggir */
.wpfMainWrapper .ui-slider-handle {
    top: -8px !important; /* Menyesuaikan posisi vertikal bulatan terhadap garis */
}

.wpfPriceInputs .wpfPriceRangeField {
    border:1px solid #f3f3f3 !important;
}

/* Menargetkan elemen visual checkbox (bukan input aslinya) */
.wpfLiLabel .wpfCheckbox input[type="checkbox"] + label:before,
.wpfLiLabel .wpfCheckbox span.wpfCheckboxActual {
    border-radius: 4px !important; /* Menggunakan 4px agar terlihat simetris daripada 5% */
    border: 1px solid #ccc !important;
}

/* Jika ingin mengubah warna saat dicentang agar sesuai tema hijau */
.wpfLiLabel .wpfCheckbox input[type="checkbox"]:checked + label:before {
    background-color: #AAED62 !important;
    border-color: #AAED62 !important;
}

/* Styling Tombol Filter / Atur Ulang */
.wpfFilterButton .wpfButton {
    background-color: #AAED62 !important; /* Warna hijau cerah sesuai permintaan */
    color: #333 !important; /* Warna teks gelap agar mudah dibaca */
    border: none !important;
    border-radius: 20px !important; /* Membuat tombol lonjong/rounded sesuai desain  */
    padding: 8px 20px !important;
    font-weight: bold !important;
    transition: all 0.3s ease;
}

/* Menargetkan kedua tombol (Filter dan Clear) */
.wpfFilterButtons.wpfFilterButtonsBottom .wpfButton {
    background-color: #AAED62 !important;
    color: #000000 !important; /* Teks hitam agar jelas [cite: 33] */
    border-radius: 20px !important; /* Membuat sudut membulat [cite: 4] */
    padding: 10px 20px !important;
    border: none !important;
    font-weight: bold !important;
    margin: 5px 0px 0px 0px !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: 100%;
}

/* Efek Hover untuk kedua tombol */
.wpfFilterButtons.wpfFilterButtonsBottom .wpfButton:hover {
    background-color: #93d500 !important; /* Hijau lebih gelap saat disentuh kursor */
    transition: 0.3s;
}

/* Khusus jika ingin tombol 'Clear' (Atur Ulang) punya warna berbeda (misal: putih) */
.wpfFilterButtons.wpfFilterButtonsBottom .wpfClearButton {
    background-color: #f0f0f0 !important; 
    color: #666 !important;
}

/* --- RESPONSIVE MOBILE SETTINGS --- */
@media (max-width: 768px) {
    /* Menyesuaikan Tombol Filter & Clear di Mobile */
    .wpfFilterButtons.wpfFilterButtonsBottom .wpfButton {
        font-size: 14px !important; /* Ukuran font sesuai permintaan */
        padding: 15px 10px 15px 10px !important; /* Padding sesuai permintaan: Atas 15, Kanan 10, Bawah 15, Kiri 10 */
        width: 100% !important; /* Agar tombol memenuhi lebar layar HP */
        margin-bottom: 0px !important; /* Memberi jarak antar tombol saat menumpuk vertikal */
    }

    /* Opsional: Menyesuaikan Padding Judul Filter agar tidak terlalu lebar di layar kecil */
    .wpfFilterTitle {
        padding: 12px 15px !important;
    }

    /* Membuat Slider Harga sedikit lebih lebar di Mobile agar mudah digeser */
    .wpfMainWrapper .ui-slider.ui-slider-horizontal {
        width: 95% !important;
    }
}/* End custom CSS */