.elementor-1810 .elementor-element.elementor-element-c399803{--display:flex;--min-height:90px;--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;--margin-top:0px;--margin-bottom:-150px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;--z-index:99;}.elementor-1810 .elementor-element.elementor-element-33a4e56{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1810 .elementor-element.elementor-element-33a4e56.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1810 .elementor-element.elementor-element-74f29b8{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1810 .elementor-element.elementor-element-74f29b8.e-con{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;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 ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--main .elementor-item:focus{color:#1A3B75;fill:#1A3B75;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a, .elementor-1810 .elementor-element.elementor-element-5514558 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a:hover,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a:focus,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-menu-toggle:hover,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a:hover,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a:focus,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a.highlighted{background-color:#1A3B75;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown .elementor-item, .elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown{border-style:none;}.elementor-1810 .elementor-element.elementor-element-5514558 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-5514558 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-4f7dad5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .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-1810 .elementor-element.elementor-element-00fdb3e .elementor-button{background-color:#FFFFFF;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:4px 4px 4px 4px;padding:18px 20px 18px 20px;}.elementor-1810 .elementor-element.elementor-element-00fdb3e .elementor-button:hover, .elementor-1810 .elementor-element.elementor-element-00fdb3e .elementor-button:focus{background-color:#DDDDDD;color:#000000;}.elementor-1810 .elementor-element.elementor-element-00fdb3e{padding:0px 0px 0px 0px;}.elementor-1810 .elementor-element.elementor-element-00fdb3e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1810 .elementor-element.elementor-element-00fdb3e .elementor-button:hover svg, .elementor-1810 .elementor-element.elementor-element-00fdb3e .elementor-button:focus svg{fill:#000000;}@media(min-width:768px){.elementor-1810 .elementor-element.elementor-element-33a4e56{--width:15%;}.elementor-1810 .elementor-element.elementor-element-74f29b8{--width:65%;}.elementor-1810 .elementor-element.elementor-element-4f7dad5{--width:15%;}}@media(max-width:767px){.elementor-1810 .elementor-element.elementor-element-c399803{--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;--justify-content:space-between;--padding-top:30px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1810 .elementor-element.elementor-element-33a4e56{--width:24%;}.elementor-1810 .elementor-element.elementor-element-641fdc6 img{width:100%;}.elementor-1810 .elementor-element.elementor-element-74f29b8{--width:40%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1810 .elementor-element.elementor-element-5514558{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1810 .elementor-element.elementor-element-5514558.elementor-element{--align-self:flex-end;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown .elementor-item, .elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-1810 .elementor-element.elementor-element-5514558 .elementor-nav-menu--dropdown a{padding-left:35px;padding-right:35px;}}/* Start custom CSS for nav-menu, class: .elementor-element-5514558 *//* Menghilangkan background menu aktif, TAPI efek hover tetap bekerja */
.elementor-nav-menu--dropdown a.elementor-item-active:not(:hover),
.elementor-nav-menu--dropdown .current-menu-item > a:not(:hover),
.elementor-nav-menu--dropdown .current-menu-ancestor > a:not(:hover) {
    background-color: transparent !important;
    color: #ffffff !important; 
}

/* (Opsional) Untuk menu desktop jika diperlukan */
.elementor-nav-menu--main a.elementor-item-active:not(:hover),
.elementor-nav-menu--main .current-menu-item > a:not(:hover),
.elementor-nav-menu--main .current-menu-ancestor > a:not(:hover) {
    background-color: transparent !important;
    color: #ffffff !important; /* Diganti ke putih langsung agar tidak mengambil warna hitam dari parent */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c399803 *//* Transisi untuk Container Utama (Flexbox) */
.elementor-1810 .elementor-element.elementor-element-c399803 {
    transition: all 0.5s ease !important;
}

/* --- SAAT STICKY (Scroll ke bawah) --- */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1) !important;
    min-height: 60px !important; /* Memaksa Flexbox Container mengecil */
    padding-top: 5px !important; /* Memaksa padding atas mengecil */
    padding-bottom: 5px !important; /* Memaksa padding bawah mengecil */
}

/* Memaksa elemen dalam Flexbox (jika ada) ikut mengecil */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects > .e-con,
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects > .elementor-container {
    min-height: 60px !important;
}

/* --- 1. PENGATURAN LOGO --- */
.logo img {
    max-width: 100px;
    height: auto;
    transition: all 0.5s ease;
}

/* Logo berubah gambar dan mengecil saat sticky */
.elementor-sticky--effects .logo img {
    max-width: 80px;
    height: auto;
    content: url('https://rentcertus.com/wp-content/uploads/2026/02/Mask-group-1.svg') !important;
}

/* --- 2. TEKS MENU MENJADI HITAM SAAT STICKY --- */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    color: #000000 !important; /* Mengubah teks menjadi hitam */
    transition: color 0.3s ease;
}

/* --- 3. PENGATURAN WARNA BUTTON SAAT STICKY --- */

/* Memberikan transisi pada tombol agar perubahan warna terlihat halus */
.elementor-1810 .elementor-element.elementor-element-c399803 .elementor-button {
    transition: all 0.3s ease !important;
}

/* Mengubah background tombol menjadi biru dan teks menjadi putih saat di-scroll */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-button {
    background-color: #1a3b75 !important; 
    color: #ffffff !important;
}

/* Mengubah warna teks di dalam tombol menjadi putih */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-button .elementor-button-text {
    color: #ffffff !important;
}

/* Mengubah warna garis (stroke) ikon SVG panah menjadi putih */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-button .elementor-button-icon svg path {
    stroke: #ffffff !important;
    transition: stroke 0.3s ease;
}

/* --- 4. MENGUBAH WARNA PANAH DROPDOWN MENU SAAT STICKY --- */

/* Menambahkan transisi agar perubahannya halus */
.elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu .elementor-item .sub-arrow svg,
.elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu .elementor-item .sub-arrow i {
    transition: all 0.3s ease !important;
}

/* Jika Elementor menggunakan SVG untuk panah dropdown (Sangat umum) */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu .elementor-item .sub-arrow svg {
    fill: #000000 !important; /* Mengubah warna isian (fill) menjadi hitam */
}

/* Berjaga-jaga jika Elementor menggunakan Font (seperti FontAwesome) untuk panah */
.elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu .elementor-item .sub-arrow i {
    color: #000000 !important; /* Mengubah warna teks/font menjadi hitam */
}

/* --- 5. PENGATURAN KHUSUS MOBILE (Layar di bawah 768px) --- */
@media (max-width: 767px) {
    
    /* ==========================================
       [A] KONDISI SAAT MENU HAMBURGER DIBUKA 
       ========================================== */
       
    /* Mengubah background Navbar jadi putih */
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) {
        background-color: rgba(255, 255, 255, 1) !important;
    }

    /* Mengubah Logo mengecil dan ganti gambar */
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .logo img {
        max-width: 80px !important;
        content: url('https://rentcertus.com/wp-content/uploads/2026/02/Mask-group-1.svg') !important;
    }

    /* Mengubah icon Hamburger menjadi hitam */
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle,
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle i {
        color: #000000 !important;
    }
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle svg {
        fill: #000000 !important;
    }

    /* Memastikan tombol Contact Us ikut menyesuaikan */
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .elementor-button {
        background-color: #1a3b75 !important; 
        color: #ffffff !important;
    }
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .elementor-button .elementor-button-text {
        color: #ffffff !important;
    }
    .elementor-1810 .elementor-element.elementor-element-c399803:has(.elementor-menu-toggle.elementor-active) .elementor-button .elementor-button-icon svg path {
        stroke: #ffffff !important;
    }


    /* ==========================================
       [B] KONDISI SAAT DI-SCROLL (STICKY MODE)
       ========================================== */
       
    /* Mengubah warna icon Hamburger menjadi hitam saat layar di-scroll ke bawah */
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-menu-toggle,
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-menu-toggle i {
        color: #000000 !important;
        transition: color 0.3s ease;
    }
    
    /* Jika icon hamburger bawaan Elementor menggunakan SVG */
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-menu-toggle svg {
        fill: #000000 !important;
        transition: fill 0.3s ease;
    }
    
    /* Jaga-jaga jika icon SVG hamburger menggunakan sistem garis (stroke) */
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-menu-toggle svg path {
        stroke: #000000 !important;
    }
    
    /* ==========================================
       [C] PERBAIKAN WARNA MENU DROPDOWN MOBILE
       ========================================== */

    /* 1. Mematikan efek "Page Active" normal agar teks tetap hitam dan background transparan */
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
        color: #000000 !important;
        background-color: transparent !important;
    }

    /* 2. Saat Menu Utama ditekan/dibuka (punya submenu) atau Sub-menu di-hover/aktif */
    /* Memaksa background jadi biru gelap dan teks jadi PUTIH (menangkal efek hitam dari sticky) */
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item:focus,
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-item:focus,
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active,
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item:hover,
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active,
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-sub-item:hover {
        background-color: #1a3b75 !important;
        color: #ffffff !important;
    }

    /* 3. Memastikan Ikon Panah (Dropdown Arrow) juga ikut menjadi PUTIH saat menu ditekan/dibuka */
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item:hover .sub-arrow svg,
    .elementor-1810 .elementor-element.elementor-element-c399803.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item:focus .sub-arrow svg,
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-item:hover .sub-arrow svg,
    .elementor-1810 .elementor-element.elementor-element-c399803 .elementor-nav-menu--dropdown .elementor-item:focus .sub-arrow svg {
        fill: #ffffff !important;
    }
}/* End custom CSS */