@import url(./microtip/microtip.min.css);

:root {
    --bg: #060606;
    --text: #616161;
    --black: #060606;
    --accent: #AD9269;
    --cubic-bezier: cubic-bezier(0.19, 1, 0.22, 1);
    accent-color: var(--accent);
}

* {
    animation-timing-function: var(--cubic-bezier);
    animation-duration: .3s;

}

.elementor-field-option:has(input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 10px;
}

input[type="checkbox"] {
    width: 1.2em;
    height: 1.2em;
    border-radius: 0;
}

.header {
    padding-top: 45px;
    padding-bottom: 45px;
}

.header,
.header .logo svg {
    transition: all .7s;
}

.header.sticky {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #060606;
}

.header.sticky .logo svg {
    font-size: .8em;
}

.messengers svg path {
    transition: all .3s var(--cubic-bezier)
}

.messengers svg:hover path {
    fill-opacity: 1 !important;
}

.gt_selector {
    transition: all .3s var(--cubic-bezier);
    cursor: pointer;
    outline: none;
}

.gt_selector:hover {
    color: #fff
}


.contact-section button {
    margin-top: 20px;
}


.contact-section input,
.contact-section select,
.contact-section textarea {
    padding: 0 !important;
}

.contact-section input:focus,
.contact-section select:focus,
.contact-section textarea:focus {
    box-shadow: none;
    border-color: var(--black) !important;
}

.dark-mode.contact-section input:focus,
.dark-mode.contact-section select:focus,
.dark-mode.contact-section textarea:focus {
    box-shadow: none;
    border-color: #fff !important;
}

.contact-section select {
    color: var(--text);
}

.contact-section .select-caret-down-wrapper svg {
    display: none !important;
}

.contact-section .select-caret-down-wrapper {
    background: url('/wp-content/uploads/2024/03/chevron.svg');
    background-position: center;
    width: 16px;
    height: auto;
    aspect-ratio: 1/1;
}



.main-form button {
    margin-top: 20px;
}


.main-form input,
.main-form select,
.main-form textarea {
    padding: 0 !important;
}

.main-form input:focus,
.main-form select:focus,
.main-form textarea:focus {
    box-shadow: none !important;
    border-color: var(--black) !important;
}

.dark-mode.main-form input:focus,
.dark-mode.main-form select:focus,
.dark-mode.main-form textarea:focus {
    box-shadow: none;
    border-color: #fff !important;
}

.main-form select {
    color: var(--text);
}

.main-form .select-caret-down-wrapper svg {
    display: none !important;
}

.main-form .select-caret-down-wrapper {
    background: url('/wp-content/uploads/2024/03/chevron.svg');
    background-position: center;
    width: 16px;
    height: auto;
    aspect-ratio: 1/1;
}




.dark-mode {
    background: #161616 !important;
}

.dark-mode * {
    color: #fff !important;
}

.dark-mode .sub-heading * {
    color: #E9CD76 !important;
}

.dark-mode button {
    border-color: #E9CD76 !important;
}

.dark-mode button span {
    color: #E9CD76 !important;
}

.dark-mode button:hover span {
    color: var(--black) !important;
}

.dark-mode button:hover {
    background: #E9CD76 !important;
}


.dark-mode select,
.dark-mode label {
    color: rgba(255, 255, 255, 0.6) !important;
}


.megamenu {
    display: none;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: unset;
}

#menu-opener, #menu-opener span {
    cursor: pointer;
}
#menu-opener.opened *{
    color: #fff !important;
}
#menu-opener .icon-inactive {
    transition: all .3s;
}

#menu-opener.opened .icon-inactive{
    transform: rotate(180deg);
}

@media(max-height: 1040px) {
    .megamenu nav {
        margin-top: 200px;
        gap: 60px;
        transition: all .3s;
    }

}


.logo .elementor-icon-box-wrapper {
    flex-wrap: nowrap;
}

@media(max-width: 1700px) {
    .contact-messengers {
        display: none !important;
    }

    .header nav ul[role="menubar"] {
        flex-wrap: nowrap;
    }

}

@media(max-width: 1400px) {
    .header {
        padding: 40px;
    }
}


@media(max-width: 1024px) {
    .header {
        padding: 20px;
    }
}

@media(max-width: 1200px) {
    .header .cta-btn {
        display: none;
    }
}



@media(max-width: 1024px) {
    .menu-section {
        padding-bottom: 20px;
    }
    .menu-section h2{
        font-size: 28px !important;
    }
    .menu-section ul {
        gap: 16px;
        flex-direction: column;
    }
    .menu-content-wrapper {
        gap: 40px;
    }
}