#header{ position: sticky; top: var(--navbar-collapse-top); left: 0; right: 0; margin: 0; z-index: 21;background-color: #fff; padding-inline-end: 43px;}
#header.shadow{box-shadow: 0 0 10px rgba(29, 36, 50, .1)}
#header .header_inner { display: flex; align-items: center; justify-content: space-between;  transition: all .2s ease-in-out, border 0s; height: 60px; }
#header .header_inner .logo img{ display: block; transition: all .2s ease-in-out; width: 183px; }
#header .header_inner .middle_section { z-index: 20; display: none; }
#header .header_inner .middle_section .nav_list { display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; padding: 0; }
#header .header_inner .middle_section .nav_list .nav_item { position: relative; height: 100%; }
#header .header_inner .middle_section .nav_list .nav_item:after { content: ""; position: absolute; border-bottom: 4px solid #4298b4; opacity: 0; transition: .2s ease-in-out opacity .1s; top: 0; }
#header .header_inner .middle_section .nav_list .nav_item .nav_title { color: #51596a; text-decoration: none; white-space: nowrap; height: 100%; display: inline-flex; align-items: center; gap: 2px; padding: 0 10px; font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); }
#header .header_inner .middle_section .nav_list .nav_item .nav_title .icon_angle{ display: inline-flex; opacity: .7; width: 12px; height: 12px; }
#header .header_inner .middle_section .nav_list .nav_item .nav_title .icon_angle path{ fill: #343c4b; }
#header .header_inner .middle_section .nav_list .nav_item.current .nav_title,
#header .header_inner .middle_section .nav_list .nav_item:hover .nav_title{ color: #343c4b; transition: all .1s ease-in-out; }
#header .header_inner .middle_section .nav_list .nav_item.current::after,
#header .header_inner .middle_section .nav_list .nav_item:hover:after{ opacity: 1; inset-inline: 10px; }
#header .header_inner .middle_section .nav_list .nav_item .nav_dropdown { visibility: hidden; opacity: 0; font-weight: var(--font-text-regular-weight); font-size: 18px; display: flex; flex-direction: column; position: absolute; border-radius: 5px; box-shadow: 0 30px 100px -20px rgba(50, 50, 70, .5), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01); top: 100%; left: 50%; transform: translate(-50%) perspective(2000px) rotateX(-15deg); width: 410px; z-index: 1; padding: 9px 0; background-color: #fff; }
#header .header_inner .middle_section .nav_list .nav_dropdown.dropdown_personality{ width: 464px; }
#header .header_inner .middle_section .nav_list .nav_item:hover .nav_dropdown{ transition: visibility 0ms, opacity .2s, transform .4s; transform: translate(-50%); transform-origin: 50% 0%; visibility: visible; opacity: 1; }
#header .header_inner .middle_section .nav_list .nav_dropdown:before { content: ""; position: absolute; top: -10px; inset-inline-start: calc(50% - 12px); width: 24px; height: 24px; transform: rotate(45deg); background-color: #fff; border-radius: 5px; box-shadow: 0 30px 100px -20px rgba(50, 50, 70, .3), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01); }
#header .header_inner .middle_section .nav_list .nav_dropdown:after { content: ""; position: absolute; top: 0; inset-inline: 10px; height: 18px; background-color: #fff; }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item { position: relative; padding: 15px 20px; }
#header .header_inner .middle_section .nav_list .nav_dropdown.dropdown_personality .nav_dropdown_item:last-of-type { padding-bottom: 18px; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title{ display: flex; align-items: center; justify-content: flex-start; text-decoration: none; outline: 0; gap: 10px; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title img { width: 30px; height: 30px; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title .info{ transition: all .1s ease-in-out; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title:hover .info{ opacity: .7; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title .info .title{ color: #343c4b; margin-bottom: 5px; font-weight: var(--font-text-bold-weight); font-size: var(--font-p-sm-size-bp-sm); line-height: var(--font-p-sm-line-height-bp-sm); letter-spacing: var(--font-p-sm-spacing-bp-sm); }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title .info .subtitle{ color: #68707f; font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); text-align: left; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_title .info .subtitle strong { font-weight: var(--font-text-bold-weight); }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_personality { display: flex; align-items: center; margin-top: 9px; gap: 5px; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_personality .personality_link { display: flex; flex-direction: column; text-align: center; gap: 5px; padding: 7px 10px; background-color: #f5f5f5; border-radius: 5px; text-decoration: none; color: #fff; font-weight: var(--font-text-semibold-weight); font-size: .5em; min-width: 79px; flex: 1; }
#header .header_inner .middle_section .nav_list .nav_dropdown .item_personality .personality_link span { display: block; font-size: .8em; letter-spacing: .03em; }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.analysts .personality_link { background-color: rgb(var(--rgb-purple)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.analysts .personality_link:hover { background-color: rgb(var(--rgb-purple-darker-01)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.diplomats .personality_link { background-color: rgb(var(--rgb-green)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.diplomats .personality_link:hover { background-color: rgb(var(--rgb-green-darker-01)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.sentinels .personality_link { background-color: rgb(var(--rgb-blue)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.sentinels .personality_link:hover { background-color: rgb(var(--rgb-blue-darker-01)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.explorers .personality_link { background-color: rgb(var(--rgb-yellow)); }
#header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item.explorers .personality_link:hover { background-color: rgb(var(--rgb-yellow-darker-01)); }

#header .header_inner .right_section{ display: flex; align-items: center; justify-content: flex-end; margin-inline-start: auto; justify-self: flex-end; height: 100%; white-space: nowrap;}
#header .header_inner .right_section .login_button { white-space: nowrap; color: #51596a; text-decoration: none; transition: color .1s ease-in-out; margin: 0; border-bottom: none; display: none; height: 40px; margin-inline-end: 10px; font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); }
#header .header_inner .right_section .language_button{ display: flex;align-items: center; gap: 6px; padding: 6px 8px; font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); margin-inline-end: 10px;}
#header .header_inner .right_section .language_button .lang_title { display: none; }
#header .header_inner .mobile_menu_button{position: absolute; top: 0; inset-inline-end: 0; transition: all .2s ease-in-out; background-color: #4298b4; padding: 0; box-shadow: 0 0 0 transparent; border: 0 solid transparent; text-shadow: 0 0 0 transparent; cursor: pointer; clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0 78%); width: 63px; height: 60px;}
#header .header_inner .mobile_menu_button .icon_menu{ position: absolute; top: 20px; inset-inline-end: 16px; width: 20px; height: 20px; }
#header .header_inner .mobile_menu_button .icon_menu svg{width: 100%;height: 100%;}
#header .header_inner .mobile_menu_button .icon_menu path{ fill: #fff; }

#mobile_menu{ display: flex; position: fixed; opacity: 0; transition: .1s opacity ease-in-out; top: 0; bottom: 0; left: 0; right: 0; z-index: 24; pointer-events: none; }
#mobile_menu.cur { opacity: 1; pointer-events: auto; }
#mobile_menu .menu_background { background-color: #b5b5b5; opacity: .5; flex: 1; width: auto; }
#mobile_menu .menu_content { transform-origin: 100% 0; transition: .1s all ease-in-out; box-shadow: 0 30px 100px -20px rgba(50, 50, 70, .5), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01); background-color: #fff; flex-grow: 1; display: flex; flex-direction: column; max-height: 100vh; overflow-y: hidden; transform: scale(1); flex: 1 0 330px; max-width: 350px; }
#mobile_menu .menu_content .menu_part{ padding: 5px 0; border-bottom: 1px solid #eeeff1; padding-block: 10px; padding-inline-start: 20px; padding-inline-end: 73px; }
#mobile_menu .menu_content .menu_part.flex{ display: flex; align-items: center; gap: 15px; }
#mobile_menu .menu_content .test_button{ vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-text); font-weight: var(--font-btn-font-weight); text-decoration: none; text-wrap: balance; outline: 0; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer; font-size: var(--font-btn-50-size); line-height: var(--font-btn-50-line-height); letter-spacing: var(--font-btn-50-spacing); height: 50px; padding: 10px 25px; border-radius: 40px; background-color: #88619a; border-color: #88619a; color: #fff; box-sizing: border-box; width: 100%; }
#mobile_menu .menu_content .test_button:hover{ background-color: #6c4d7b; border-color: #6c4d7b; }
#mobile_menu .menu_content .close_button{ position: absolute; top: 0; inset-inline-end: 0; transition: all .2s ease-in-out; padding: 0; box-shadow: 0 0 0 transparent; border: 0 solid transparent; text-shadow: 0 0 0 transparent; cursor: pointer; clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0 78%); width: 63px; height: 60px; background-color: #f6f6f7; }
#mobile_menu .menu_content .close_button .close_icon{ width: 20px; height: 20px; position: absolute; top: 20px; inset-inline-end: 16px; transition: transform .3s ease-out; }
#mobile_menu .menu_content .close_button .close_icon path{ fill: #343c4b; }
#mobile_menu .menu_content .menu_part .avatar { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; }
#mobile_menu .menu_content .menu_part .avatar img { margin-top: 10%; width: 100%; height: 100%; /*clip-path: polygon(56% 1%, 10% 26%, 1% 69%, 49% 90%, 100% 75%, 95% 26%);*/ background: #ececeb; border-radius: 999px; }
#mobile_menu .menu_content .menu_list{ overflow-y: scroll; }
#mobile_menu .menu_content .menu_list .menu_items { padding: 5px 0; border-bottom: 1px solid #eeeff1; }
#mobile_menu .menu_content .menu_list .menu_items.auth{ border: none; padding: 10px 20px; }
#mobile_menu .menu_content .menu_list .menu_items .menu_item{ display: flex; align-items: center; justify-content: flex-start; padding: 8px 20px; font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); text-decoration: none; }
#mobile_menu .menu_content .menu_list .menu_items .menu_item:hover{background-color: #f5f5f5;}
#mobile_menu .menu_content .menu_list .menu_items .button{ vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-text); text-decoration: none; text-wrap: balance; outline: 0; transition: all .2s ease-in-out; cursor: pointer; font-size: var(--font-btn-40-size); line-height: var(--font-btn-40-line-height); letter-spacing: var(--font-btn-40-spacing); height: 40px; padding: 6px 20px; border-radius: 40px; background-color: #fff; border: 1px solid #dddfe2; color: #343c4b; font-weight: var(--font-text-regular-weight); width: 100%; box-sizing: border-box; }
#mobile_menu .menu_content .menu_list .menu_items .button:hover{ background-color: #f9fafa; border-color: #4298b4; }

@media (min-width: 768px) {
    #header{padding: 0;padding-inline-end: 64px; }
    #header .header_inner{height: 80px; }
    #header .header_inner .logo img{ width: 243.75px;  }
    #header .header_inner .right_section .language_button .lang_title { display: inline; }
    #header .header_inner .right_section .language_button{ font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); }
    #header .header_inner .mobile_menu_button{ width: 84px; height: 80px;}
    #header .header_inner .mobile_menu_button .icon_menu { top: 28px; inset-inline-end: 24px; width: 24px; height: 24px; }

    #mobile_menu .menu_content .menu_part { padding-inline-end: 94px; padding-top: 15px; padding-bottom: 15px; }
    #mobile_menu .menu_content .close_button{ width: 84px; height: 80px; }
    #mobile_menu .menu_content .close_button .close_icon{ top: 28px; inset-inline-end: 24px; width: 24px; height: 24px; }
}
@media (min-width: 992px) {
    #header{padding: 0; }
    #header .header_inner { height: 70px; }
    #header .header_inner .logo img{ width: 177.6573px;}
    #header .header_inner .middle_section { display: flex; align-items: center; justify-content: center; flex-grow: 1; height: 100%; }
    #header .header_inner .middle_section .nav_list .nav_item .nav_title { font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); }
    #header .header_inner .middle_section .nav_list .nav_item .nav_dropdown.dropdown_personality { width: 492px; }
    #header .header_inner .middle_section .nav_list .nav_dropdown .item_personality .personality_link{ font-size: .55em; min-width: 85px; }
    #header .header_inner .right_section{ flex: 0 0 160px; }
    #header .header_inner .right_section .login_button { display: inline-flex; align-items: center; font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); }
    #header .header_inner .right_section .language_button{ padding: 6px 8px; font-size: var(--font-p-st-size); line-height: var(--font-p-st-line-height); letter-spacing: var(--font-p-st-spacing); margin-inline-end: 0;}
    #header .header_inner .mobile_menu_button{display: none;}
    #mobile_menu{display: none;}
}
@media (min-width: 1200px) {
    #header .header_inner .logo img{ width: 208.75px;}
    #header .header_inner .middle_section .nav_list .nav_item .nav_title { font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); padding: 0 15px;}
    #header .header_inner .middle_section .nav_list .nav_item .nav_title .icon_angle{ width: 14px; height: 14px; }
    #header .header_inner .middle_section .nav_list .nav_item .nav_dropdown { width: 480px; padding: 14px 0; }
    #header .header_inner .middle_section .nav_list .nav_item .nav_dropdown.dropdown_personality { width: 606px; }
    #header .header_inner .middle_section .nav_list .nav_dropdown .nav_dropdown_item { padding: 10px 25px; }
    #header .header_inner .middle_section .nav_list .nav_dropdown .item_title img { width: 35px; height: 35px; }
    #header .header_inner .middle_section .nav_list .nav_dropdown .item_title .info .title{ font-size: var(--font-p-sm-size-bp-md); line-height: var(--font-p-sm-line-height-bp-md); letter-spacing: var(--font-p-sm-spacing-bp-md); }
    #header .header_inner .middle_section .nav_list .nav_dropdown .item_title .info .subtitle{ font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); letter-spacing: var(--font-p-tn-spacing-bp-md); }
    #header .header_inner .middle_section .nav_list .nav_dropdown .item_personality{ gap: 10px; }
    #header .header_inner .middle_section .nav_list .nav_dropdown .item_personality .personality_link{ font-size: .7em; min-width: 102px; }
    #header .header_inner .right_section{ flex: 0 0 200px; }
    #header .header_inner .right_section .login_button { font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); letter-spacing: var(--font-p-tn-spacing-bp-md); height: 50px; margin-inline-end: 15px; }
    #header .header_inner .right_section .language_button{ font-size: var(--font-p-tn-size-bp-md); line-height: var(--font-p-tn-line-height-bp-md); letter-spacing: var(--font-p-tn-spacing-bp-md); padding: 4px 8px; }
}
@media (min-width: 1500px) {
    #header .header_inner .logo img{ width: 240.07px;}
}