.elementor-12 .elementor-element.elementor-element-bcaab8f{--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;--justify-content:space-between;--padding-top:20px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-12 .elementor-element.elementor-element-bcaab8f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-bcaab8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-1287b26{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-12 .elementor-element.elementor-element-1b36513{z-index:999;text-align:start;}.elementor-12 .elementor-element.elementor-element-a1db6ba{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-12 .elementor-element.elementor-element-cab439f .elementor-button{background-color:#FFFFFF;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;fill:#1DA1F2;color:#1DA1F2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C1C1C1;border-radius:99px 99px 99px 99px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-bcaab8f{--min-height:80px;--justify-content:space-between;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-12 .elementor-element.elementor-element-1287b26{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a1db6ba{--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:flex-end;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-bcaab8f{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-1287b26{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a1db6ba{--width:30%;--justify-content:flex-end;}.elementor-12 .elementor-element.elementor-element-cab439f .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-bcaab8f{--content-width:1300px;}.elementor-12 .elementor-element.elementor-element-1287b26{--width:20%;}.elementor-12 .elementor-element.elementor-element-a1db6ba{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-1287b26{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-a1db6ba *//* 4. SEJAJARKAN SEMUA ELEMEN DI DESKTOP */
@media (min-width: 992px) {
    /* Memaksa container utama Elementor menjadi flex row dan sejajar tengah */
    .elementor-element.spq-nav-container.e-con-full {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important; /* Logo di kiri, menu/tombol menyesuaikan */
        align-items: center !important;        /* Sejajar vertikal (atas-bawah) */
        flex-wrap: nowrap !important;
    }

    /* Pastikan pembungkus Mega Menu mengambil sisa ruang yang ada atau menyesuaikan */
    .spq-nav-container #mega-menu-wrap-primary {
        display: flex !important;
        align-items: center !important;
        flex-grow: 1 !important;
        justify-content: flex-end !important; /* Mendorong menu ke kanan mendekati tombol */
    }

    /* Merapikan posisi list internal Max Mega Menu agar sejajar inline */
    #mega-menu-primary {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Memberikan jarak antara tombol Get in Touch dengan item menu terakhir */
    #mm-git-button {
        margin-left: 20px !important;
        display: inline-block !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcaab8f *//* Gempur inline style top hasil inject script Elementor Sticky */
header[data-elementor-type="header"] .elementor-sticky--active {
    top: 0px !important;
    margin-top: 0px !important;
}

/* Biarkan turun 32px HANYA jika admin bar bawaan WP benar-benar tampil di layar */
body.admin-bar header[data-elementor-type="header"] .elementor-sticky--active {
    top: 32px !important;
}

/* =========================================================
   MOBILE & TABLET DROPDOWN FIX
   Elementor Nav Menu
========================================================= */

@media (max-width:1024px){

    /* =====================================
       WRAPPER
    ===================================== */

    .spq-header-fixed{
        overflow: visible !important;
    }

    .spq-nav-container{
        position: relative !important;
        overflow: visible !important;
    }

    .spq-nav-container .elementor-widget-nav-menu{
        position: static !important;
    }

    /* =====================================
       DROPDOWN CONTAINER
    ===================================== */

    .spq-nav-container 
    .elementor-nav-menu--dropdown.elementor-nav-menu__container{

        position: absolute !important;

        right: 0 !important;
        left: auto !important;

        width: 320px !important;
        height: auto !important;

        max-height: 80vh !important;
        overflow-y: auto !important;

        z-index: 99999 !important;

        /*background-color: #ffffff !important;*/
          background-color: #0000 !important;

        box-shadow: 0px 10px 25px rgba(0,0,0,0.1) !important;

        border: 1px solid #eaeaea !important;

        padding: 15px 0 !important;
    }

    /* =====================================
       TABLET TOP POSITION
    ===================================== */

    @media (min-width:768px){

        .spq-nav-container 
        .elementor-nav-menu--dropdown.elementor-nav-menu__container{

            top: 35px !important;
        }

    }

    /* =====================================
       MOBILE TOP POSITION
    ===================================== */

    @media (max-width:767px){

        .spq-nav-container 
        .elementor-nav-menu--dropdown.elementor-nav-menu__container{

            top: 30px !important;

            width: 100vw !important;
            right: -20px !important;
        }

    }

    /* =====================================
       SUB MENU
    ===================================== */

    .spq-nav-container 
    .sub-menu.elementor-nav-menu--dropdown{

        position: static !important;

        width: 100% !important;

        background-color: #ffffff !important;
    }

    /* =====================================
       MENU LINKS
    ===================================== */

    .spq-nav-container 
    .elementor-nav-menu--dropdown a.elementor-item,

    .spq-nav-container 
    .elementor-nav-menu--dropdown a.elementor-sub-item{

        position: relative !important;

        display: block !important;

        padding: 14px 45px 14px 20px !important;

        color: #333333 !important;

        /*background-color: transparent !important;*/
        background-color: #fff ;

        transition: color 0.3s ease;
    }

    /* =====================================
       HOVER
    ===================================== */

    .spq-nav-container 
    .elementor-nav-menu--dropdown a.elementor-item:hover,

    .spq-nav-container 
    .elementor-nav-menu--dropdown a.elementor-item.highlighted,

    .spq-nav-container 
    .elementor-nav-menu--dropdown a.elementor-sub-item:hover{

        color: #0073ff !important;

        background-color: transparent !important;
    }

    /* =====================================
       ACTIVE
    ===================================== */

    .spq-nav-container 
    .elementor-nav-menu--dropdown 
    .menu-item.current-menu-item > a,

    .spq-nav-container 
    .elementor-nav-menu--dropdown 
    .menu-item.current-menu-ancestor > a,

    .spq-nav-container 
    .elementor-nav-menu--dropdown 
    a.elementor-item-active,

    .spq-nav-container 
    .elementor-nav-menu--dropdown 
    a.elementor-sub-item.elementor-item-active{

        color: #0073ff !important;

        background-color: transparent !important;

        font-weight: 700 !important;
    }

    /* =====================================
       SUBMENU ARROW
    ===================================== */

    .spq-nav-container 
    .elementor-nav-menu--dropdown .sub-arrow{

        position: absolute !important;

        right: 18px !important;

        top: 50% !important;

        transform: translateY(-50%) !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        line-height: 1 !important;
    }

    .spq-nav-container 
    .elementor-nav-menu--dropdown .sub-arrow svg{

        width: 12px !important;

        height: 12px !important;
    }

}/* End custom CSS */