.header {
    position: sticky;
    width: 100%;
    z-index: 110;
    top: 0;
    background: var(--white);
    border-bottom: 1px solid #F0F0F0;
}

.header .header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 20px;
    margin: auto;
    transition: var(--transition);
}

.header .left {
    display: flex;
    align-items: center;
}

.header .left .custom-logo-link {
    margin-right: 24px;
}

.ar .header .left .custom-logo-link {
    margin-right: inherit;
    margin-left: 24px;
}

.custom-logo-link,
.custom-logo-link img {
    display: block;
}

.header .right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header .right .btn {
    white-space: nowrap;
}

.anim-button {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .anim-button {
        display: none;
    }
}

@media (max-width: 1199px) {
    .header .header-wrap {
        padding: 14px 16px;
    }

    .header .left .custom-logo-link img {
        max-width: 115px;
    }

    .header .right {
        gap: 12px;
    }

    .header .right .languages {
        display: none;
    }

    .header .right .btn-secondary {
        display: none;
    }

    .header .right .btn-primary {
        min-height: 32px;
        font-size: 12px;
        padding: 0 16px;
    }
}


/********** Nav-horizontal start **********/
.header .nav-horizontal .menu {
    display: flex;
    gap: 2px;
}

.header .nav-horizontal a:hover {
    text-decoration: none;
}

.header .nav-horizontal .menu>.menu-item {
    padding: 18px 0;
    cursor: pointer;
}

.header .nav-horizontal .menu>.menu-item>a {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    position: relative;
    transition: var(--transition);
    border-radius: 4px;
    padding: 7.5px 30px 7.5px 12px;
}

.ar .header .nav-horizontal .menu>.menu-item>a {
    padding: 7.5px 12px 7.5px 30px;
}

.header .nav-horizontal .menu>.menu-item>a::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE5IDE4IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNTk2OTggNi41NjM2MEM1Ljk0ODQ1IDYuMjEyMTMgNi41MTgzIDYuMjEyMTMgNi44Njk3NyA2LjU2MzYwTDkuODMzMzcgOS41MjcyMUwxMi43OTcgNi41NjM2MEMxMy4xNDg0IDYuMjEyMTMgMTMuNzE4MyA2LjIxMjEzIDE0LjA2OTggNi41NjM2MEMxNC40MjEyIDYuOTE1MDggMTQuNDIxMiA3LjQ4NDkyIDE0LjA2OTggNy44MzY0MEwxMC40Njk4IDExLjQzNjRDMTAuMTE4MyAxMS43ODc5IDkuNTQ4NDUgMTEuNzg3OSA5LjE5Njk4IDExLjQzNjRMNS41OTY5OCA3LjgzNjQwQzUuMjQ1NTEgNy40ODQ5MiA1LjI0NTUxIDYuOTE1MDggNS41OTY5OCA2LjU2MzYwWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
    position: absolute;
    top: 9px;
    right: 8px;
}

.ar .header .nav-horizontal .menu>.menu-item>a::before {
    right: inherit;
    left: 8px;
}

.header .nav-horizontal .menu>.menu-item.current-menu-item>a {
    color: #1F71CF;
    background: #F4F9FF;
}

.header .nav-horizontal .menu>.menu-item.current-menu-item>a::before {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2219%22 height%3D%2218%22 viewBox%3D%220%200%2019%2018%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.5971 6.5636C5.94857 6.21213 6.51842 6.21213 6.86989 6.5636L9.8335 9.52721L12.7971 6.5636C13.1486 6.21213 13.7184 6.21213 14.0699 6.5636C14.4214 6.91508 14.4214 7.48492 14.0699 7.8364L10.4699 11.4364C10.1184 11.7879 9.54857 11.7879 9.1971 11.4364L5.5971 7.8364C5.24563 7.48492 5.24563 6.91508 5.5971 6.5636Z%22 fill%3D%22%231F71CF%22/%3E%3C/svg%3E');
}

.header .nav-horizontal .menu>.menu-item:hover>a {
    color: #1F71CF;
    background: #F4F9FF;
}

.header .nav-horizontal .menu>.menu-item:hover>a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0698 11.4364C13.7183 11.7879 13.1484 11.7879 12.797 11.4364L9.83337 8.47279L6.86977 11.4364C6.5183 11.7879 5.94845 11.7879 5.59698 11.4364C5.24551 11.0849 5.24551 10.5151 5.59698 10.1636L9.19698 6.5636C9.54845 6.21213 10.1183 6.21213 10.4698 6.5636L14.0698 10.1636C14.4212 10.5151 14.4212 11.0849 14.0698 11.4364Z' fill='%231F71CF'/%3E%3C/svg%3E");
}

.header .nav-horizontal .menu>.menu-item:hover>.megamenu {
    display: block;
}

@media (max-width: 1199px) {
    .header .nav-horizontal {
        display: none;
    }
}
/********** Nav-horizontal end **********/


/********** Megamenu start **********/
.megamenu {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    z-index: 1;

    width: 100%;
    max-width: 100%;
    border-top: 1px solid #F0F0F0;
    background: #FFF;
}

.megamenu-container {
    max-width: 1440px;
    margin: auto;
    padding: 16px 16px 48px;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

.menu-container {
    display: flex;
    gap: 0 8px;
}

.subtab {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

.subtab>div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 16px;
}

.subtab>div a:not(.btn) {
    color: #595959;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.subtab .sub-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}

.subtab .sub-menu .menu-item {
    display: block;
    width: 100%;
}

.subtab .sub-menu a {
    display: flex;
    align-items: flex-start;
    gap: 0 16px;
    padding: 16px;
}

.subtab .sub-menu .menu-item-img {
    max-width: 100%;
}

.subtab .sub-menu .menu-item-title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 4px;
    transition: var(--transition);
}

.subtab .sub-menu .menu-item-description {
    color: #595959;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    transition: var(--transition);
}

.subtab .sub-menu .menu-item.current-menu-item .menu-item-title,
.subtab .sub-menu .menu-item.current-menu-item .menu-item-description,
.header .subtab .sub-menu a:hover .menu-item-title,
.header .subtab .sub-menu a:hover .menu-item-description {
    color: #2585F4;
}

.menu-promotion {
    width: calc(25% - 4px);
    padding: 16px;
}

.menu-promotion-bg {
    height: 100%;
    min-height: 360px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
    border-radius: 12px;
    padding: 32px;
}

.ms .tab-resources .menu-promotion-bg {
    background-position: center bottom -50px;
}

.pt-br .tab-resources .menu-promotion-bg {
    background-position: center bottom -20px;
}

.menu-promotion h3 {
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 110%;
}

.pt-br .menu-promotion h3 {
    font-size: 26px;
}

/*special modifications*/
.subtab-products {
    min-width: calc(50% - 4px);
}

.subtab-products .sub-menu .menu-item {
    width: calc(50% - 4px);
}

.subtab-accounts .sub-menu {
    gap: 0 16px;
}

.subtab-accounts .sub-menu .menu-item {
    width: calc(20% - 12.8px);
    max-width: 262px;
}

.subtab-accounts .sub-menu a {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px 0;
    padding: 0;
}

.subtab-accounts .sub-menu .menu-item-img {
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
}

.subtab-accounts .sub-menu .menu-item-title {
    font-size: 16px;
    margin-bottom: 12px;
}

.subtab-accounts .sub-menu .menu-item-description {
    font-size: 14px;
}

.tab-resources .menu-container,
.tab-company .menu-container {
    width: calc(75% - 4px);
}

.tab-resources .menu-promotion-bg {
    background-color: #85A07C;
}

.tab-company .menu-promotion-bg {
    background-color: #795F9B;
}

.tab-resources .menu-promotion span {
    color: #C9FFB7;
}

.tab-company .menu-promotion span {
    color: #E6BDF3;
}
/********** Megamenu end **********/


/********** Site menu start **********/
.site-menu {
    background: var(--white);
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    transition: .4s;
    display: flex;
    flex-direction: column;
    will-change: transform;
    overflow-y: auto;
}

body.menu-open nav.site-menu {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ar .site-menu {
    left: inherit;
    right: 100%;
}

body.ar.menu-open nav.site-menu {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.site-menu a:hover {
    text-decoration: none;
}

.site-menu .top-block {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    z-index: 1;
    border-bottom: 1px solid #F0F0F0;
    padding: 13.5px 16px;
}

.site-menu .top-block img {
    max-width: 115px;
}

.site-menu .top-block>div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.closeBtn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #F4F9FF;
}

.nav-mobile {
    flex-grow: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8d8d8d transparent;
}

.nav-mobile .menu>.menu-item>a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    position: relative;
    transition: var(--transition);
    border-bottom: 1px solid #F0F0F0;
    padding: 24px 36px 24px 16px;
}

.ar .nav-mobile .menu>.menu-item>a {
    padding: 24px 16px 24px 36px;
}

.nav-mobile .menu>.menu-item>a::before {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220%200%2020%2020%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z%22 fill%3D%22black%22/%3E%3C/svg%3E');
    position: absolute;
    top: 26px;
    right: 16px;
}

.ar .nav-mobile .menu>.menu-item>a::before {
    right: inherit;
    left: 16px;
}

.nav-mobile .menu>.menu-item.current-menu-item>a {
    color: #2585F4;
    background: #FAFAFA;
}

.nav-mobile .menu>.menu-item.current-menu-item>a::before {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220%200%2020%2020%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z%22 fill%3D%22%232585F4%22/%3E%3C/svg%3E');
}

.nav-mobile .menu>.menu-item>a.open {
    color: #2585F4;
    background: #FAFAFA;
}

.nav-mobile .menu>.menu-item>a.open::before {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220%200%2020%2020%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M14.7071 12.7071C14.3166 13.0976 13.6834 13.0976 13.2929 12.7071L10 9.41421L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L9.29289 7.29289C9.68342 6.90237 10.3166 6.90237 10.7071 7.29289L14.7071 11.2929C15.0976 11.6834 15.0976 12.3166 14.7071 12.7071Z%22 fill%3D%22%232585F4%22/%3E%3C/svg%3E');
}

.nav-mobile .megamenu.open {
    display: block;
    position: static;
    border-top: none;
    border-bottom: 1px solid #F0F0F0;
    background: #FAFAFA;
}

.nav-mobile .megamenu-container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.nav-mobile .menu-container {
    flex-direction: column;
}

.nav-mobile .menu-promotion {
    display: none;
}

.nav-mobile .subtab>div {
    border-bottom: 1px solid #D9D9D9;
}

.nav-mobile .subtab>div .btn {
    border-radius: 4px;
}

.nav-mobile .subtab .sub-menu .menu-item {
    width: 100%;
}

.nav-mobile .subtab-accounts .sub-menu {
    gap: 48px 0;
}

.nav-mobile .subtab-accounts .sub-menu .menu-item {
    max-width: inherit;
}

.nav-mobile .tab-resources .menu-container,
.nav-mobile .tab-company .menu-container {
    width: 100%;
}

.site-menu .bottom-area{
    position: sticky;
    bottom: 0;
    border-top: 1px solid #F0F0F0;
    background: #ffffff;
    padding: 16px 16px 0;
}

.site-menu .btn-wrap {
    display: flex;
    gap: 12px;
}

.site-menu .btn-wrap .btn {
    flex: 1 0 0;
}
/********** Site menu end **********/


/********** Lang menu start **********/
.header .languages .menu>.menu-item>a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    padding: 0 8px;
}

.header .languages .menu>.menu-item:hover>a {
    color: #2585F4;
}

.header .languages .menu>.menu-item>a.opened {
    color: #2585F4;
}

.languages .menu-item>a:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}

.languages .en.menu-item>a:before {
    background-image: url("../images/flags/F-en.svg");
}
.languages .de.menu-item>a:before{
    background-image: url("../images/flags/F-de.svg");
}
.languages .fr.menu-item>a:before{
    background-image: url("../images/flags/F-fr.svg");
}
.languages .it.menu-item>a:before{
    background-image: url("../images/flags/F-it.svg");
}
.languages .es.menu-item>a:before{
    background-image: url("../images/flags/F-es.svg");
}
.languages .pt-br.menu-item>a:before{
    background-image: url("../images/flags/F-br.svg");
}
.languages .ms.menu-item>a:before{
    background-image: url("../images/flags/F-ms.svg");
}
.languages .th.menu-item>a:before{
    background-image: url("../images/flags/F-th.svg");
}
.languages .zh-hans.menu-item>a:before{
    background-image: url("../images/flags/F-cn.svg");
}
.languages .zh-hant.menu-item>a:before{
    background-image: url("../images/flags/F-cn.svg");
}
.languages .ar.menu-item>a:before{
    background-image: url("../images/flags/F-ar.svg");
}

.header .languages .sub-menu-wrap {
    display: none;
    flex-direction: column;
    width: 375px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: #FFF;
}

.ar .header .languages .sub-menu-wrap {
    right: inherit;
    left: 0;
}

.header .languages .sub-menu-wrap.menu-open {
    display: flex;
}

.header .languages .scrollable-area {
    flex-grow: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8d8d8d transparent;
    display: flex;
    flex-direction: column;
}

.header .languages .sub-menu-header {
    order: 1;
}
.header .languages .sub-menu-title.current {
    order: 2;
}
.header .languages .sub-menu.current {
    order: 3;
}
.header .languages .sub-menu-title.available {
    order: 4;
}
.header .languages .sub-menu.available {
    order: 5;
}

.header .languages .sub-menu-header {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    background: #FAFAFA;
    padding: 16px;
}

.header .languages .lang-close {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #113C6E;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    transition: var(--transition);
}

.header .languages .lang-close>div {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.header .languages .lang-close:hover {
    color: #2585F4;
}

.header .languages .lang-close path {
    transition: var(--transition);
}

.header .languages .lang-close:hover path {
    fill: #2585F4;
}

.header .languages .sub-menu-title {
    color: #595959;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px;
}

.header .languages .sub-menu a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
    cursor: pointer;
    transition: var(--transition);
    padding: 16px;
}

.header .languages .sub-menu.current a {
    color: #2585F4;
    cursor: auto;
}

.header .languages .sub-menu.available a:hover {
    color: #2585F4;
}

.header .languages .sub-menu.available a::after {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220%200%2018%2018%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M6.56341 13.2364C6.21194 12.8849 6.21194 12.3151 6.56341 11.9636L9.52701 9L6.56341 6.0364C6.21194 5.68492 6.21194 5.11508 6.56341 4.7636C6.91488 4.41213 7.48473 4.41213 7.8362 4.7636L11.4362 8.3636C11.7877 8.71508 11.7877 9.28492 11.4362 9.6364L7.8362 13.2364C7.48473 13.5879 6.91488 13.5879 6.56341 13.2364Z%22 fill%3D%22black%22/%3E%3C/svg%3E');
    position: absolute;
    top: 16px;
    right: 16px;
}

.ar .header .languages .sub-menu.available a::after {
    right: inherit;
    left: 16px;
    transform: rotate(180deg);
}

.header .languages .sub-menu.available a:hover::after {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220%200%2018%2018%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M6.56341 13.2364C6.21194 12.8849 6.21194 12.3151 6.56341 11.9636L9.52701 9L6.56341 6.0364C6.21194 5.68492 6.21194 5.11508 6.56341 4.7636C6.91488 4.41213 7.48473 4.41213 7.8362 4.7636L11.4362 8.3636C11.7877 8.71508 11.7877 9.28492 11.4362 9.6364L7.8362 13.2364C7.48473 13.5879 6.91488 13.5879 6.56341 13.2364Z%22 fill%3D%22%232585F4%22/%3E%3C/svg%3E');
}

.header .languages .sub-menu .menu-item>a:before {
    width: 20px;
    height: 20px;
}

.header .languages .sub-menu.current {
    margin-bottom: 16px;
}

.site-menu .languages {
    background: var(--white);
}

.site-menu .languages.opened {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.site-menu .languages .menu>.menu-item>a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 16px;
}

.site-menu .languages .menu>.menu-item>a.opened {
    background: #2585F4;
    color: #FFF;
}

.site-menu .languages .menu-item>a:before {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.ar .site-menu .languages .menu-item>a:before{
    margin-right: 0;
    margin-left: 6px;
}

.site-menu .languages .menu>.menu-item>a::after {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2217%22 height%3D%2216%22 viewBox%3D%220%200%2017%2016%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.2657 10.1658C11.9533 10.4782 11.4467 10.4782 11.1343 10.1658L8.5 7.53147L5.86569 10.1658C5.55327 10.4782 5.04673 10.4782 4.73431 10.1658C4.4219 9.85336 4.4219 9.34683 4.73431 9.03441L7.93431 5.83441C8.24673 5.52199 8.75327 5.52199 9.06569 5.83441L12.2657 9.03441C12.5781 9.34683 12.5781 9.85336 12.2657 10.1658Z%22 fill%3D%22black%22/%3E%3C/svg%3E');
    margin-left: 4px;
}

.site-menu .languages .menu>.menu-item>a.opened::after {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2217%22 height%3D%2216%22 viewBox%3D%220%200%2017%2016%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M4.73431 5.83429C5.04673 5.52187 5.55327 5.52187 5.86569 5.83429L8.5 8.4686L11.1343 5.83429C11.4467 5.52187 11.9533 5.52187 12.2657 5.83429C12.5781 6.14671 12.5781 6.65324 12.2657 6.96566L9.06569 10.1657C8.75327 10.4781 8.24673 10.4781 7.93431 10.1657L4.73431 6.96566C4.4219 6.65324 4.4219 6.14671 4.73431 5.83429Z%22 fill%3D%22white%22/%3E%3C/svg%3E');
}

.site-menu .languages .sub-menu-wrap {
    display: none;
    flex-direction: column;
    background: #FFF;
}

.site-menu .languages .sub-menu-wrap.menu-open {
    display: flex;
}

.site-menu .languages .scrollable-area {
    flex-grow: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8d8d8d transparent;
    display: flex;
    flex-direction: column;
}

.site-menu .languages .sub-menu-header {
    order: 1;
}
.site-menu .languages .sub-menu-title.current {
    order: 2;
}
.site-menu .languages .sub-menu.current {
    order: 3;
}
.site-menu .languages .sub-menu-title.available {
    order: 4;
}
.site-menu .languages .sub-menu.available {
    order: 5;
}

.site-menu .languages .sub-menu-header {
    display: none;
}

.site-menu .languages .sub-menu-title {
    color: #595959;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px;
}

.site-menu .languages .sub-menu a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
    cursor: pointer;
    transition: var(--transition);
    padding: 16px;
}

.site-menu .languages .sub-menu.current a {
    color: #2585F4;
}

.site-menu .languages .sub-menu.available a::after {
    content: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220%200%2018%2018%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M6.56341 13.2364C6.21194 12.8849 6.21194 12.3151 6.56341 11.9636L9.52701 9L6.56341 6.0364C6.21194 5.68492 6.21194 5.11508 6.56341 4.7636C6.91488 4.41213 7.48473 4.41213 7.8362 4.7636L11.4362 8.3636C11.7877 8.71508 11.7877 9.28492 11.4362 9.6364L7.8362 13.2364C7.48473 13.5879 6.91488 13.5879 6.56341 13.2364Z%22 fill%3D%22black%22/%3E%3C/svg%3E');
    position: absolute;
    top: 16px;
    right: 16px;
}

.ar .site-menu .languages .sub-menu.available a::after {
    right: inherit;
    left: 16px;
    transform: rotate(180deg);
}

.site-menu .languages .sub-menu .menu-item>a:before {
    width: 20px;
    height: 20px;
}

.site-menu .languages .sub-menu.current {
    margin-bottom: 16px;
}

/********** Lang menu end **********/


/********** header-notice start **********/
.header-notice {
    width: 100%;
    background: #F0F0F0;
}

.notice-toggle {
    display: none;
    background: #113C6E;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    cursor: pointer;
    padding: 8px 32px;
}

.notice-toggle svg {
    vertical-align: middle;
    margin-left: 4px;
    /*transition: var(--transition);*/
}

.notice-content {
    color: #595959;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 32px;
}

@media (max-width: 1199px) {
    .notice-toggle {
        display: block;
    }

    .notice-content {
        display: none;
        transition: var(--transition);
    }

    .notice-open .notice-content {
        display: block;
    }

    .notice-open .notice-toggle svg {
        transform: rotate(180deg);
    }
}
/********** header-notice end **********/