/*--------------------------------------------------------------
>>>  Humburger-menu  :
----------------------------------------------------------------*/

:root {
    --c-primary: #ABBDD1;
    --c-primary-50:  #f0f3f7;
    --c-primary-100: #d9e1eb;
    --c-primary-150: #c2cfdf;
    --c-primary-200: #abc0d3;
    --c-primary-250: #94b0c7;
    --c-primary-300: #7da1bb;
    --c-primary-400: #6491af;
    --c-primary-500: #4c82a3;
    --c-primary-600: #3a6784;
    --c-primary-700: #285066;
    --c-primary-850: #153248;
    --c-neutral: #191919;
    --c-white: #fff;
    --c--dark: #000;
    --t-ease: 0.5s;
    --bg-primary: #EEEBE3;
    --c-dark-gray: #1c1v1c;
    --c-secondary: #000;
    --gutter-container: 2rem;
    --ff-icon: "DominoIcon";
    --fs-10: 1.3rem;
    --fs-11: 1.4rem;
    --fs-12: 1.5rem;
    --fs-13: 1.5rem;
    --fs-14: 1.6rem;
    --fs-15: 1.6rem;
    --fs-16: 1.7rem;
    --fs-18: 1.9rem;
    --fs-20: 2rem;
    --fs-22: 2.2rem;
    --fs-24: 2.4rem;
    --fs-26: 2.6rem;
    --fs-28: 2.8rem;
    --fs-30: 3rem;
    --fs-32: 3.2rem;
    --fs-34: 3.4rem;
    --fs-36: 3.6rem;
    --fs-38: 3.8rem;
    --fs-40: 4rem;
    --fs-42: 4rem;
    --fw-100: "wght" 100;
    --fw-150: "wght" 150;
    --fw-200: "wght" 200;
    --fw-250: "wght" 250;
    --fw-300: "wght" 300;
    --fw-350: "wght" 350;
    --fw-400: "wght" 400;
    --fw-450: "wght" 450;
    --fw-500: "wght" 500;
    --fw-600: "wght" 600;
    --ease1: cubic-bezier(0.68, -0.6, 0.32, 1.6);
    --ease2: cubic-bezier(0.5, 1, 0.89, 1);
    --ease3: cubic-bezier(0.62, 0.05, 0.01, 0.99);
    --ease4: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease5: cubic-bezier(0.24, 0.43, 0.15, 0.97);
    --ease6: cubic-bezier(0.23, 1, 0.32, 1);
    --ease7: cubic-bezier(0.12, 0, 0.39, 0);
    --p-nav: 4rem;
}

.header-nav--humburger {
    display: flex;
    gap: 1.4rem;
    align-items: center;
    justify-content: space-between
}

.header-nav--humburger > li > a {
    display: flex;
    align-items: center;
    font-variation-settings: var(--fw-200);
    font-size: 1.4rem;
    padding: 0;
    color: var(--c-primary-100);
}

.header-nav--humburger > li > a:hover, .humburger-nav-container > ul > li.open > a, .humburger-nav-container > ul > li > a:hover {
    color: var(--c-primary-100);
}

.header-nav-container--humburger {
    flex: 1;
    width: 100%
}

.header-nav--humburger > li > a::before {
    margin-left: 1rem;
    font-size: 1.2rem
}

.humburger-menu-container {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.humburger-menu-container.open {
    pointer-events: auto
}

#humburger-menu .ws-menu svg {
    fill: #fff;
    width: 2.3rem;
    height: 2.3rem
}

.ws-menu.close {
    position: absolute;
    left: 1.5rem;
    border: 1.2px solid var(--c-white);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    top: 3.5rem
}

.ws-menu.close .ic-close {
    font-size: 12px;
}

.humburger-menu-wrapper {
    position: fixed;
    background: var(--c-primary);
    color: var(--c-white);
    width: 100%;
    right: 0;
    z-index: 99;
    top: 0;
    --p: 2rem;
    overflow: hidden;
    transform-origin: top left;
    visibility: hidden;
    opacity: 0;
    -webkit-clip-path: inset(0% 0% 100% 0%);
    clip-path: inset(0% 0% 100% 0%);
    height: 100%;
    display: flex;
    flex-direction: column
}

.humburger-menu--header {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
    padding: 4.5rem 2rem 2.5rem
}

.humburger-nav-container {
    border-top: 1px solid var(--c-primary-500);
    overflow-y: auto
}

.humburger-nav-container > ul > li {
    border-bottom: 1px solid var(--c-primary-500);
    background-color: var(--c-primary);
    overflow: hidden;
    /*transform: translateY(3rem)*/
}

.humburger-nav-container > ul > li > ul.sub-menu {
    padding: 0 var(--p);
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(17rem, 1fr));
    gap: 1rem;
    row-gap: 1.4rem;
    overflow: hidden;
    height: 0
}

.humburger-nav-container > ul > li > ul.sub-menu::after, .humburger-nav-container > ul > li > ul.sub-menu::before {
    content: "";
    grid-column: 1/-1;
    padding-top: 1rem
}

.humburger-nav-container > ul > li > ul.sub-menu > li {
    font-size: var(--fs-13);
    line-height: 1.5;
    display: block
}

.humburger-nav-container > ul > li > ul > li > a {
    position: relative;
    opacity: 0;
    display: flex;
    transition: none;
    align-items: baseline
}

.humburger-nav-container > ul > li > a {
    padding: 1rem var(--p);
    font-family: "YekanBakh-vf", Sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: var(--c-white);
    line-height: 1.5
}

.humburger-nav-container > ul > li > ul > li > a:hover {
    color: var(--c-secondary);
    transition: var(--t-ease) var(--ease2)
}

.humburger-nav-container > ul > li > ul > li > a:hover::after {
    opacity: 1;
    transform: rotate(-90deg)
}

.menu-entitle {
    color: var(--c-primary-250);
    margin-right: auto;
    font-size: 1.4rem;
    /* font-family: var(--ff-en); */
    text-align: left
}

.humburger-nav-container > ul > li.menu-item-has-children > a::after {
    content: "\e900";
    font-family: var(--ff-icon);
    margin-right: 2rem;
    color: var(--c-white);
    font-size: 1rem;
    transition: var(--t-ease) var(--ease2)
}

.humburger-nav-container > ul > li.open > a::after {
    transform: rotateX(180deg);
    color: var(--c-secondary)
}

.humburger-nav-container > ul > li:not(.menu-item-has-children) > a::after {
    content: "\e909";
    font-family: var(--ff-icon);
    margin-right: 2rem;
    color: var(--c-white);
    font-size: 12px;
    transform: rotate(-90deg)
}

.humburger-menu--footer {
    margin-top: auto
}

.humburger-btns {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem;
    background: var(--c-primary-600);
    border-radius: 3.2rem;
    margin: 2rem auto 2.5rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 6px #00000021);
    filter: drop-shadow(0 4px 6px #00000021)
}

.humburger-btns .curve {
    background-color: var(--c-primary-600);
    -webkit-mask-image: url('assets/img/masks/curve-bottom1.svg');
    mask-image: url('assets/img/masks/curve-bottom1.svg');
    width: 8rem;
    height: 1rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-1px);
    z-index: -1
}

.humburger-btns .curve::before {
    content: "";
    background-color: var(--c-secondary);
    width: 51%;
    height: .2rem;
    display: block;
    margin: 1px auto auto;
    border-radius: 14px
}

.humburger-btns .btn {
    flex: 1;
    min-width: 15rem;
    justify-content: center;
    padding: .8rem 2rem;
    height: 4rem;
    line-height: 1
}

.humburger-btn__request {
    background: var(--c-primary-400);
    font-size: var(--fs-12)
}

.humburger-btn__phone {
    background: var(--c-primary-500);
    font-size: var(--fs-22)
}

.humburger-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.humburger-logos img {
    width: 10rem;
    height: auto;
    transform: translateY(1px)
}


@media (min-width: 36em) {
    .ws-lang-link {
        display: block
    }
}

@media (min-width: 50em) {
    #humburger-menu .ws-menu svg {
        width: 1.8rem;
        height: 1.8rem
    }

    .humburger-menu-wrapper {
        border-radius: 30px;
        width: 40%;
        right: var(--gutter-container);
        --p: 3.5rem;
        height: auto;
        top: 3.5rem
    }

    .humburger-menu--header {
        gap: 4rem;
        padding: 1.5rem calc(var(--p-nav) + 0rem) 2.5rem 4rem;
        align-items: center;
        flex-direction: row
    }

    .humburger-nav-container > ul > li.menu-item-has-children > a::after, .humburger-nav-container > ul > li:not(.menu-item-has-children) > a::after {
        margin-right: 3rem
    }

    .header-nav-container--humburger {
        width: auto
    }

    .header-nav--humburger {
        justify-content: unset
    }

    .header-nav--humburger > li > a {
        padding: 1rem
    }

    .humburger-nav-container > ul > li > ul > li > a::after {
        content: "\e909";
        font-family: var(--ff-icon);
        font-size: .8rem;
        color: var(--c-secondary);
        transform: rotate(-90deg) translate(-.6rem, .6rem);
        transition: var(--t-ease) var(--ease2);
        opacity: 0;
        margin-right: 1rem
    }
}


/*--------------------------------------------------------------
>>>  Icons  :
----------------------------------------------------------------*/
@font-face {
    font-family: "DominoIcon";
    src: url('../fonts/DominoIcon.ttf') format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^="ic-"]::after, [class*="ic-"]::after, [class^="ic-"]::before, [class*="ic-"]::before {
    font-family: "DominoIcon";
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ic-add-heart:before {
    content: "\e924"
}

.ic-copy:before {
    content: "\e922"
}

.ic-leap:before {
    content: "\e920"
}

.ic-service:before {
    content: "\e921"
}

.ic-map-google:before {
    content: "\e91c"
}

.ic-phone-ring:before {
    content: "\e91d"
}

.ic-send-email:before {
    content: "\e91e"
}

.ic-dribbble:before {
    content: "\e91f"
}

.ic-user-square:before {
    content: "\e919"
}

.ic-mobile-tick:before {
    content: "\e91a"
}

.ic-close:before {
    content: "\e91b"
}

.ic-twitter:before {
    content: "\e913"
}

.ic-user:before {
    content: "\e914"
}

.ic-logo:before {
    content: "\e915"
}

.ic-question:before {
    content: "\e916"
}

.ic-desktop:before {
    content: "\e903"
}

.ic-mobile:before {
    content: "\e90b"
}

.ic-arrow-left-long:before {
    content: "\e917"
}

.ic-arrow-down-short:before {
    content: "\e90c"
}

.ic-arrow-down-long:before {
    content: "\e902"
}

.ic-arrow-up-right:before {
    content: "\e909"
}

.ic-arrow-down-noline:before {
    content: "\e900"
}

.ic-jet:before {
    content: "\e918"
}

.ic-back:before {
    content: "\e901"
}

.ic-triangle:before {
    content: "\e20ba"
}

.ic-square:before {
    content: "\e21ba"
}

.ic-circle:before {
    content: "\e22ba"
}

.ic-star:before {
    content: "\e904"
}

.ic-user-heart:before {
    content: "\e905"
}

.ic-user-heart:after {
    content: "\e90d";
    margin-left: -1em
}

.ic-article:before {
    content: "\e906"
}

.ic-event:before {
    content: "\e907"
}

.ic-whitepaper:before {
    content: "\e908"
}

.ic-online:before {
    content: "\e90a"
}

.ic-instagram:before {
    content: "\e90e"
}

.ic-linkedin:before {
    content: "\e90f"
}

.ic-telegram:before {
    content: "\e910"
}

.ic-whatsapp:before {
    content: "\e911"
}

.ic-broadcast:before {
    content: "\e912"
}

.ic-qoute:before {
    content: "\e925"
}