.elementor-537 .elementor-element.elementor-element-3c50596{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-537 .elementor-element.elementor-element-3c50596.bdt-sticky.bdt-active{background-color:#0202024D;}.elementor-537 .elementor-element.elementor-element-384a526{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-537 .elementor-element.elementor-element-7064ba2 .jet-inline-svg{max-width:55px;color:var( --e-global-color-uicore_white );}.elementor-537 .elementor-element.elementor-element-7064ba2 .jet-inline-svg__wrapper{text-align:left;}.elementor-537 .elementor-element.elementor-element-19a499f{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-537 .elementor-element.elementor-element-58dd734{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 60px / 2 );}.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu .elementor-item{font-weight:700;}.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-uicore_secondary );fill:var( --e-global-color-uicore_secondary );}.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-uicore_secondary );}.elementor-537 .elementor-element.elementor-element-58dd734 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:60px;}.elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button{fill:var( --e-global-color-uicore_white );color:var( --e-global-color-uicore_white );padding:40px 40px 40px 40px;}.elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button:hover, .elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button:focus{color:var( --e-global-color-uicore_white );}.elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button:hover svg, .elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-537 .elementor-element.elementor-element-19a71c7{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-537 .elementor-element.elementor-element-19a71c7.bdt-sticky.bdt-active{background-color:#0202024D;}.elementor-537 .elementor-element.elementor-element-08d3329{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-537 .elementor-element.elementor-element-4c0966b .jet-inline-svg{max-width:55px;}.elementor-537 .elementor-element.elementor-element-4c0966b .jet-inline-svg__wrapper{text-align:left;}.elementor-537 .elementor-element.elementor-element-14dc22a{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button{background-color:#02010100;font-size:20px;fill:var( --e-global-color-uicore_white );color:var( --e-global-color-uicore_white );padding:30px 0px 30px 30px;}.elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button:hover, .elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button:focus{color:var( --e-global-color-uicore_white );}.elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button:hover svg, .elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-537 .elementor-element.elementor-element-08d3329{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-537 .elementor-element.elementor-element-4c0966b .jet-inline-svg{max-width:40px;}.elementor-537 .elementor-element.elementor-element-14dc22a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button{padding:10px 0px 5px 0px;}}@media(min-width:768px){.elementor-537 .elementor-element.elementor-element-384a526{--width:15%;}.elementor-537 .elementor-element.elementor-element-19a499f{--width:85%;}.elementor-537 .elementor-element.elementor-element-08d3329{--width:20%;}.elementor-537 .elementor-element.elementor-element-14dc22a{--width:80%;}}@media(max-width:767px){.elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-537 .elementor-element.elementor-element-19a71c7{--flex-wrap:nowrap;}.elementor-537 .elementor-element.elementor-element-08d3329{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-537 .elementor-element.elementor-element-4c0966b .jet-inline-svg{max-width:36px;}.elementor-537 .elementor-element.elementor-element-14dc22a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button{border-radius:0px 0px 0px 0px;padding:5px 0px 0px 0px;}}/* Start custom CSS for jet-inline-svg, class: .elementor-element-7064ba2 */.elementor-537 .elementor-element.elementor-element-7064ba2 .jet-inline-svg__wrapper {
    display: flex
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-58dd734 */.elementor-537 .elementor-element.elementor-element-58dd734 .menu-item:nth-child(1) a:after {
    content: "Lets Create";
    opacity: 1 !important;
    position: relative;
    font-weight: 400;
}

.elementor-537 .elementor-element.elementor-element-58dd734 .menu-item:nth-child(2) a:after {
    content: "Dream Team";
    opacity: 1 !important;
    position: relative;
    font-weight: 400;
}

.elementor-537 .elementor-element.elementor-element-58dd734 .menu-item:nth-child(3) a:after {
    content: "The Skills";
    opacity: 1 !important;
    position: relative;
    font-weight: 400;
}

.elementor-537 .elementor-element.elementor-element-58dd734 .menu-item:nth-child(4) a:after {
    content: "Get Inspired";
    opacity: 1 !important;
    position: relative;
    font-weight: 400;
}

.elementor-537 .elementor-element.elementor-element-58dd734 .menu-item:nth-child(5) a:after {
    content: "Our Friends";
    opacity: 1 !important;
    position: relative;
    font-weight: 400;
}


.elementor-537 .elementor-element.elementor-element-58dd734 li {
    overflow: hidden;
    height: 50%;
}

.elementor-537 .elementor-element.elementor-element-58dd734 ul {
    align-items: center;
}

.elementor-537 .elementor-element.elementor-element-58dd734 li a{
    display: flex;
    flex-direction: column;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s,-o-transform .2s;
}

.elementor-537 .elementor-element.elementor-element-58dd734 li:hover a {
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    
}

@media (min-width:1025px) and (max-width:1117px) {
    .elementor-537 .elementor-element.elementor-element-58dd734 .menu-item a {
    --e-nav-menu-horizontal-menu-item-margin : calc( 40px / 2 )
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a00421 */.elementor-537 .elementor-element.elementor-element-9a00421 {
    --bg-before-primary: #020202;
    --bg-before-secondary: #F4A9BF;
}

.elementor-537 .elementor-element.elementor-element-9a00421:before {
    background: var(--bg-before-primary);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 100vw);
    transition: 0.4s;
}

.elementor-537 .elementor-element.elementor-element-9a00421 .elementor-button {
    position: relative;
}

.elementor-537 .elementor-element.elementor-element-9a00421:hover:before {
    background: var(--bg-before-secondary);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c50596 *//* Warna awal header (transparan) dengan efek transisi agar halus */
.elementor-537 .elementor-element.elementor-element-3c50596 {
    background-color: transparent;
    transition: background-color 0.4s ease-in-out;
}

/* Warna header setelah di-scroll melewati batas Effects Offset */
.elementor-537 .elementor-element.elementor-element-3c50596.elementor-sticky--effects {
    background-color: #000000 !important; /* Anda bisa mengganti #000000 dengan warna gelap lain */
}/* End custom CSS */
/* Start custom CSS for jet-inline-svg, class: .elementor-element-4c0966b */.elementor-537 .elementor-element.elementor-element-4c0966b .jet-inline-svg__wrapper {
    display: flex
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed71656 *//*.elementor-537 .elementor-element.elementor-element-ed71656 {*/
/*    --bg-before-primary: #020202;*/
/*    --bg-before-secondary: #F4A9BF;*/
/*}*/

/*.elementor-537 .elementor-element.elementor-element-ed71656:before {*/
/*    background: var(--bg-before-primary);*/
/*    content: "";*/
/*    display: block;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: calc(100% + 100vw);*/
/*    transition: 0.4s;*/
/*}*/

/*.elementor-537 .elementor-element.elementor-element-ed71656 .elementor-button {*/
/*    position: relative;*/
/*}*/

/*.elementor-537 .elementor-element.elementor-element-ed71656:hover:before {*/
/*    background: var(--bg-before-secondary);*/
    
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19a71c7 *//* --- MULAI PERBAIKAN POPUP MOBILE --- */
@media (max-width: 767px) {
    /* 1. Menarik paksa Kontainer Utama Popup ke Atas */
    /* Ganti .elementor-popup-modal dengan class kontainer utama popup Anda */
    .elementor-popup-modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important; /* Hapus margin besar yang mungkin mendorong popup ke bawah */
        padding: 0 !important; /* Hapus padding besar */
        z-index: 99999 !important; /* Pastikan di depan segalanya */
        display: flex !important; /* Gunakan flexbox untuk memusatkan isi */
        justify-content: center !important;
        align-items: center !important;
        background-color: transparent !important; /* Biarkan overlay latar belakang menangani kegelapan */
    }

    /* 2. Menarik konten popup (teks besar) ke tengah kontainer */
    /* Ganti .elementor-widget-container dengan class yang Anda temukan untuk teks "Brands Spaces Stories" */
    .elementor-popup-modal .elementor-widget-container {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        color: #ffffff !important; /* Ubah warna teks menjadi putih agar terlihat di overlay gelap */
        padding: 20px !important;
    }

    /* 3. Posisikan tombol tutup "X" kembali ke atas */
    /* Ganti .dialog-close-button dengan class tombol X pink Anda */
    .elementor-popup-modal .dialog-close-button {
        position: absolute !important;
        top: 20px !important; 
        right: 20px !important;
        z-index: 999999 !important; /* Di depan konten dan overlay */
        background-color: transparent !important; /* Jadikan background transparent */
    }

    /* 4. Mencegah background website ikut di-scroll saat popup terbuka */
    /* Ini untuk mencegah masalah scroll ke bawah yang kita bahas sebelumnya */
    body.elementor-editor-active, body.dialog-widget-open {
        overflow: hidden !important;
    }
}
/* --- SELESAI PERBAIKAN POPUP MOBILE --- *//* End custom CSS */