.elementor-kit-2216{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b01bc05:#1A9DFD;--e-global-color-34393d6:#101727;--e-global-color-6efa4b2:#343F51;--e-global-color-846ffda:#FFFFFFC9;--e-global-color-748c7d3:#EAF6FF;--e-global-color-e879ecd:#EFF7F9;--e-global-color-51d3556:#53A7BA1A;--e-global-color-00c39b0:#FFFFFFE5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-b85ad6d-font-family:"Space Grotesk";--e-global-typography-b85ad6d-font-size:16px;--e-global-typography-b85ad6d-font-weight:400;--e-global-typography-b85ad6d-line-height:24px;--e-global-typography-e6439a4-font-family:"Space Grotesk";--e-global-typography-e6439a4-font-size:18px;--e-global-typography-e6439a4-font-weight:400;--e-global-typography-e6439a4-line-height:28px;--e-global-typography-e1b4b2d-font-family:"Space Grotesk";--e-global-typography-e1b4b2d-font-size:48px;--e-global-typography-e1b4b2d-font-weight:400;--e-global-typography-e1b4b2d-line-height:60px;--e-global-typography-77c707c-font-family:"Space Grotesk";--e-global-typography-77c707c-font-size:14px;--e-global-typography-77c707c-font-weight:400;--e-global-typography-77c707c-line-height:20px;--e-global-typography-9b41bf0-font-family:"Space Grotesk";--e-global-typography-9b41bf0-font-size:20px;--e-global-typography-9b41bf0-font-weight:400;--e-global-typography-9b41bf0-line-height:28px;--e-global-typography-f8500b9-font-family:"Space Grotesk";--e-global-typography-f8500b9-font-size:14px;--e-global-typography-f8500b9-font-weight:400;--e-global-typography-f8500b9-line-height:20px;--e-global-typography-5f6180c-font-family:"Space Grotesk";--e-global-typography-5f6180c-font-size:36px;--e-global-typography-5f6180c-font-weight:400;--e-global-typography-5f6180c-line-height:45px;--e-global-typography-bc448e5-font-family:"Inter";--e-global-typography-bc448e5-font-size:20px;--e-global-typography-bc448e5-font-weight:400;--e-global-typography-bc448e5-line-height:28px;--e-global-typography-4c81ff3-font-family:"Space Grotesk";--e-global-typography-4c81ff3-font-size:24px;--e-global-typography-4c81ff3-font-weight:500;--e-global-typography-4c81ff3-line-height:32px;--e-global-typography-5b82637-font-family:"Space Grotesk";--e-global-typography-5b82637-font-size:18px;--e-global-typography-5b82637-font-weight:500;--e-global-typography-5b82637-line-height:28px;--e-global-typography-b4e7061-font-family:"Inter";--e-global-typography-b4e7061-font-size:14px;--e-global-typography-b4e7061-font-weight:400;--e-global-typography-b4e7061-line-height:20px;--e-global-typography-21bfda3-font-family:"Space Grotesk";--e-global-typography-21bfda3-font-size:16px;--e-global-typography-21bfda3-font-weight:500;--e-global-typography-21bfda3-line-height:24px;--e-global-typography-f02efc6-font-family:"Space Grotesk";--e-global-typography-f02efc6-font-size:14px;--e-global-typography-f02efc6-font-weight:400;--e-global-typography-f02efc6-line-height:20px;--e-global-typography-4a15e57-font-family:"Space Grotesk";--e-global-typography-4a15e57-font-size:30px;--e-global-typography-4a15e57-font-weight:500;--e-global-typography-4a15e57-line-height:40px;--e-global-typography-d378fc1-font-family:"Inter";--e-global-typography-d378fc1-font-size:16px;--e-global-typography-d378fc1-font-weight:400;--e-global-typography-d378fc1-line-height:24px;--e-global-typography-203e369-font-family:"Space Grotesk";--e-global-typography-203e369-font-size:14px;--e-global-typography-203e369-font-weight:400;--e-global-typography-203e369-line-height:20px;--e-global-typography-8f19384-font-family:"Space Grotesk";--e-global-typography-8f19384-font-size:14px;--e-global-typography-8f19384-font-weight:500;--e-global-typography-8f19384-line-height:20px;--e-global-typography-5f2d59a-font-family:"Inter";--e-global-typography-5f2d59a-font-size:14px;--e-global-typography-5f2d59a-font-weight:400;--e-global-typography-5f2d59a-line-height:20px;--e-global-typography-6b8c464-font-family:"Inter";--e-global-typography-6b8c464-font-size:12px;--e-global-typography-6b8c464-font-weight:400;--e-global-typography-6b8c464-line-height:16px;}.elementor-kit-2216 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.main-nav.scrolled .menu-inner {
    background-color: rgba(255, 255, 255, 0.95) !important;


    /* Drop Shadow */
    box-shadow: 0 8px 24px 0 rgba(0, 51, 109, 0.12);
}

.main-nav.scrolled #nav-fitur span,
.main-nav.scrolled #nav-resources span,
.main-nav.scrolled #nav-fitur i,
.main-nav.scrolled #nav-resources i,
.main-nav.scrolled #nav-fitur svg,
.main-nav.scrolled #nav-resources svg,
.main-nav.scrolled #nav-fitur svg *,
.main-nav.scrolled #nav-resources svg * {
    color: #343F51 !important;
    fill: #343F51 !important;
    stroke: #343F51 !important;
}

.main-nav.scrolled #nav-home span,
.main-nav.scrolled #nav-fitur span,
.main-nav.scrolled #nav-harga span,
.main-nav.scrolled #nav-solusi span,
.main-nav.scrolled #nav-resources span {
    color: #343F51 !important;
}

.main-nav.scrolled .menu-icon svg *,
.main-nav.scrolled .menu-icon svg path,
.main-nav.scrolled .menu-icon svg rect,
.main-nav.scrolled .menu-icon svg circle {
    fill: #53A7BA !important;
}

/* Background biru */
.main-nav.scrolled div#nav-wa {
    background-color: #1A9DFD !important;
}

/* Paksa semua isi nav-wa jadi putih saat scroll */
.main-nav.scrolled #nav-wa,
.main-nav.scrolled #nav-wa * {
    color: #ffffff !important;
    fill: #ffffff !important;
}


.main-nav.scrolled #drp-fitur {
    background: rgba(255,255,255,0.8) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
}/* End custom CSS */