/* =====>=====>=====>*** Header Section Start Here ***<=====<=====<===== */
.ds-site-header {
    padding: 10px 0 15px;
    transition: all .35s ease-in-out;
}

.ds-header-top-nav ul {
    grid-gap: clamp(32px, 2.7vw, 50px);
}

.ds-header-top-nav ul li a {
    font-size: var(--ds-fs-15);
    font-weight: var(--ds-fw-300);
    color: var(--ds-black-color);
    line-height: 1.2667;
    display: block;
    width: fit-content;
}

.ds-header-main-nav {
    padding-top: 20px;
}

.ds-header-main-nav ul {
    grid-gap: 10px;
}

nav.ds-header-main-nav ul li a {
    font-size: var(--ds-fs-17);
    font-weight: var(--ds-fw-400);
    color: var(--ds-black-color);
    line-height: 1.236;
    display: block;
    width: fit-content;
}

nav.ds-header-main-nav ul .ds-home-menu-item a {
    line-height: 0;
    display: block;
}

nav.ds-header-main-nav ul .ds-home-menu-item a img {
    width: 18px;
    object-fit: contain;
}

nav.ds-header-top-nav ul li a:hover,
nav.ds-header-main-nav ul li a:hover,
nav.ds-footer-nav ul li a:hover,
nav.ds-footer-nav ul li.current-menu-item a {
    color: var(--ds-primary-color);
}

nav.ds-header-top-nav ul li.active>a,
nav.ds-header-main-nav ul li.active>a {
    color: var(--ds-primary-color);
    font-weight: var(--ds-fw-400);
}

.ds-header-logo {
    width: 22.722%;
    min-width: 225px;
    line-height: 0;
}

.ds-header-logo img {
    width: 100%;
    object-fit: contain;
}


.ds-site-header.is-scrolled {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--ds-white-color);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

nav.ds-header-top-nav ul li,
nav.ds-header-main-nav ul li {
    line-height: 1;
}

/* mobile toggle button css are here */
.ds-nav-toggle {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ds-nav-toggle__bar {
    display: block;
    width: 28px;
    height: 2px;
    background: #000;
    margin: 6px 0;
}

/* mobile close (X) button css are here */
.ds-nav-close {
    border: 0;
    background: transparent;
    cursor: pointer;
    margin-left: auto;
    width: fit-content;
}

.ds-nav-close__icon {
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.ds-nav-close__bar {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 2px;
    background: var(--ds-black-color);
    transform-origin: center;
}

.ds-nav-close__bar--1 {
    transform: translate(-50%, -50%) rotate(45deg);
}

.ds-nav-close__bar--2 {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Submenu css are here */
@media (min-width: 1200px) {
    .ds-header-main-nav  .menu-item-has-children {
        position:relative;
    }

    .ds-header-main-nav  .menu-item-has-children > a {
        display: flex;
        align-items: center;
        grid-gap: clamp(5px, .45vw, 8px);
    }

    .ds-header-main-nav  .menu-item-has-children > a:after {
        content: '';
        display: block;
        width: clamp(8px, .55vw, 10px);
        height: clamp(8px, .55vw, 10px);
        background:url(../images/arrow-up-primary.svg) no-repeat center center / contain;
        transition: all .25s ease-in-out;
        filter: brightness(0);
    }

    .ds-header-main-nav  .menu-item-has-children:hover > a:after {
        transform:rotate(180deg);
        filter: brightness(1);
    }

    .ds-header-main-nav  .menu-item-has-children.active > a:after {
        filter: brightness(1);
    }
    

    .ds-header-main-nav .sub-menu {
        position: absolute;
        top: calc(100% + 2px);
        left: -30px;
        transform: translateY(10px);
        min-width: 250px;
        background: var(    --ds-white-color);
        visibility:hidden;
        opacity: 0;
        transition: all .25s ease-in-out;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }
    
    .ds-header-main-nav  .menu-item-has-children:hover > .sub-menu{
        visibility:visible;
        transform: translateY(0);
        opacity: 1;
    }
    
    .ds-header-main-nav .sub-menu .menu-item{
        padding: 15px;
    }
    
    .ds-header-main-nav .sub-menu .menu-item:not(:last-child) {
        border-bottom: 1px solid rgb(0 0 0 / 10%);
    }
    .ds-header-main-nav .menu-item-has-children > a .submenu-icon {
        display: none;
    }
}

body.nav-open {
    position: relative;
    overflow: hidden;
}

body.nav-open:before {
    content: "";
    background: var(--ds-black-color);
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0.75;
    position: absolute;
    width: 100%;
    height: 100%;
}

@media (min-width: 1200px) {
    .ds-header-top-nav ul li a {
        --ds-fs-15: clamp(13px, .95vw, 15px);
    }

    .ds-header-main-nav ul li a {
        --ds-fs-17: clamp(15px, 1.05vw, 17px);
    }
}

@media (max-width: 1199px) {
    .ds-header-top-nav.pb-10 {
        padding-bottom: 24px;
    }

    .ds-header-top-nav ul {
        gap: 16px;
    }

    .ds-header-main-nav {
        padding-top: 24px;
    }

    .ds-header-main-nav ul {
        grid-gap: 24px 0px;
    }
    
    nav.ds-header-top-nav ul li, nav.ds-header-main-nav ul li {
        width: 100%;
    }

    .ds-header-navbar {
        position: fixed;
        top: 0;
        right: 0;
        width: 86vw;
        max-width: 420px;
        background: #fff;
        transform: translateX(100%);
        transition: transform .2s ease;
        padding: 24px;
        box-shadow: 0 12px 60px rgba(0, 0, 0, 0.12);
        z-index: 30;
    }

    .ds-header-navigation {
        justify-content: space-between;
    }

    .ds-header-navbar.is-open {
        transform: translateX(0);
        min-height: 100vh;
        min-height: 100dvh;
        height: 100%;
        overflow: auto;
    }

    .ds-header-top-nav ul li a {
        padding: 0px;
    }
    /* Mobile Submenu css are here */
    .ds-header-main-nav .sub-menu {
        padding-inline: 15px;
        padding-top: 8px;
        display: none;
    }

    .ds-header-main-nav .sub-menu .menu-item {
        padding: 12px;
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        background-color: rgb(0 0 0 / 7.5%);
    }

    .ds-header-main-nav .menu-item-has-children > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        grid-gap: clamp(5px, .45vw, 8px);
        width: 100%;
    }

    .ds-header-main-nav .menu-item-has-children > a .submenu-icon {
        width: 26px;
        height: 26px;
        background-color: var(--ds-black-color);
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .45s ease-in-out;
    }

    .ds-header-main-nav .menu-item-has-children.active > a .submenu-icon {
        background-color: var(--ds-primary-color);
    }
    
    .ds-header-main-nav .menu-item-has-children > a .submenu-icon img {
        width: 10px;
        object-fit: contain;
        filter: brightness(0) invert(1);
        transition: all .45s ease-in-out;
    }

    nav.ds-header-main-nav ul li a:hover {
        color: inherit;
    }

    .ds-header-main-nav .menu-item-has-children.submenu-open > a .submenu-icon img {
        transform: rotate(180deg);
    }
    
}

@media (max-width:350px) {
    .ds-header-logo {
        min-width: 180px;
    }
}

/* =====>=====>=====>*** Header Section End Here ***<=====<=====<===== */
/* =====>=====>=====>*** Footer Section Start Here ***<=====<=====<===== */
.ds-site-footer {
    padding-top: clamp(40px, 4.15vw, 64px);
}

.ds-footer-row {
    grid-gap: 20px;
}

.ds-footer-logo {
    line-height: 0;
}

.ds-footer-logo img {
    min-width: 200px;
    max-width: 266px;
    height: 62px;
    width: clamp(140px, 15.4vw, 266px);
}

.ds-site-footer .ds-footer-nav.w-full {
    margin-top: clamp(30px, 3.57vw, 54px);
}

.ds-footer-nav ul li a {
    font-size: var(--ds-fs-16);
    font-weight: var(--ds-fw-300);
    color: var(--ds-black-color);
}

.ds-footer-social-links a {
    width: 36px;
    height: 36px;
    background: var(--ds-white-color);
    border-radius: 50%;
}

.ds-footer-social-links img {
    object-fit: contain;
    transition: all .5s ease-in-out;
    max-width: 18px;
    max-height: 18px;
}

.ds-footer-social-links a:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    background-color: var(--ds-primary-color);
}


.ds-footer-social-links a:hover img {
    filter: brightness(0) invert(1);
}

.ds-footer-copyright {
    margin-top: clamp(40px, 4.15vw, 68px);
    line-height: 2.661;
}

@media (min-width: 992px) {
    .ds-footer-nav ul li a {
        --ds-fs-16: clamp(12px, 1.05vw, 16px);
    }
}

@media (max-width: 991px) {
    .ds-footer-nav ul {
        justify-content: flex-start;
    }

    .ds-footer-nav ul li {
        flex: 0 1 calc((100% - clamp(10px, .95vw, 15px) * (3 - 1)) / 3);
        text-align: center;
    }
}

@media (max-width: 480px) {

    .ds-footer-logo {
        margin-inline: auto;
    }

    .ds-footer-row .ds-footer-social-links {
        justify-content: center;
        flex: none;
        width: 100%;
    }

    .ds-footer-nav ul li {
        flex: 0 1 calc((100% - clamp(10px, .95vw, 15px) * (2 - 1)) / 2);
    }

}

/* =====>=====>=====>*** Footer Section End Here ***<=====<=====<===== */