.elementor-41095 .elementor-element.elementor-element-39cd0ad{--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;}.elementor-41095 .elementor-element.elementor-element-0671f36{--display:flex;}.elementor-41095 .elementor-element.elementor-element-0671f36.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-41095 .elementor-element.elementor-element-318b867{text-align:center;}.elementor-41095 .elementor-element.elementor-element-318b867.elementor-element{--align-self:center;}.elementor-41095 .elementor-element.elementor-element-654f138{--display:flex;}.elementor-41095 .elementor-element.elementor-element-654f138.e-con{--flex-grow:0;--flex-shrink:0;}.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-41095 .elementor-element.elementor-element-fa91b70 .elementor-menu-toggle{margin:0 auto;}.elementor-41095 .elementor-element.elementor-element-fa91b70 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-41095 .elementor-element.elementor-element-fa91b70{width:var( --container-widget-width, 123.886% );max-width:123.886%;--container-widget-width:123.886%;--container-widget-flex-grow:0;}.elementor-41095 .elementor-element.elementor-element-fa91b70.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-41095 .elementor-element.elementor-element-516f0db{--display:flex;}.elementor-41095 .elementor-element.elementor-element-516f0db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-41095 .elementor-element.elementor-element-9af83ce .elementor-button{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;letter-spacing:0.3px;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-41095 .elementor-element.elementor-element-9af83ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-41095 .elementor-element.elementor-element-0671f36{--width:12.93%;}.elementor-41095 .elementor-element.elementor-element-654f138{--width:62.765%;}.elementor-41095 .elementor-element.elementor-element-516f0db{--width:13.377%;}}/* Start custom CSS for container, class: .elementor-element-39cd0ad *//* ==============================================
 * STYLING HEADER UTAMA TEMANKREATIV
 * ============================================== */

/* -- 1. Pengaturan Dasar Section Header -- */
.elementor-41095 .elementor-element.elementor-element-39cd0ad {
    /* Membuat semua item di dalam header sejajar vertikal di tengah */
    align-items: center;
}

/* -- 2. Penataan Kolom Tombol -- */
.elementor-41095 .elementor-element.elementor-element-39cd0ad .kolom-tombol-tk {
    /* Menggunakan flexbox untuk menata tombol */
    display: flex;
    justify-content: flex-end; /* Mendorong tombol ke ujung kanan */
    align-items: center;
    gap: 15px; /* Memberi jarak antar tombol */
}

/* -- 3. Styling Tombol -- */
/* Tombol "Login" (Outline) */
.elementor-41095 .elementor-element.elementor-element-39cd0ad .tombol-outline-tk {
    background-color: #F7F4EC;
    /*border: 2px solid #4C5B39; /* Ganti dengan warna brand Anda */
    color: #F7F4EC;
}
/*.elementor-41095 .elementor-element.elementor-element-39cd0ad .tombol-outline-tk:hover {*/
/*    background-color: #4C5B39;*/
/*    color: #FFFFFF;*/
}

/* Tombol "Gabung" (Solid) */
.elementor-41095 .elementor-element.elementor-element-39cd0ad .tombol-solid-tk {
    background-color: #4C5B39;
    color: #FFFFFF;
    border: 2px solid #4C5B39;
}
.elementor-41095 .elementor-element.elementor-element-39cd0ad .tombol-solid-tk:hover {
    background-color: #4C5B39; /* Warna lebih gelap saat hover */
    border-color: #4C5B39;
}

/* -- 4. Pengaturan Dropdown Menu Hamburger -- */
.elementor-nav-menu--dropdown {
    padding: 15px 20px;
    background-color: #FFFFFF;
}
.elementor-nav-menu--dropdown a.elementor-item {
    color: #333333;
}
.elementor-nav-menu--dropdown a.elementor-item:hover {
    color: #008080;
}


/* ==============================================
 * ATURAN RESPONSIVE
 * ============================================== */

/* -- Tampilan Tablet (Maks 1024px) -- */
@media (max-width: 1024px) {
    /* Membuat kolom menu lebih lebar dan kolom tombol lebih sempit */
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .elementor-column.elementor-col-33 {
        width: 30%;
    }
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .elementor-column.elementor-col-33.kolom-tombol-tk {
        width: 40%;
    }
}

/* -- Tampilan Mobile (Maks 767px) -- */
@media (max-width: 767px) {
    /* Membuat logo dan menu berada di satu baris */
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .elementor-column.elementor-col-33:nth-child(1), /* Kolom Logo */
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .elementor-column.elementor-col-33:nth-child(2)  /* Kolom Menu */ {
        width: 50%;
    }
    
    /* Mendorong kolom tombol ke baris baru dan full width */
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .elementor-column.kolom-tombol-tk {
        width: 100%;
        margin-top: 20px;
    }
    
    /* Membuat tombol full width di mobile */
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .tombol-outline-tk,
    .elementor-41095 .elementor-element.elementor-element-39cd0ad .tombol-solid-tk {
        flex-grow: 1; /* Memastikan tombol mengisi ruang flex */
    }
}/* End custom CSS */