.site-menu__primary,
.site-menu__primary ul {
    display    : flex;
    width      : 100%;
    margin     : 0 !important;
    list-style : none;
}

.site-menu__primary ul.sub-menu li {
    transition : background-color 0.5s ease-in-out;
}

.site-menu__primary li > a {
    font-family : var(--main-font);
    color       : var(--menu-link-color);
    display     : flex;
    align-items : center;
}

.site-menu__primary > li > a {
    position       : relative;
    padding-top    : 0.5em;
    padding-bottom : 0.5em;
}

.site-menu__primary li.menu-item-has-children {
    position : relative;
}

.site-menu__primary li.menu-item-has-children > a {
    padding-right : 1.5em;
}

.site-menu__primary > li.menu-item-has-children > a:after {
    font-family : dashicons;
    line-height : 0;
    position    : absolute;
    right       : 0;
    content     : "\f347";
}

.site-menu__primary .sub-menu li.menu-item-has-children > a:after {
    font-family : dashicons;
    line-height : 0;
    position    : absolute;
    right       : 1em;
    content     : "\f345";
}

.site-menu__primary li.menu-item-has-children .sub-menu {
    flex-direction : column;
}

.btn-header {
    flex : 65%;
}

.btn-header ul {
    display         : flex;
    justify-content : flex-end;
    align-items     : stretch;
    gap             : 24px;
    margin          : 0;
    list-style-type : none;
}

.btn-header ul li {
    text-align : center;
    padding    : 18px;
    background : linear-gradient(270deg, #5FA87C 0%, #33895E 100%);
}

.btn-header ul li a {
    font-family : Lato;
    font-size   : 18px;
    font-weight : 700;
    font-style  : normal;
    line-height : normal;
    color       : #FFFFFF !important;
}

/*RESPONSIVE*/

/*phone*/
@media (max-width : 767px) {

    .site-menu__primary li a {
        font-size : var(--mobile-menu-link-size);
    }

}

/*tablet*/
@media (min-width : 768px) and (max-width : 1023px) {

    .site-menu__primary li a {
        font-size : var(--tablet-menu-link-size);
    }

}

/*mobile and tablet*/
@media (max-width : 1024px) {

    .site-menu__primary,
    .site-menu__primary ul {
        flex-direction  : column;
        justify-content : flex-start;
        align-items     : flex-start;
    }

    .site-menu__primary li,
    .site-menu__primary ul li {
        width : 100%;
    }

    .site-menu__primary li a {
        font-size       : 24px;
        font-weight     : 500;
        color           : #FFFFFF;
        position        : relative;
        display         : flex;
        justify-content : flex-start;
        align-items     : center;
        padding         : 0.4em 1em !important;
    }

    .site-menu__primary li.sub__close a {
        color           : #1E1E1E !important;
        justify-content : flex-end;
    }

    .site-menu__primary li.sub__close a:before {
        font-family : dashicons;
        line-height : 0;
        position    : absolute;
        left        : 1em;
        content     : "\f341";
    }

    .site-menu__primary li.menu-item-has-children > a:after {
        right   : 1em;
        content : "\f345" !important;
    }

    .site-menu__primary li.menu-item-has-children > ul.sub-menu {
        opacity          : 0;
        position         : fixed;
        top              : 0;
        right            : 0;
        transform        : translateX(90%);
        z-index          : -1;
        visibility       : hidden;
        width            : 100%;
        height           : 100%;
        transition       : all 0.35s ease-in-out;
        background-color : rgba(65, 145, 100, 0.95);
    }

    .site-menu__primary li.menu-item-has-children > ul.sub-menu li a {
        flex-direction : row;
        align-items    : center;
        gap            : 0.5em;
    }

    .site-menu__primary li.menu-item-has-children > ul.sub-menu.sub-menu-active {
        opacity    : 1;
        transform  : translateX(0%);
        z-index    : 99;
        visibility : visible;
        overflow-x : hidden;
        overflow-y : auto !important;
    }

    .site-menu__primary .sub__close {
        background-color : #F7FE96;
    }

}

/*desktop*/
@media (min-width : 1025px) {

    .site-menu__primary {
        flex-direction  : row;
        justify-content : center;
        gap             : 2em;
    }


    .site-menu__primary li.menu-item-has-children .sub-menu {
        opacity          : 0;
        position         : absolute;
        top              : 150%;
        z-index          : -100;
        visibility       : hidden;
        display          : flex;
        flex-direction   : column;
        justify-content  : center;
        align-items      : flex-start;
        min-width        : 240px;
        transition       : visibility 0.5s ease-in-out;
        background-color : var(--submenu-bg-color);
        box-shadow       : 0 3px 3px 0 rgb(0 0 0 / 8%), 3px 1px 3px -2px rgb(0 0 0 / 8%), -3px 1px 3px -2px rgb(0 0 0 / 8%);
    }

    .site-menu__primary li.menu-item-has-children ul.sub-menu li {
        position      : relative;
        flex-basis    : 0;
        flex-grow     : 1;
        flex-shrink   : 1;
        width         : 100%;
        max-width     : 100%;
        padding       : 0.5em 1.5em;
        border-bottom : 1px solid var(--link-border-color);
    }

    .site-menu__primary li.menu-item-has-children:hover > ul.sub-menu {
        opacity    : 1;
        top        : 100%;
        z-index    : 99;
        visibility : visible;
        display    : flex;
        height     : fit-content;
    }

    .site-menu__primary li.menu-item-has-children ul.sub-menu ul.sub-menu {
        left : 100%;
    }

    .site-menu__primary ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
        top : 0;
    }

    .site-menu__primary li a {
        font-size : var(--desktop-menu-link-size);
    }

    .site-menu__primary ul.sub-menu li a {
        font-size : var(--desktop-submenu-link-size);
    }

    .site-menu__primary ul.sub-menu li {
        background-color : var(--submenu-bg-color);
    }

    .site-menu__primary ul.sub-menu li:hover,
    .site-menu__primary ul.sub-menu li.current-menu-item {
        background-color : var(--submenu-bg-hover-color);
    }

    .site-menu__primary ul.sub-menu li.current-menu-item > a {
        font-weight : 600;
        color       : var(--accent-color);
    }

    .site-menu__primary > li > a::before {
        position         : absolute;
        bottom           : 0;
        transform-origin : center;
        display          : block;
        width            : 0;
        height           : 2px;
        margin           : auto;
        content          : "";
        transition       : all 0.5s;
        background       : var(--accent-bg-color);
    }

    .site-menu__primary > li.current-menu-item a::before,
    .site-menu__primary > li:not(.menu-item-has-children) a:hover::before {
        width : 100%;
    }

}

/*laptop 1*/
@media (min-width : 1024px) and (max-width : 1439px) {

    .site-menu__primary {
        gap : 1.5em;
    }

    .site-menu__primary li a {
        font-size : var(--sm-laptop-menu-link-size);
    }

    .site-menu__primary ul.sub-menu li a {
        font-size : var(--sm-laptop-submenu-link-size);
    }

    .header-row__column.column-logo {
        flex   : 0% !important;
        height : 40px;
    }

    .header-row__column.column-logo img {
        max-width : 130px !important;
    }

    .btn-header ul li {
        padding : 12px;
    }

    .btn-header ul li a {
        font-size : 11px;
    }

    .btn-header ul li a i {
        font-size    : 1.1em;
        margin-right : 5px;
    }

}

/*laptop 2*/
@media (min-width : 1440px) and (max-width : 1700px) {

    .site-menu__primary li a {
        font-size : var(--laptop-menu-link-size);
    }

    .site-menu__primary ul.sub-menu li a {
        font-size : var(--laptop-submenu-link-size);
    }

    .btn-header ul li a {
        font-size : 14px;
    }
}


/*RESPONSIVE*/