.elementor-235 .elementor-element.elementor-element-4e9dd523{--display:flex;--min-height:100px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;--z-index:95;}.elementor-235 .elementor-element.elementor-element-4e9dd523:not(.elementor-motion-effects-element-type-background), .elementor-235 .elementor-element.elementor-element-4e9dd523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-235 .elementor-element.elementor-element-4e9dd523.e-con{--align-self:center;}.elementor-235 .elementor-element.elementor-element-4405933{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:-3%;--margin-right:0%;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Poppins;font-weight:var( --e-global-typography-text-font-weight );}.elementor-235 .elementor-element.elementor-element-588babb3.elementor-element{--align-self:flex-start;}.elementor-235 .elementor-element.elementor-element-588babb3{text-align:left;}.elementor-235 .elementor-element.elementor-element-588babb3 img{width:100%;max-width:100%;height:80px;object-fit:contain;object-position:center center;}.elementor-235 .elementor-element.elementor-element-93dd7dd{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:-3%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Poppins;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu .elementor-item{font-family:"Young Serif", Poppins;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main .elementor-item:focus{color:#447543;fill:#447543;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF00;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed .elementor-item:before,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF00;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#353535;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF00;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF00;}.elementor-235 .elementor-element.elementor-element-6c78da0{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:#324A6D;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-underline .elementor-item:after,
					 .elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-overline .elementor-item:before,
					 .elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-double-line .elementor-item:before,
					 .elementor-235 .elementor-element.elementor-element-6c78da0 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a, .elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a:hover,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a:focus,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown .elementor-item, .elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Poppins;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-235 .elementor-element.elementor-element-6c78da0 div.elementor-menu-toggle{color:#1B1B1B;}.elementor-235 .elementor-element.elementor-element-6c78da0 div.elementor-menu-toggle svg{fill:#1B1B1B;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-235 .elementor-element.elementor-element-8842368 .elementor-icon-wrapper{text-align:center;}.elementor-235 .elementor-element.elementor-element-8842368.elementor-view-stacked .elementor-icon{background-color:#111111;}.elementor-235 .elementor-element.elementor-element-8842368.elementor-view-framed .elementor-icon, .elementor-235 .elementor-element.elementor-element-8842368.elementor-view-default .elementor-icon{color:#111111;border-color:#111111;}.elementor-235 .elementor-element.elementor-element-8842368.elementor-view-framed .elementor-icon, .elementor-235 .elementor-element.elementor-element-8842368.elementor-view-default .elementor-icon svg{fill:#111111;}.elementor-235 .elementor-element.elementor-element-8842368 .elementor-icon{font-size:0px;}.elementor-235 .elementor-element.elementor-element-8842368 .elementor-icon svg{height:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-235 .elementor-element.elementor-element-4405933{--width:50%;}.elementor-235 .elementor-element.elementor-element-93dd7dd{--width:100%;}}@media(max-width:1024px){.elementor-235 .elementor-element.elementor-element-4e9dd523{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-235 .elementor-element.elementor-element-588babb3.elementor-element{--align-self:flex-start;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown .elementor-item, .elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-235 .elementor-element.elementor-element-4e9dd523{--min-height:60px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-235 .elementor-element.elementor-element-4405933{--width:65%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-235 .elementor-element.elementor-element-4405933.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-235 .elementor-element.elementor-element-588babb3{padding:0px 0px 0px 0px;text-align:left;}.elementor-235 .elementor-element.elementor-element-588babb3.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-235 .elementor-element.elementor-element-588babb3 img{width:100%;height:55px;}.elementor-235 .elementor-element.elementor-element-93dd7dd{--width:35%;--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:flex-end;--align-items:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-235 .elementor-element.elementor-element-93dd7dd.e-con{--align-self:center;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-235 .elementor-element.elementor-element-6c78da0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-235 .elementor-element.elementor-element-6c78da0{--nav-menu-icon-size:20px;}.elementor-235 .elementor-element.elementor-element-8842368.elementor-element{--align-self:flex-end;}.elementor-235 .elementor-element.elementor-element-8842368 .elementor-icon-wrapper{text-align:right;}.elementor-235 .elementor-element.elementor-element-8842368 .elementor-icon{font-size:17px;}.elementor-235 .elementor-element.elementor-element-8842368 .elementor-icon svg{height:17px;}}/* Start custom CSS for container, class: .elementor-element-4e9dd523 *//* ============================================== */
/*  KONDISI SAAT SCROLL (Gradien 50% Transparan & Liquid Glass) */
/* ============================================== */
.elementor-sticky--effects#nav-liquid {
    /* MENGGUNAKAN GRADIEN DENGAN NILAI ALPHA 0.5 (50% Transparansi) */
    background: rgba(255, 255, 255, 0.75) !important; 
    
    /* Aktifkan Efek Liquid Glass (Blur) */
    backdrop-filter: blur(3px) saturate(150%);
    -webkit-backdrop-filter: blur(3px) saturate(150%);
    
    /* Tambahkan Border (Opsional) */
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5) !important; 
}

/* 1. Atur box-shadow default (ketika tidak sticky) menjadi transparan/hilang */
#nav-liquid {
    box-shadow: none !important; 
    transition: box-shadow 0.3s ease-in-out; /* Tambahkan transisi agar halus */
}
/* 2. Terapkan box-shadow HANYA ketika sticky effect aktif */
/* Elementor menambahkan kelas 'elementor-sticky--effects' ketika efek aktif */
#nav-liquid.elementor-sticky--effects {
    /* Ganti nilai box-shadow ini dengan bayangan yang Anda inginkan saat sticky */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important; 
}

#nav-liquid.elementor-sticky--effects {
    /* Properti Visual Anda */
    border-radius: 50px !important; 
    top: 10px !important;
    
    /* 1. Atur Lebar (Wajib) */
    /* Tetapkan lebar agar tidak 100% (Misalnya 90%) */
    width: 90% !important; 
    
    /* 2. KUNCI RATA TENGAH untuk elemen FIXED (Tanpa Transform) */
    /* Menentukan batas kiri dan kanan */
    left: 0 !important;
    right: 0 !important;
    
    /* Menerapkan margin otomatis */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Hapus properti transform yang membuat animasi slide */
    transform: none !important;
    
    /* (Opsional) Transisi untuk perubahan yang halus */
    transition: all 0.3s ease-in-out;
}

/* --- Media Query untuk Tablet (Max-width 1024px) --- */
@media (max-width: 1024px) {
    #nav-liquid.elementor-sticky--effects {
        /* Lebar Tablet (97%) */
        width: 87% !important;
    }
}

/* --- Media Query untuk Mobile (Max-width 767px) --- */
@media (max-width: 767px) {
    #nav-liquid.elementor-sticky--effects {
        /* Lebar Mobile (95%) */
        width: 85% !important;
        
        /* Opsional: Kurangi radius pada layar kecil */
        border-radius: 50px !important; 
    }

/* Jika Anda tidak ingin radius batas sama sekali saat TIDAK sticky, tambahkan ini: */
#nav-liquid:not(.elementor-sticky--effects) {
    border-radius: 0 !important;
    
    }
}

#nav-liquid.elementor-sticky--effects {
    /* ... Properti yang sudah ada ... */
    
    /* Ganti transform: none! dengan ini: */
    transform: scale(0.9) !important; /* Membuat header menyusut 10% saat sticky */
    
    /* Pastikan transition pada nav-liquid memiliki properti transform */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Tambahkan easing yang lebih smooth */
}

@media (max-width: 767px) {
    
    /* Targetkan gambar logo saat mode Sticky aktif di Mobile */
    /* Pastikan .elementor-235 .elementor-element.elementor-element-4e9dd523 ini sudah bekerja (seperti yang kita uji sebelumnya) */
    #nav-liquid.elementor-sticky--effects .elementor-widget-wrap img,
    #nav-liquid.elementor-sticky--effects .elementor-widget-image img {
        
        /* PENTING: Pindahkan transition ke sini jika tidak ada di .elementor-235 .elementor-element.elementor-element-4e9dd523 umum */
        transition: all 0.4s ease-in-out !important;
        
        /* MENGATUR UKURAN BESAR (Misalnya 45px) */
        height: 45px !important;
        max-height: 45px !important; 
        width: auto !important; 
    }

    /* PENTING: Tambahkan transition pada elemen gambar logo di kondisi non-sticky */
    /* Ini memastikan animasi berjalan mulus dari ukuran default ke 45px dan sebaliknya */
    #nav-liquid .elementor-widget-wrap img,
    #nav-liquid .elementor-widget-image img {
        transition: all 0.4s ease-in-out;
    }

}/* End custom CSS */