.main-menu__desc {
    gap: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%;
}

.main-menu__desc .main-menu__item,
.main-menu__desc .main-menu__item_extra__item,
.main-menu__desc .main-menu__item_extra {
    letter-spacing: 0.07em;
    text-transform: uppercase;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.main-menu__desc .main-menu__item a,
.main-menu__desc .main-menu__item_extra a {
    position: relative;
    color: #092631;
    white-space: nowrap;
    transition: all 0.5s ease-in-out; 
}

.main-menu__desc .main-menu__item_extra a:hover {
    color: #1460DA;
}

@media all and (max-width:1919px) {
    .main-menu__desc {
        gap: 40px;
    }
}

@media (min-width: 1200px) {
    .main-menu__item-active a:before {
        content: '';
        position: absolute;
        display: block;
        width: 130%;
        height: 130%;
        border-radius: 30px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #E5EAF5;
        padding: 15px;
    }
    
    .main-menu__item-active a:after {
        content: '';
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        top: -40%;
        left: 50%;
        transform: translate(-50%, -40%);
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23E5EAF5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3975 17.857C16.5838 17.7057 14.3106 17.3075 14.6054 19C13.1646 18.1677 14.5569 16.3198 16.0575 16.8813C14.318 13.7193 20.1635 13.7193 22 14.2888C19.8089 14.464 17.2706 14.687 17.3975 17.873' fill='%231460DA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3686 15.1656C11.8457 14.9238 7.58065 14.2906 8.13751 17C5.43336 15.6645 8.04049 12.7133 10.8585 13.6075C7.59753 8.55329 18.566 8.54945 22 9.46282C17.891 9.73913 13.1408 10.0768 13.3686 15.1656Z' fill='%231460DA'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .main-menu__item-active a span {
        position: relative;
        color: #1460DA;
        z-index: 1;
    }
}

.main-menu__desc .main-menu__item a:hover span,
.main-menu__desc .main-menu__item_extra a:hover span {
    position: relative;
    color: #1460DA;
    z-index: 1;
}

/* .main-menu__desc .main-menu__item:hover a,
.main-menu__desc .main-menu__item.active:hover a,
.main-menu__desc .main-menu__item_extra:hover > a,
.main-menu__desc .main-menu__item_extra__item:hover a {
    color: #1460DA;
} */

.main-menu__desc .main-menu__item_extra {
    position: relative;
}

.main-menu__desc .main-menu__item_extra__items {
    position: absolute;
    bottom: -90px;
    display: none;
    padding-top: 50px;
    left: 50%;
    transform: translate(-50%);
    opacity: 0;
}

.main-menu__desc .main-menu__item_extra__items__wrapper {
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.main-menu__desc .main-menu__item_extra:hover .main-menu__item_extra__items {
    display: block;
    animation: ani .5s forwards;
}

@keyframes ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.main-menu__desc .main-menu__item_extra > a {
    font-size: 16px;
}


@media (min-width: 1700px) {
    .main-menu__desc .main-menu__item_extra {
        display: none;
    }
}

@media (max-width: 1700px) {
    .main-menu__desc.main-menu .main-menu__item:nth-last-child(-n+4) {
        display: none;
    }

    .main-menu__desc .main-menu__wrapper__inner {
        flex: 1 1 auto;
        margin: 0 30px;
    }


    .main-menu__wrapper__inner {
        flex: 1 1 auto;
        margin: 0 30px;
    }
}

@media (max-width: 1400px) {
    .main-menu__desc {
        gap: 30px;
    }
}

/* @media (max-width: 1400px) {
    .main-menu__desc.main-menu .main-menu__item:nth-last-child(-n+4) {
        display: none;
    }

    .main-menu__desc .main-menu__wrapper__inner {
        flex: 1 1 auto;
        margin: 0 20px;
    }


    .main-menu__wrapper__inner {
        flex: 1 1 auto;
        margin: 0 20px;
    }
} */

@media (max-width: 1200px) {
    .main-menu__desc {
        display: none;
    }
}