.elementor-618 .elementor-element.elementor-element-3992f8c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-eee2cac{--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;}.elementor-618 .elementor-element.elementor-element-1d29d91 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:50px;}.elementor-618 .elementor-element.elementor-element-4753550{font-family:"Plus Jakarta Sans", Sans-serif;font-size:25px;color:#000000;}.elementor-618 .elementor-element.elementor-element-8594da9{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-35px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-618 .elementor-element.elementor-element-8594da9::before, .elementor-618 .elementor-element.elementor-element-8594da9 > .elementor-background-video-container::before, .elementor-618 .elementor-element.elementor-element-8594da9 > .e-con-inner > .elementor-background-video-container::before, .elementor-618 .elementor-element.elementor-element-8594da9 > .elementor-background-slideshow::before, .elementor-618 .elementor-element.elementor-element-8594da9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-618 .elementor-element.elementor-element-8594da9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#6EC1E400;--background-overlay:'';}.elementor-618 .elementor-element.elementor-element-56a8a4a{--display:flex;--position:absolute;--margin-top:20px;--margin-bottom:0px;--margin-left:17px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-618 .elementor-element.elementor-element-56a8a4a{left:0px;}body.rtl .elementor-618 .elementor-element.elementor-element-56a8a4a{right:0px;}.elementor-618 .elementor-element.elementor-element-00ea68a{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;width:var( --container-widget-width, 105.589% );max-width:105.589%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:105.589%;--container-widget-flex-grow:0;top:40px;border-radius:0px 0px 0px 0px;--e-filter-item-border-radius:0px 0px 0px 0px;}.elementor-618 .elementor-element.elementor-element-00ea68a.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-618 .elementor-element.elementor-element-00ea68a{left:200px;}body.rtl .elementor-618 .elementor-element.elementor-element-00ea68a{right:200px;}.elementor-618 .elementor-element.elementor-element-00ea68a .e-filter-item{padding:0px 0px 0px 0px;}.elementor-618 .elementor-element.elementor-element-a4a0b77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:5px;}body:not(.rtl) .elementor-618 .elementor-element.elementor-element-a4a0b77{left:200px;}body.rtl .elementor-618 .elementor-element.elementor-element-a4a0b77{right:200px;}.elementor-618 .elementor-element.elementor-element-a4a0b77 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:900;color:var( --e-global-color-08f1063 );}.elementor-618 .elementor-element.elementor-element-54a9e9d{--display:flex;--min-height:99px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-618 .elementor-element.elementor-element-f72789a{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-618 .elementor-element.elementor-element-537591c{width:var( --container-widget-width, 25% );max-width:25%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:25%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-618 .elementor-element.elementor-element-537591c.elementor-element{--align-self:flex-start;}.elementor-618 .elementor-element.elementor-element-c210732{--display:flex;}.elementor-618 .elementor-element.elementor-element-c210732.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-618 .elementor-element.elementor-element-ce18656{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:70px;--margin-right:0px;}.elementor-618 .elementor-element.elementor-element-312c063{--grid-columns:2;--grid-row-gap:38px;--grid-column-gap:0px;}.elementor-618 .elementor-element.elementor-element-312c063 > .elementor-widget-container{margin:0px 144px 0px 70px;}@media(max-width:1024px){.elementor-618 .elementor-element.elementor-element-312c063{--grid-columns:2;}}@media(min-width:768px){.elementor-618 .elementor-element.elementor-element-eee2cac{--width:50%;}.elementor-618 .elementor-element.elementor-element-8594da9{--width:50%;}}@media(max-width:767px){.elementor-618 .elementor-element.elementor-element-1d29d91{margin:-45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-618 .elementor-element.elementor-element-1d29d91 .elementor-heading-title{font-size:25px;}.elementor-618 .elementor-element.elementor-element-4753550{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:12px;}.elementor-618 .elementor-element.elementor-element-8594da9{--margin-top:-14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body:not(.rtl) .elementor-618 .elementor-element.elementor-element-00ea68a{left:107px;}body.rtl .elementor-618 .elementor-element.elementor-element-00ea68a{right:107px;}.elementor-618 .elementor-element.elementor-element-00ea68a{top:23px;--e-filter-space-between:9px;}body:not(.rtl) .elementor-618 .elementor-element.elementor-element-a4a0b77{left:110px;}body.rtl .elementor-618 .elementor-element.elementor-element-a4a0b77{right:110px;}.elementor-618 .elementor-element.elementor-element-a4a0b77{top:4px;}.elementor-618 .elementor-element.elementor-element-a4a0b77 .elementor-heading-title{font-size:10px;}.elementor-618 .elementor-element.elementor-element-537591c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -5px;}.elementor-618 .elementor-element.elementor-element-c210732{--width:416.111px;--margin-top:67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-618 .elementor-element.elementor-element-ce18656{--margin-top:0px;--margin-bottom:0px;--margin-left:22px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-618 .elementor-element.elementor-element-312c063{--grid-columns:2;--grid-row-gap:37px;--grid-column-gap:0px;}.elementor-618 .elementor-element.elementor-element-312c063 > .elementor-widget-container{margin:0px 12px 0px 5px;padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-1d29d91 *//* Warna default untuk kata "Katalog" */
.elementor-618 .elementor-element.elementor-element-1d29d91 .elementor-heading-title {
    color: #1a2e44 !important; /* Warna biru gelap pekat */
}

/* Warna khusus untuk kata yang dibungkus span tadi */
.elementor-618 .elementor-element.elementor-element-1d29d91 .text-biru {
    color: #2D4B73 !important; /* Warna biru yang lebih muda/terang */
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-00ea68a *//* 1. CONTAINER UTAMA (Menghapus garis luar pembungkus) */
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe,
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe ul,
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .elementor-portfolio__filters {
    display: flex !important;
    gap: 12px !important; /* Jarak antar kotak */
    flex-wrap: wrap !important;
    border: none !important; /* Paksa buang garis luar */
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. KOTAK TIPE (Diperbesar) */
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item {
    display: inline-block !important;
    padding: 17px 24px !important; /* Kotak besar */
    border-radius: 12px !important;
    border: 2px solid #8FA3B8 !important;
    background: transparent !important;
    color: #1A2B3D !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px !important; /* Tulisan besar */
    font-weight: 600 !important; 
    margin: 0 !important; 
    cursor: pointer !important;
    transition: all 0.3s ease !important; /* Animasi mulus */
}

/* 3. EFEK HOVER (Saat cuma disentuh mouse) */
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item:hover {
    background-color: #1A2E44 !important; /* Background gelap */
    color: #ffffff !important; /* Tulisan putih */
    border-color: #1A2E44 !important;
}

/* 4. EFEK AKTIF / NYANGKUT (Saat tipe sedang dipilih/diklik) */
/* Kita tembak semua variasi class bawaan Elementor biar pasti jalan! */
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item.elementor-active,
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item.e-active,
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item.active,
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item[aria-pressed="true"],
.elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item[aria-current="true"] {
    background-color: #1A2E44 !important; /* Background tetap gelap */
    color: #ffffff !important; /* Tulisan tetap putih */
    border-color: #1A2E44 !important; /* Garis tetap gelap */
}
/* ===================================================
   2. DESAIN KHUSUS HP (TIDAK AKAN MERUSAK LAPTOP)
   =================================================== */
@media screen and (max-width: 767px) {
    
    /* Jarak antar kotak dirapatkan */
    .elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe,
    .elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe ul,
    .elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .elementor-portfolio__filters {
        gap: 0px !important; 
    }

    /* Kotak dan Tulisan dibuat Mungil */
    .elementor-618 .elementor-element.elementor-element-00ea68a.filter-tipe .e-filter-item {
        padding: 8px 8px !important; /* Kotak mengecil */
        font-size: 8px !important; /* Tulisan mengecil */
        border-radius: 6px !important; /* Lengkungan disesuaikan */
        border: 1px solid #8FA3B8 !important; /* Garis ditipiskan sedikit */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8594da9 *//* Container Utama: Menghilangkan garis bawah & merapikan jarak */
.elementor-widget-taxonomy-filter .elementor-taxonomy-filter {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    border-bottom: none !important; /* Hapus garis bawah bawaan */
}

/* Styling Tombol (Normal) */
.elementor-widget-taxonomy-filter .elementor-taxonomy-filter__item {
    background-color: #ffffff !important;
    border: 1.5px solid #94a3b8 !important; /* Warna garis biru abu-abu */
    padding: 10px 25px !important;
    border-radius: 12px !important; /* Membuat ujung kotak melengkung */
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    color: #1a2e44 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Menghilangkan garis dekorasi Elementor yang biasanya muncul di bawah teks */
.elementor-widget-taxonomy-filter .elementor-taxonomy-filter__item:after {
    display: none !important;
}

/* Tombol AKTIF / Dipilih (Warna Biru Abu-abu Solid) */
.elementor-widget-taxonomy-filter .elementor-taxonomy-filter__item.elementor-active {
    background-color: #94a3b8 !important;
    color: #ffffff !important;
    border-color: #94a3b8 !important;
}

/* Menghapus efek garis saat hover */
.elementor-widget-taxonomy-filter .elementor-taxonomy-filter__item:hover {
    background-color: #f1f5f9 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-312c063 *//* PAKSA LOOP GRID JADI 2 KOLOM DI HP */
@media (max-width: 767px) {
    /* Memaksa wadah utama jadi Grid 2 Kolom */
    .elementor-618 .elementor-element.elementor-element-312c063 .elementor-loop-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Paksa belah dua */
        gap: 10px !important; /* Jarak antar kartu */
    }

    /* Menghancurkan paksaan lebar pada masing-masing kartu */
    .elementor-618 .elementor-element.elementor-element-312c063 .elementor-loop-container > div,
    .elementor-618 .elementor-element.elementor-element-312c063 .elementor-loop-container > article {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0px !important;
        margin: 0px !important;
    }
}/* End custom CSS */