.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-color-f45ff94:#53A7BA;--e-global-color-f6daf59:#F1F3F6;--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;--e-global-typography-6a2c861-font-family:"Inter";--e-global-typography-6a2c861-font-weight:400;--e-global-typography-f99eb07-font-family:"Space Grotesk";--e-global-typography-f99eb07-font-size:60px;--e-global-typography-f99eb07-font-weight:500;--e-global-typography-f99eb07-line-height:72px;}.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-kit-2216{--e-global-typography-6a2c861-font-size:18px;--e-global-typography-6a2c861-line-height:28em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================= */
/* FIX PARENT AGAR TIDAK MENGHALANGI */
/* ========================= */

.main-box1 {
    overflow: visible !important;
    transform: none !important;
}


/* ========================= */
/* DROPDOWN BLUR (TARGET UTAMA) */
/* ========================= */

.drp-fitur,
.drp-resources {
    position: absolute !important;
    z-index: 9999 !important;

    background: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    background-image: none !important;

    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;

    box-shadow: 0 8px 32px rgba(0, 51, 109, 0.12) !important;

    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.4);

    transition: all 0.3s ease;
}


/* ========================= */
/* FIX ELEMENTOR DROPDOWN DEFAULT */
/* ========================= */

.elementor-nav-menu--dropdown {
    background: transparent !important;
}


/* ========================= */
/* OPTIONAL: ITEM DI DALAM DROPDOWN */
/* ========================= */

.drp-fitur a,
.drp-resources a {
    color: #343F51 !important;
}

/* PRICE BASIC */
body:has(.price-basic:hover) .column1a {
    background: #C1E4FE !important;
}

body:has(.price-basic:hover) .column1b {
    background: #EAF6FF !important;
}

.column1a, .column1b,
.column2a, .column2b,
.column3a, .column3b {
    transition: all 0.25s ease;
}

/* PRICE PRO */
body:has(.price-pro:hover) .column2a {
    background: #C1E4FE !important;
}

body:has(.price-pro:hover) .column2b {
    background: #EAF6FF !important;
}


/* PRICE ENTERPRISE */
body:has(.price-ent:hover) .column3a {
    background: #C1E4FE !important;
}

body:has(.price-ent:hover) .column3b {
    background: #EAF6FF !important;
}

body:has(.price-basic:hover) .column1a,
body:has(.price-pro:hover) .column2a,
body:has(.price-ent:hover) .column3a {
    transform: scale(1.02);
}


/* ========================= */
/* CSS NAV */
/* ========================= */

/* default */
.main-box {
    background: transparent;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    transition: all 0.3s ease;
}

/* saat scroll */
.main-box.scrolled {
    background: #FFFFFFCC;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

/* TEXT */
.main-box.scrolled .text-cta * {
    color: white !important;
}

/* ICON (SVG) */
.main-box.scrolled .icon-cta svg * {
    fill: white !important;
}

.main-box.scrolled .heading_underline * {
    color: #101727 !important;
    text-decoration: underline;
    text-decoration-color: #000000;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.main-box.scrolled .logo-css svg * {
    fill: #0082C8 !important;
}/* End custom CSS */