.header__pages {
    display: flex;
    align-items: center;
    gap: 36px;
}

.header__pages-item {
    position: relative;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 30.6px */
    transition: color 0.2s linear;
}

.header__pages-item:hover {
    color: #D22025;
}

.header__pages-item:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}

.header__pages-item:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #D22025;
    position: absolute;
    left: 0;
    bottom: -5px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}

.submenu.submenu-hidden {
    display: none;
}

.submenu {
    font-size: 14px;
    position: absolute;
    top: 47px;
    left: -16px;
    border-radius: 16px;
    background-color: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    line-height: 150%;
    width: 260px;
    z-index: 10;
}

.menu-box-haschilds {
    position: relative;
}

.submenu-arrow {
    transition: all .2s linear;
}

.submenu-box a {
    color: #000;

    transition: all .2s linear;
}

.submenu-box:hover a {
    color: #D22025;
}

.only-aligner {
    display: none !important;
}

@media (max-width: 767px) {
    .submenu {
        position: inherit;
        top: 0;
        background: none;
    }
}

@media (max-width: 500px) {
    .mobile-menu__aligner .header__pages-item {
        width: 100%;
        border-bottom: 1px solid #757575;
        padding: 0 10px 4px;
    }

    .mobile-menu__aligner .header__pages-item:hover:before {
        display: none;
    }

    .mobile-menu__aligner .header__pages-item__link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        color: #757575;
    }

    .mobile-menu__aligner .only-aligner {
        display: inline !important;
    }

    .submenu {
        width: 100%;
        left: 0;
    }
}