.header {
    padding-right: 64px;
    padding-left: 64px;

    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: var(--header__height);

    display: flex;

    background-color: var(--background-color);

    z-index: 90;
}

.header__inner {
    margin-right: auto;
    margin-left: auto;

    max-width: 1728px;
    width: 100%;

    display: flex;
    justify-content: space-between;
}

.header .menu,
.header .call {
    display: none;

    cursor: pointer;
}

.header__box-1 {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
    
.header__box-111 {
    display: none;
    align-items: center;
    column-gap: 32px;
}

.header__box-1111 {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.header__box-2 {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

.header__box-21 {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.header__box-22 {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.header-socials {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.header-socials__link:hover .header-socials__icon {
    fill: rgba(0, 0, 0, .5)
}

.header-socials__icon {
    transition: fill .5s ease-in-out;
}

/* header-socials menu-content */

.header-socials__icon {
    fill: #fff;
}

.header-socials__link:hover .header-socials__icon {
    fill: rgba(255, 255, 255, .5)
}