.top__head{
    background-color: var( --color-e8373d);
}
.top__head ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 13px 0;
    margin-bottom:  0 !important
}
.top__head ul a{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin: 0px 30px 0px 0px;
    transition: all 300ms ease;
}
.top__head ul a i{
    color: var(--color-FFEB3B, #FFEB3B);
    margin: 0px 5px 0px 0px;
}
.list__socical_media{
    display: flex
;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    gap: 10px;
}
.social_media_icon{
    color: #fff;
}
.social_media_icon:hover{
    color: var(--color-FFEB3B, #FFEB3B);
}
.middle__head{
    height: 120px;
    display: flex;
    align-items: center;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
    font-family: "Nunito", sans-serif !important;
    font-weight: 600 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{
    box-shadow: rgba(49, 49, 49, 0.21) 1px -1px 10px 4px;

}

#masthead {
    /* transition: all 0.3s ease; */
}

#masthead.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff; /* nên có nền */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* đổ bóng nhẹ */
}
@media screen and (min-width:990px) {
    .main-navigation,#mega-menu-wrap-menu-1,#mega-menu-menu-1,#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item,#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
        height: 100% !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
    display: flex
    ;
        align-items: center
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
    background-color: transparent;
    color: #404044;
    border-bottom: solid 5px #e4a40f;
}
}
@media screen and (max-width:768px) {
    .list__socical_media{
        justify-content: center;
    }
    .mega-toggle-blocks-left,.mega-toggle-blocks-center{
    display: none !important;
}
.main-navigation{
    display: flex !important;
    justify-content: flex-end !important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after{
    margin: 0 !important;
}
}