/*header {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 100%;
    z-index: 100;
}
header {
    z-index: 10;
    height: 108px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.15);
}
nav > ul {
    max-width: 900px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    gap: 24px;
    font-weight: 100;
}
header > nav a {
    position: relative;
}

header > nav a::after {
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
}
header > nav a:hover::after {
    width: 100%;
} */

/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */
/* ///////////////////////////////////////////////// */

.mobile__menu {
    display: none;
}

.burger {
    width: 60px;
    height: 60px;
    transition-duration: 0.5s;
    position: relative;
    scale: 0.4;
}
.open {
}
.open > .icon-left {
    background: transparent;
}
.open > .icon-left::before {
    transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px);
}
.open > .icon-left::after {
    transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px);
}
.open > .icon-right {
    background: transparent;
}
.open > .icon-right::before {
    transform: rotateZ(-45deg) scaleX(1.4) translate(-4px, 4px);
}
.open > .icon-right::after {
    transform: rotateZ(45deg) scaleX(1.4) translate(-4px, -4px);
}

.icon-left {
    transition-duration: 0.5s;
    position: absolute;
    height: 8px;
    width: 50%;
    top: 30px;
    background-color: white;
}
.icon-left::before {
    transition-duration: 0.5s;
    position: absolute;
    width: 100%;
    height: 8px;
    background-color: white;
    content: "";
    top: -20px;
}
.icon-left::after {
    transition-duration: 0.5s;
    position: absolute;
    width: 100%;
    height: 8px;
    background-color: white;
    content: "";
    top: 20px;
}
.icon-left:hover {
    cursor: pointer;
}

.icon-right {
    transition-duration: 0.5s;
    position: absolute;
    height: 8px;
    width: 50%;
    top: 30px;
    background-color: white;
    left: 30px;
}
.icon-right::before {
    transition-duration: 0.5s;
    position: absolute;
    width: 100%;
    height: 8px;
    background-color: white;
    content: "";
    top: -20px;
}
.icon-right::after {
    transition-duration: 0.5s;
    position: absolute;
    width: 100%;
    height: 8px;
    background-color: white;
    content: "";
    top: 20px;
}

@media (max-width: 1164px) {
    header {
        /* padding: 0 24px; */
    }
    /*header > nav { */
    /* display: none; */
    /* } */
    .mobile__menu {
        display: block;
    }
}

header,
.fadeInDown {
    animation-delay: 0.5s !important;
}

.nav {
    transition-duration: 0.5;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 1164px) {
    header > nav {
        /* display: none !important; */
        position: absolute;
        top: -100%;
        left: 50%;
        transform: translateX(-50%) translateY(-100%);
        background-color: black;
        width: 100%;
        height: max-content;
        padding: 24px 0;
        transition-duration: 0.5;
    }
    .navOpen {
        top: 0% !important;
        transform: translateX(-50%) translateY(0%) !important;
        transition-duration: 0.5;
    }
    header > nav > ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    header > nav > ul > * {
        margin-right: 0 !important;
    }
}