.header-link,
#demo-button-mobile,
.header-menus-layout .animation-list-title,
.header-menus-layout .explore-link, 
.header-menus-layout .explore-link:visited,
.header-menus-layout .animation-link,
.header-menus-layout .animation-link:visited,
.header-menus-layout .atlas-tab-link,
.mobile-sub-menu-head .back-header-sub-menu,
.mobile-sub-menu-head .back-header-lang-menu,
.mobile-sub-menu-head .back-header-atlas-menu{
    font-family: "Noto Sans Arabic" !important;
}

.header-menus-layout .atlas-list{
    border-left: 1px solid var(--n-very-light-grey);
    border-right: 0;
}

.header-menus-layout .atlas-tab-link{
    border-left: 2px solid transparent;
    border-right: 0;
}

.header-link{
    padding: 8px 12px 8px 8px;
}

a.header-link{
    padding-inline-end: 12px;
}

.header-link svg{
    transform: scaleX(-1);
}

.header-menus-layout .explore-link svg,
.header-menus-layout .animation-link svg,
.header-menus-layout .tab-only-link svg
{
    transform: scaleX(-1);
}

#close-popup {
    left: 14px;
    right: auto;
}

#language-popup {
    left: 246px;
    right: auto;
}

.lang.active-lang:after{
    left: 10px;
    right: auto;
}

@media (max-width: 1919px) {
    #language-popup {
        left: 226px;
        right: auto;
    }
}

@media (max-width: 1439px) {
    #language-popup {
        left: 206px;
        right: auto;
    }
}

@media (max-width: 1279px) {
    #language-popup {
        left: 216px;
        right: auto;
    }
}

@media screen and (max-width: 577px) {
    #language-popup {
        left: 0;
        right: auto;
    }

    #language-popup #close-popup{
        left: 16px;
        right: auto;
    }

    .site-header {
        padding: 12px 28px 12px 16px;
    }

    #languages-mobile {
        padding: 16px 12px 60px 0px;
    }

    #languages-mobile > svg{
        transform: rotate(-90deg) scaleY(-1) !important;
    }
    
}

.header-menus-layout .explore-link, 
.header-menus-layout .explore-link:visited{
    padding: 8px 12px 8px 8px;
}

.header-menus-layout .animation-link,
.header-menus-layout .animation-link:visited{
    padding: 8px 12px 8px 8px;
}

@media screen and (max-width: 1079px) {
    .header-link{
        padding: 12px 12px 12px 0px;
    }

    .header-menus-layout .atlas-tab-link{
        padding: 12px 12px 12px 0px;
    }

    .header-link svg, .header-menus-layout .atlas-tab-link svg,
    .header-menus-layout .atlas-tab-link:not(.tab-only-link) svg{
        transform: rotate(-90deg) scaleY(-1) !important;
    }

    .mobile-sub-menu-head .back-header-sub-menu svg,
    .mobile-sub-menu-head .back-header-lang-menu svg,
    .mobile-sub-menu-head .back-header-atlas-menu svg{
        transform: scaleX(-1);
    }
}