.site-header.hidden_header {
    transform: translateY(-200%);
}
.site-header .nav-container .main-nav-wrap .nav-links ul li > ul.sub-menu {
    padding: 0;
}
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu > li {
    padding: 2px 12px;
}
.site-header .nav-container .main-nav-wrap .nav-links > ul > li.menu-item > ul.sub-menu > li:has(.sub-menu):after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cpath d='M4 3.5L0 7V0L4 3.5Z' fill='%23CF4530'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0);
}
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu > li:hover:after {
    filter: unset;
}
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu > li:first-child {
    padding-top: 10px;
}
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu > li:last-child {
    padding-bottom: 10px;
}
nav.nav-links > ul > li.menu-item.li-main-active > ul.sub-menu.active-child-menu,
nav.nav-links > ul > li.menu-item.li-main-active > ul.sub-menu.active-child-menu > li.li-main-active.active> ul.sub-menu.active-child-menu {
    display: block;
}

@media (max-width: 991px){
nav.nav-links > ul > li.menu-item > ul.sub-menu {
    margin-top: 20px !important;
}
.site-header .nav-container .main-nav-wrap .nav-links ul li .sub-menu {    
    padding: 0;
}
nav.nav-links > ul > li.menu-item > a {
    display: block;
    padding-right: 30px;
}
.site-header .nav-container .main-nav-wrap nav.nav-links > ul > li.menu-item:has(.sub-menu) > a:after {
    display: inline-block !important;
    width: 10px;
    height: 13px;
    margin-left: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cpath d='M4 3.5L0 7V0L4 3.5Z' fill='%23CF4530'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0);
    position: absolute;
    top: 24px;
    right: 0px;
    left: unset;
    rotate: 90deg;
    width: 10px;
    height: 13px;
    transition: .3s ease-in-out;
}
.site-header .nav-container .main-nav-wrap nav.nav-links > ul > li.menu-item.active > a:after {
    filter: unset;
    rotate: -90deg;
}
.site-header .nav-container .main-nav-wrap .nav-links > ul > li.menu-item > ul.sub-menu > li:has(.sub-menu):after {
    content: unset;
}
.site-header .nav-container .main-nav-wrap .nav-links > ul > li.menu-item > ul.sub-menu > li:has(.sub-menu) > a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: unset;
    right: 0px;
    rotate: 90deg;
    width: 10px;
    height: 13px;
    margin-left: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cpath d='M4 3.5L0 7V0L4 3.5Z' fill='%23CF4530'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0);
    transition: .3s ease-in-out;
}
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu > li > a {
    display: block;
}
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu > li > ul.sub-menu li a {
    font-size: 16px;
    line-height: normal;
}
nav.nav-links > ul > li.menu-item > ul.sub-menu > li.menu-item {
    padding-inline: 0 !important;
}
.site-header .nav-container .main-nav-wrap .nav-links > ul > li.menu-item > ul.sub-menu > li.li-main-active.active:has(.sub-menu) a:after {
    rotate: -90deg;
    filter: unset;
}
}

@media (min-width: 992px){
.site-header .nav-container .main-nav-wrap .nav-links ul li.menu-item > ul.sub-menu ul.sub-menu {
    left: calc(100% + 3px);
    top: 0;
    min-width: 155px;
    background-color: #E4EBFF;
}
nav.nav-links > ul > li.menu-item.li-main-active > ul.sub-menu.active-child-menu > li.li-main-active.active > a {
    color: #D8674E !important;
}
nav.nav-links > ul > li.menu-item.li-main-active > ul.sub-menu.active-child-menu > li.li-main-active.active:after {
    filter: unset;
}
}