@media (min-width: 1024px) {
    #header .menu_content_container {
        display: flex;
        align-items: center;
        gap: var(--gap-m);
    }

    #header ul.main_menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 0;
        align-items: center;
    }

    #header ul.main_menu li {
        position: relative;
    }

    #header ul.main_menu li a {
        display: block;
        padding: 10px 20px;
        line-height: 1.25;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        border: 1px solid transparent;
        position: relative;
    }

    #header ul.main_menu > li > a:after {
        content: '';
        background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='61' height='6' fill='none'%3e%3cpath fill='%23F93A3C' d='M.9.8c0-.4.5-.8 1-.8h58c.5 0 1 .6 1 1.2l-.8 4c0 .4-.5.8-1 .8h-58a1 1 0 0 1-1-1.2l.8-4Z'/%3e%3c/svg%3e");
        position: absolute;
        top: 100%;
        left: calc(50% - 30px);
        width: 61px;
        height: 6px;
        opacity: 0;
    }

    #header ul.main_menu > li.current_page_item > a:after,
    #header ul.main_menu > li.current-menu-parent > a:after {
        opacity: 1;
    }

    #header ul.main_menu > li.current_page_item > a:hover:after,
    #header ul.main_menu > li.current-menu-parent > a:hover:after {
        opacity: 0;
    }

    #header ul.main_menu li a:hover {
        background: #0011370A;
        border-radius: 10px 5px;
        border-color: var(--primary);
    }

    #header.bg_transparent ul.main_menu > li > a:hover {
        border-radius: 10px 5px;
        border-color: var(--white);
    }

    #header .menu_cta {
        display: flex;
        align-items: center;
    }

    #mobile_menu_button, .mobile_menu_header, .mobile_menu_cta {
        display: none;
    }

    ul#main_menu > li.menu-item-has-children > a {
        padding: 10px 28px 10px 20px;
        background: calc(100% - 12px) / 10px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath fill='%239A9CA1' d='m5 7.031-5-5L1.062.97 5 4.907 8.938.97 10 2.031l-5 5Z'/%3E%3C/svg%3E");
    }

    ul#main_menu > li.menu-item-has-children > a:hover {
        background: #0011370A calc(100% - 12px) / 10px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath fill='%230A1C3D' d='m5 7.031-5-5L1.062.97 5 4.907 8.938.97 10 2.031l-5 5Z'/%3E%3C/svg%3E");
    }

    .bg_transparent ul#main_menu > li > a:hover {
        background-color: rgba(0, 17, 55, 0.70);
    }

    .bg_transparent ul#main_menu > li.menu-item-has-children > a {
        background: calc(100% - 10px) / 10px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath fill='%239A9CA1' d='m5 7.031-5-5L1.062.97 5 4.907 8.938.97 10 2.031l-5 5Z'/%3E%3C/svg%3E");
    }

    .bg_transparent ul#main_menu > li.menu-item-has-children > a:hover {
        background: rgba(0, 17, 55, 0.70) calc(100% - 10px) / 10px 8px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='white' d='M5 7 0 2l1-1 4 4 4-4 1 1-5 5Z'/%3e%3c/svg%3e");
    }

    ul#main_menu > li.menu-item-has-children ul {
        color: var(--white);
        position: absolute;
        list-style: none;
        top: 54px;
        left: 0;
        padding: 0;
        min-width: 240px;
        max-height: 0;
        border: none;
        overflow: hidden;
        transition: max-height 0.4s;
    }

    ul#main_menu > li.menu-item-has-children:hover ul {
        max-height: 1000px;
    }

    ul#main_menu > li.menu-item-has-children ul li {
        padding: 0 20px;
        background: var(--primary);
        border-radius: 0;
    }

    ul#main_menu > li.menu-item-has-children ul li:first-child {
        padding-top: 20px;
        border-radius: 15px 5px 0 0;
    }

    ul#main_menu > li.menu-item-has-children ul li:last-child {
        padding-bottom: 20px;
        border-radius: 0 0 15px 5px;
    }

    ul#main_menu > li.menu-item-has-children ul li a {
        box-sizing: border-box;
        display: block;
        text-decoration: none;
        /*min-width: fit-content;*/
        min-width: max-content;
        font-weight: 700;
        letter-spacing: 0.03em;
        line-height: 20px; /* 125% */
        color: var(--white);
        position: relative;
    }

    ul#main_menu > li.menu-item-has-children ul li.current_page_item a:after {
        transform: rotate(180deg);
        margin-left: 10px;
        opacity: 1;
    }

    ul#main_menu > li.menu-item-has-children ul li a:after {
        content: '';
        background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none'%3e%3cpath fill='%23F93A3C' d='M1.2 14.2c.5.8 1.7 1 2.4.2l5.3-5.3c.6-.6.6-1.6 0-2.2-.6-.6-1.6-.6-2.2 0l-5.3 5.3c-.6.5-.7 1.4-.2 2Z'/%3e%3cpath fill='%23F93A3C' d='M1.2 1.8c-.5.6-.4 1.5.2 2l5.3 5.3c.6.6 1.6.6 2.2 0 .6-.6.6-1.6 0-2.2L3.6 1.6c-.7-.7-1.9-.6-2.4.2Z'/%3e%3c/svg%3e");
        width: 10px;
        height: 16px;
        display: inline-block;
        position: absolute;
        top: calc(50% - 8px);
        margin-left: 5px;
        opacity: 0;
        transition: 0.2s;
    }

    ul#main_menu > li.menu-item-has-children ul li:hover a:after,
    ul#main_menu > li.menu-item-has-children ul li.current_page_item:hover a:after {
        transform: rotate(0deg);
        margin-left: 15px;
        opacity: 1;
    }

    #header.bg_transparent .button.outline {
        border: 2px solid var(--white);
        color: var(--white);
    }

    #header.bg_transparent .button.outline:before,
    #header.bg_transparent .button.outline:after {
        background: var(--white);
    }

    #header.bg_transparent .button.outline:hover {
        color: var(--primary)
    }

}

@media (min-width: 1301px) {
    #header ul.main_menu {
        gap: 10px;
    }
}