:root {
    --footer-accent-text-color: #256BCD;
}

.submenu__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;

    flex-wrap: wrap;

    list-style-type: none;

    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;

    color: #CEE2FA;
    min-height: 40px;

    width: 100%;
    background-color: #01337780;
}

.submenu__item {
    padding: 20px 0 24px 0;
}

.submenu__item-link, .submenu__item-link:active {
    padding: 20px 0;
    color: #CEE2FA;
    text-decoration: none;

    border-bottom: 2px solid transparent;
    transition: border-bottom 0.9s;
}

.submenu__item-link_main, .submenu__item-link_main:active {
    color: #002855;
}

.submenu__item-link_act {
    color: #FFFFFF;
    border-bottom: 4px solid #689EE8;
}

.submenu__item-link:hover {
    color: #CEE2FA;
    border-bottom: 2px solid #9DC1F0;
}

.submenu__item-link:focus {
    color: #FFFFFF;
    border-bottom: 2px solid #CEE2FA;
}

@media (max-width: 1200px) {

    .submenu__item-link {
        padding: 8px 0;
    }

    .submenu__item-link_act {
        color: #FFFFFF;
        border-bottom: 2px solid #689EE8;
    }
}

@media (max-width: 790px) {
    .submenu__list {
        padding: 16px 64px;
        gap: 8px;
        justify-content: center;
    }

    .submenu__item {
        padding: 8px 0 10px 0;
    }
}