/*--=====*** Header CSS Start Here ***=====--*/
html {
    scroll-behavior: smooth;
}

/* Main Menu */

@media (max-width: 991.98px) {
    .nav-inner .nav-menu.menu:not(.active) {
        visibility: hidden;
        left: -100%;
        opacity: 0 !important;
    }

    .toggled.header-nav .nav-inner>.nav-menu-outer {
        display: block !important;
    }
}

.sub-menu>.menu-item>.sub-menu-item-link {
    flex-wrap: wrap;
    border-radius: 20px;
    padding: clamp(18px, 1.35vw, 24px);
    gap: clamp(10px, 0.75vw, 14px) clamp(8px, .65vw, 12px);
    display: flex;
    flex-wrap: wrap;
}

.sub-menu>.menu-item:hover>.sub-menu-item-link,
.sub-menu>.menu-item.current-menu-item>.sub-menu-item-link {
    background-color: #FFF0DF;
}

.sub-menu>.menu-item>.sub-menu-item-link>.sub-menu-item-name {
    width: calc(100% - 38px);
    font-size: clamp(14px, .97vw, var(--fs-16));
}

.sub-menu>.menu-item>.sub-menu-item-link>.sub-menu-item-description {
    width: 100%;
    font-size: clamp(13px, .89vw, var(--fs-14));
}

header ul,
.menu {
    list-style: none;
    margin-left: 0;
}

.site-header .header-nav {
    padding: 0px 0;
}

header .custom-logo-link,
header .nav-menu-outer .menu>.menu-item {
    padding-block: 6.5px;
}

.header-nav .nav-inner .custom-logo-link {
    display: block;
}

.nav-inner .custom-logo-link img {
    width: clamp(145px, 12vw, 180px);
}

.nav-inner .nav-menu-outer .menu {
    display: flex;
    --space-10: clamp(8px, 1.8vw, 34px);
    margin-left: calc(var(--space-10)*(-1px));
    margin-right: calc(var(--space-10)*(-1px));
}

.nav-inner .nav-menu-outer {
    flex: 1;
}

.nav-menu-outer .menu .menu-item {
    padding-left: var(--space-10);
    padding-right: var(--space-10);
}

.nav-menu-outer .menu .menu-item a {
    position: relative;
    font-size: clamp(14px, 1.1vw, var(--fs-17));
    letter-spacing: 0.34px;
    font-weight: 400;
    line-height: 1.2;
    height: 100%;
    align-items: center;
    display: flex;
    color: var(--dark);
    transition: all .3s ease;
}

.nav-menu-outer .menu .menu-item a:hover,
.nav-menu-outer .menu>.menu-item:hover>a,
.nav-menu-outer .menu .menu-item.current-menu-item>a,
.nav-menu-outer .menu .menu-item.current_page_parent>a {
    color: var(--secondary);
}

.nav-menu-outer .menu .menu-item.current-menu-item>a,
.nav-menu-outer .menu .menu-item.current_page_parent>a {
    font-weight: 600;
}

/* //NEW CSS IS HERE HEADER  */
.nav-inner .nav-menu-outer .nav-menu {
    padding-right: 0px;
    justify-content: end;
}

/* FIX STICKY HEDARR  */
/* header.sticky-header nav.header-nav {
    position: fixed;
    top: 0;
} */


header.site-header.sticky-header {
    position: sticky;
    top: -180px;
    z-index: 99;
}

header.sticky-header nav.header-nav {
    /* position: fixed;
    top: -180px; */
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 20px #A8A8A829;
    left: 0;
}

.nav-inner .custom-logo-link img {
    transition: all .01s ease;
}

header.sticky-header .nav-inner .custom-logo-link img {
    width: clamp(110px, 12vw, 120px);
    transition: all .00s ease;
}

header.sticky-header {
    animation: topbottm 0.6s ease forwards;
    animation-delay: 0.2s;
}

@keyframes topbottm {
    0% {
        top: -180px;
    }

    100% {
        top: 0px;
    }
}

.team_members.highlighted>a:not(:hover) {
    color: inherit !important;
    font-weight: inherit !important;
}

.menu-footer-menu-container .team_members.highlighted>a:not(:hover) {
    color: #fff !important;
}

/* DROPDOWN CSS IS HERE  */
.header-nav .menu>.menu-item-has-children {
    position: relative;
}

.header-nav .menu>.menu-item-has-children>.sub-menu li>a {
    font-weight: 400;
    min-width: 140px;
}

/* .header-nav .menu>.menu-item-has-children>.sub-menu>li {
    padding: clamp(15px, 3vw, 20px) clamp(15px, 3.5vw, 27px);
    width: auto;
}

.header-nav .menu>.menu-item-has-children>.sub-menu>li:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
} */
.header-nav .menu>.menu-item-has-children>.sub-menu>li {
    padding: 0;
    width: auto;
}

.header-nav .menu>.menu-item-has-children>.sub-menu>li:not(:last-child) {
    /* border-bottom: 1px solid #d5d5d5; */
}

.nav-menu-outer .menu .menu-item.btn-head-primary>a {
    padding: clamp(14px, 1.5vw, 18px) clamp(20px, 2.5vw, 36px);
    display: inline-block;
    background: var(--primary);
    color: var(--white);
    font-weight: 600;
    font-size: clamp(14px, 1.1vw, var(--fs-18));
    text-align: center;
    line-height: 23px;
}

.nav-menu-outer .menu .menu-item.btn-head-primary>a:hover {
    background: var(--secondary);
    color: var(--white);
}

header.site-header {
    background: #fff1e3;
    position: relative;
    z-index: 9;
}

header .nav-menu-outer .menu>.menu-item.menu-item-has-children {
    padding-right: clamp(22px, 1.5vw, 30px);
    margin-right: 10px;
}

header .nav-menu-outer .menu .menu-item.btn-head-primary {
    padding-right: 0;
}

.nav-inner .nav-menu.menu>li.menu-item-has-children {
    position: relative;
}

/* .nav-inner .nav-menu.menu>.menu-item-has-children:before {
    content: "";
    border: 4px solid var(--dark);
    position: absolute;
    right: 4px;
    top: calc(50% - 3px);
    transform: translateY(-50%) rotate(45deg);
    border-color: var(--transparent) var(--dark) var(--dark) var(--transparent);
} */


.link-arrow {
    border: 4px solid var(--dark);
    border-color: var(--transparent) var(--dark) var(--dark) var(--transparent);
    display: inline-block;
    transform: rotate(45deg);
    transform-origin: bottom right;
    margin-left: 5px;
}

.nav-menu-outer .menu .menu-item.current-menu-ancestor>a {
    font-weight: 600;
    color: var(--secondary);
}

.nav-menu-outer .menu .menu-item.current-menu-ancestor>a .link-arrow {
    border-color: var(--transparent) var(--secondary) var(--secondary) var(--transparent);
}

/*--=====*** Header CSS Close Here ***=====--*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    .nav-menu-outer .menu .menu-item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .nav-menu-outer {
        display: flex !important;
    }

    .header-nav .menu>.menu-item.team_members .sub-menu {
        left: 50%;
        transform: translateX(-50%);
        max-width: min(800px, 67dvw);
    }

    .header-nav .menu-item-has-children:hover::before {
        content: "";
        border: 10px solid #ffffff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        bottom: -10px;
        box-shadow: -15px -15px 20px #A8A8A829;
        z-index: 4;
    }

    .nav-menu-outer {
        display: flex !important;
    }

    .nav-inner .nav-menu.menu>li.menu-item-has-children:hover .link-arrow {
        border-color: var(--transparent) var(--secondary) var(--secondary) var(--transparent);
    }

    .nav-inner .nav-menu.menu>li.menu-item-has-children:hover:before,
    .nav-inner .nav-menu.menu>li.menu-item-has-children.current-menu-item:before,
    .nav-inner .nav-menu.menu>li.menu-item-has-children.current_page_parent:before {
        filter: brightness(1);
    }

    .header-nav .menu>.menu-item:not(:hover)>.sub-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .header-nav .menu>.menu-item>.sub-menu {
        position: absolute;
        top: 100%;
        background: #fff;
        transition: all .3s ease;
        left: 12px;
        z-index: 1;
        min-width: 250px;
        width: max-content;
        max-width: min(45dvw, 750px);
        display: flex;
        gap: 14px;
        box-shadow: 1px 1px 20px #A8A8A829;
        padding: clamp(18px, 1.35vw, var(--space-24));
        border-radius: 20px;
    }
}

@media (max-width: 1449.98px) and (min-width: 1200px) {
    .nav-inner .nav-menu-outer .menu {
        --space-10: clamp(8px, 1.8vw, 20px);
    }

    .nav-menu-outer .menu .menu-item.btn-head-primary>a {
        padding: clamp(14px, 1.5vw, 18px) clamp(20px, 2.5vw, 20px);
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .sub-menu>.menu-item>.sub-menu-item-link>.sub-menu-item-name {
        font-size: 14px;
    }

    .header-nav .menu>.menu-item>.sub-menu {
        max-width: min(50dvw, 750px);
        padding: clamp(15px, 1.35vw, var(--space-24));
    }

    .sub-menu>.menu-item>.sub-menu-item-link {
        padding: clamp(15px, 1.35vw, 24px);
    }

    .sub-menu>.menu-item>.sub-menu-item-link>.sub-menu-item-description {
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    .nav-menu-outer {
        display: block;
    }

    .sub-menu>.menu-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .header-nav .nav-inner>.custom-logo-link {
        display: none;
    }

    .header-nav .menu>.menu-item>.sub-menu {
        margin-top: 20px;
    }

    .menu-toggle {
        order: 13;
    }

    .header-nav .nav-inner>.nav-menu-outer {
        justify-content: space-between;
    }

    nav.header-nav {
        position: relative;
    }

    .header-nav .nav-inner {
        align-items: center;
    }

    .menu-toggle,
    .menu-toggle * {
        transition: all .4s ease;
    }

    .nav-inner .nav-menu.menu {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        background: #fff;
        display: block;
        justify-content: start;
        gap: 20px;
        transition: all .3s ease;
        padding: 130px 20px 30px 20px;
        z-index: 11;
        overflow-y: auto;
    }

    button.menu-toggle {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .toggled .menu-toggle>span:nth-child(1) {
        transform: rotate(-45deg) translate(-2px, -2px);
        transform-origin: center right;
        width: calc(100% + 4px);
    }

    .toggled .menu-toggle>span:nth-child(2) {
        opacity: 0;
    }

    .toggled .menu-toggle>span:nth-child(3) {
        transform: rotate(45deg) translate(-2px, 2px);
        transform-origin: center right;
        width: calc(100% + 4px);
    }

    .menu-toggle>span {
        border: 1px solid #fff;
        width: 100%;
        display: inline-block;
    }

    .toggled .site-branding,
    .toggled button.menu-toggle {
        position: relative;
        z-index: 13;
    }

    .nav-inner .nav-menu.menu>li {
        max-width: 720px;
        margin-inline: auto;
        width: 100%;
        margin-top: 15px;
        padding-inline: var(--space-16);
    }

    .menu-item-has-children>.sub-menu-item-link {
        justify-content: space-between;
    }

    .link-arrow {
        transform-origin: 5px 0px;
        position: relative;
    }

    span.link-arrow:before {
        content: "";
        position: absolute;
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        transform: rotate(-45deg);
    }

    .active-li .link-arrow {
        transform-origin: 3px 5px;
        transform: rotate(-135deg);
    }

    .nav-inner .nav-menu.menu>.menu-item-has-children:before {
        top: 10px;
        transform: translateY(0%) rotate(-45deg);
    }

    header .nav-menu-outer .menu>.menu-item.menu-item-has-children {
        margin-inline: auto;
    }

    .header-nav .menu>.menu-item>.sub-menu:not(.active-submenu) {
        display: none;
    }

    .nav-inner .nav-menu.menu>li.menu-item-has-children {
        position: relative;
        /* padding-right: 45px; */
    }

    .nav-menu-outer .menu>.menu-item>a::after {
        display: none;
    }

    .toggled>.container>.nav-inner {
        position: relative;
    }

    .toggled>.container>.nav-inner>.site-branding::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0vw;
        background-color: #fff;
        width: 100vw;
        height: 100%;
    }

    .sticky-header .nav-inner .nav-menu.menu {
        padding-top: 70px;
    }

    .toggled>.container>.nav-inner>.site-branding .custom-logo-link {
        z-index: 14;
        position: relative;
    }

    .toggled>.container>.nav-inner>.site-branding,
    .toggled>.container>.nav-inner {
        position: static;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .nav-inner .nav-menu.menu>li {
        max-width: 540px;
    }
}

@media (max-width: 575.98px) {
    .nav-inner .nav-menu.menu {
        padding: 130px 0px 30px 0px;
    }
}

.cs-page-content {
    min-height: 50vh;
}