.hidden{transform: translateY(-100%);}
.header.header_fixed{position: fixed;background: rgba(0,0,0,.5);}
.header{position: sticky;top: 0;background: rgba(0,0,0,1);width: 100%;color: var(--text-text-primary);z-index: 1000;transition: all 0.8s;}
.header .header_box{padding: 18px 0;}
.header .header_box .inner{max-width: 1722px;}
.header .header_left{gap: 80px;}
.header .header_left .logo a{display: block;padding: 6px 0;max-width: max-content;width: 100%;}
.header .header_menu_nav{padding: 13px 0 6px;gap: 40px;}
.header .header_menu_nav li{position: relative;cursor: pointer;}
.header .header_menu_nav li:hover h4::after{transform: rotate(-180deg);}
.header .header_menu_nav li h3{margin: 0;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);font-family: "Roboto-Regular";gap: 8px;}
.header .header_menu_nav li h3.no_arrow a{color: var(--text-text-primary);}
.header .header_menu_nav li h3.no_arrow a img{display:none;}
.header .header_menu_nav li h3.no_arrow .header_vt10{display: flex;align-items: center;}
.header .header_menu_nav li h3.no_arrow .header_vt10 img{display:block;}
.header .header_menu_nav li h3.no_arrow .header_vt10 .vt10_new{margin-right:4px;}

/* .header .header_menu_nav li h3::after{content: "";width: 9px;height: 5px;background: url(/wp-content/themes/vt/images/svg/header_down_arrow_icon.svg) center center no-repeat;background-size: cover; display: inline-block;transform: rotate(0deg);} */
/* .header .header_menu_nav li.active h4{font-weight: 700;} */
.header .header_right .header_right_nav{gap: 16px;}
.header .header_right .header_right_nav .nav_search{  width: 44px;height: 44px;cursor: pointer;padding: 12px;border-radius: 50%;background: var(--fill-input-default);}
.header .header_right .header_right_nav .nav_login a{color: var(--text-text-primary);font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);font-family: "Roboto-Medium";}
.header .header_right .header_right_nav .nav_live{display: flex;}
.header .header_right .header_right_nav .nav_live .blue_button{width: max-content;padding: 8px 24px;border-radius: 4px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);text-transform: capitalize;}

.header .header_right .header_right_nav .nav_search {/*display: flex;*/display: none;max-width: max-content;width: 100%;border-radius: 22px;justify-content: space-between;align-items: center;}
.header .header_right .header_right_nav .nav_search input {transition:all .3s;width: 0px;background: none;border: none;color: var(--text-text-primary);}
.header .header_right .header_right_nav .nav_search.active img {transform: rotate(-90deg);}
.header .header_right .header_right_nav .nav_search.active input {width: 300px;}
.header .header_right .header_right_nav .nav_search img {transition:all .3s;} 
/*country  */
.header.hidden .header_content .new_country_hide{display: none;}
.header .header_right .header_right_nav .nav_country{cursor: pointer;}
/* .header .header_right .header_right_nav .nav_country .nav_country_block{gap: 8px;} */
.header .header_right .header_right_nav .nav_country img{margin: 6px;}
.header .header_right .header_right_nav .nav_country span{font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);font-family: "Roboto-Medium";}
.header_content .new_country{cursor: pointer;}
.header_content .new_country_hide{position: fixed;top: 0;left: -100%;max-width: 340px;width: 100%;background: #FFFFFF;box-shadow: 0 0 20px rgb(0 0 0 / 30%);z-index: 1000000;transition: all 0.5s;}
.header_content .new_country_hide.active_right{left: auto;right: 0%;}
.header_content .new_country_hide .header_language_back{display: none;margin: 16px 0;justify-content: flex-start;gap: 8px;max-width: max-content;cursor: pointer;}
.header_content .new_country_hide .header_language_back p{margin: 0;}
.header_content .new_country_hide .header_language_box{padding:32px 24px 40px;height:100vh;overflow-y: auto;}
.header_content .new_country_hide li{text-align: left;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;cursor: pointer;border-radius: 8px;}
.header_content .new_country_hide li:hover{background-color: #F4F5F6;}
.header_content .new_country_hide li.header_language_box_en a{padding: 8px 16px;}
.header_content .new_country_hide li a{display: flex;align-items: center;padding: 20px 16px;margin-bottom: 24px;}
.header_content .new_country_hide li .selected_outlined_icon{width: 32px;}
.header_content .new_country_hide li img{display: block;margin-right:16px;}
.header_content .new_country_hide li img.mobile_webtrader{display: none;}
.header_content .new_country_hide .flag-icon.mobile_webtrader{display:none;}
.header_content .new_country_hide li strong{font-family: "Roboto-Bold";font-size: var(--font-size-titleLarge);line-height: var(--Title-Large-S);}
.header_content .new_country_hide li span{line-height: var(--Body-Large-R);}
.header_content .new_country_hide li.header_language_box_cn strong{font-weight: 600;}
.header_content .new_country_hide .flag-icon{width: 30px;height: 30px;display: block;margin-right: 30px;background: var(--wpr-bg-528ae469-040d-4311-b8d1-41135e0db952);background-repeat: no-repeat;}
.header_content .new_country_hide span[data-flag="en"]{background-position: -301px -1px;}
.header_content .new_country_hide span[data-flag="fr"]{background-position: -1px -1px;}
.header_content .new_country_hide span[data-flag="es"]{background-position: -51px -1px;}
.header_content .new_country_hide span[data-flag="pt"]{background-position: -101px -1px;}
.header_content .new_country_hide span[data-flag="it"]{background-position: -151px -1px;}
.header_content .new_country_hide span[data-flag="de"]{background-position: -201px -1px;}
.header_content .new_country_hide span[data-flag="pl"]{background-position: -901px -1px;}
.header_content .new_country_hide span[data-flag="tr"]{background-position: -351px -1px;}
.header_content .new_country_hide span[data-flag="ar"]{background-position: -401px -1px;}
.header_content .new_country_hide span[data-flag="fa"]{background-position: -951px -1px;}
.header_content .new_country_hide span[data-flag="in"]{background-position: -801px -1px;}
.header_content .new_country_hide span[data-flag="indo"]{background-position: -251px -1px;}
.header_content .new_country_hide span[data-flag="my"]{background-position: -451px -1px;}
.header_content .new_country_hide span[data-flag="ph"]{background-position: -851px -1px;}
.header_content .new_country_hide span[data-flag="vn"]{background-position: -501px -1px;}
.header_content .new_country_hide span[data-flag="kr"]{background-position: -551px -1px;}
.header_content .new_country_hide span[data-flag="jp"]{background-position: -601px -1px;}
.header_content .new_country_hide span[data-flag="th"]{background-position: -651px -1px;}
.header_content .new_country_hide span[data-flag="cn"]{background-position: -701px -1px;}
.header_content .new_country_hide span[data-flag="tw"]{background-position: -751px -1px;}

.header_content .new_country_hide_mask_layer{display: none;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 100000;}
.mobile_mask_layer{display: none;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 999;}
.header.active .mobile_mask_layer{display: block;}
/*country  */
.header_menu .header_menu_content{display: none;opacity: 0;position: absolute;top: 65px;left: 0;width: 355px;background: #FFFFFF;color: #000;border-radius: 16px;transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);height: 0;overflow: visible;}
.header_menu .header_menu_content.active{opacity: 0.98;top: 43px;height: auto;}
.header_menu .header_menu_content .header_menu_content_box{opacity: 0.98;padding: 12px;}
.header_menu .header_menu_item .menu_section{padding: 11px 18px;cursor: pointer;width: 330px;}
.header_menu .header_menu_item .menu_section.active{border-radius: 8px;background: var(--light-fill-fill-4);}
.header_menu .header_menu_item .menu_item_content{position: relative;gap: 20px;justify-content: flex-start;padding-right: 0;}
.header_menu .header_menu_item .menu_item_content h4{margin-bottom: 0;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);font-family: "Roboto-Regular";font-weight: 600;}
.header_menu .header_menu_item .menu_item_content p{margin: 0;font-size: var(--font-size-bodySmall);color: var(--text-text-tertiary);line-height: var(--Body-Small-R);letter-spacing: 0px;}
.header_menu .header_menu_item .menu_item_content.right_arrow::after{position: absolute;right: 0;content: "";width: 7px;height: 11px;background: var(--wpr-bg-5e4df132-ce7d-4ff9-9e4a-33665c9ff11e) center center no-repeat;background-size: cover; display: inline-block;}
.header_menu .header_menu_item .sub-menu{display: none;}
.header_menu .header_menu_content.sub_active{width: 551px;}
.header_menu .header_menu_item .sub-menu.active{display: block;position: absolute;top: 0;right: 0;height: auto;background: #ffffff;border-radius: 8px;z-index: 1;}
.header_menu .header_menu_item .sub-menu.active::after{content: "";}
.header_menu .header_menu_item .sub-menu.active .sub-menu-list{display: flex;flex-direction: column;align-items: flex-start;height: auto;padding: 43px 34px 15px 35px;gap: 15px;}

/* mobile */
.header .mobile_menu_hamburger{display: none;}
.header .mobile_menu_hamburger .display_hamburger{display: none;}
.header.active .mobile_menu_hamburger .display_hamburger{display: block;}
.header .mobile_menu_hamburger .hidden_hamburger{display: block;}
.header.active .mobile_menu_hamburger .hidden_hamburger{display: none;}
.header.hidden .header_top_bar{display: none;}
.header_top_bar{display: none;position: absolute;right: 0;top: 78px;max-width: calc(100% - 400px);width: 100%;height: auto;overflow: auto;z-index: 1000;}
.mobile_menu {display: none;padding: 24px 16px;position: relative;width: 100%;height: calc(100vh - 78px);overflow: auto;background: #000000;}
.mobile_menu_content{height: 100%;display: flex;justify-content: flex-start;flex-direction: column;gap: 32px;}
.mobile_menu_content .mobile_menu_top{display: flex;flex-direction: column;padding: 0 8px;}
.mobile_menu_content .mobile_menu_close{width: max-content;cursor: pointer;}
.mobile_menu_content .mobile_menu_close .menu_close_title{display: flex;align-items: center;gap: 4px;margin-bottom: 12px;}
.mobile_menu_content .mobile_menu_close h5{margin: 0;}
.mobile_menu_content .mobile_menu_search{position: relative;margin-bottom: 12px;display:none;}
.mobile_menu_content .mobile_menu_search input{width: 100%;padding: 12px 16px;color: var(--text-text-tertiary);font-size: var(--font-size-bodySmall);line-height: var(--Body-Small-R);border-radius: 4px;background-color: var(--fill-page-secondary);border: none;}
.mobile_menu_content .mobile_menu_search_icon{position: absolute;right: 16px;top: 50%;transform: translate(0, -50%);}
.mobile_menu_content .mobile_header_menu{margin-bottom: 21px;}
.mobile_menu_content .menu-item-has-children{margin-bottom: 11px;}
.mobile_menu_content .menu-item-has-children:last-child{margin-bottom: 0;}
.mobile_menu_content .menu-item-has-children .title{cursor: pointer;padding: 8px 0;}
.mobile_menu_content .menu-item-has-children.no_arrow a{color: var(--text-text-primary);}
.mobile_menu_content .text_box{justify-content: flex-start;}
.mobile_menu_content .text_box .mobile_10_logo{display:none;}
.mobile_menu_content .menu-item-has-children:last-child .mobile_10_logo{display:block;}
.mobile_menu_content .svg_box{transition: all 0.5s;transform: rotate(-90deg);}
.mobile_menu_content .title.active{color: var(--text-text-blue-cyan);padding-bottom: 8px;margin-bottom: 8px;border-bottom: 1px solid #354764;}
/* .mobile_menu_content .title.active .svg_box{transform: scaleY(-1);} */
/* .mobile_menu_content .title.active .svg_box path{stroke: #00F0FF !important;} */
.mobile_menu_content .title.active .hidden_icon{display: none;}
.mobile_menu_content .title .hidden_icon{display: block;}
.mobile_menu_content .title.active .display_icon{display: block;}
.mobile_menu_content .title .display_icon{display: none;}
.mobile_menu_content h4{font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);margin: 0;font-family: "Roboto-Regular";margin-left: 16px;}
.mobile_menu_content li ul{display: none;padding: 0 24PX;}
.mobile_menu_content li .menu_list_children{margin-bottom: 8px;}
.mobile_menu_content li h6{display: flex;align-items: center;justify-content: space-between;gap: 16px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);padding: 12px 0;margin: 0;cursor: pointer;}
.mobile_menu_content li h6:hover{color: var(--text-text-blue-cyan);}
.mobile_menu_content li h6.active{color: var(--text-text-blue-cyan);}
.mobile_menu_content li h6 .children_svg_box{transition: transform .2s;}
.mobile_menu_content li h6.active .children_svg_box{transform: scaleY(-1);}
.mobile_menu_content li h6.active .children_svg_box path{stroke: #00F0FF !important;}
.mobile_menu_content li .sub_menu_mobile{display: none;}
.mobile_menu_content li .sub_menu_centent{display: flex;flex-direction: column;padding: 0 0 0 24px;}
.mobile_menu_content li .sub_menu_mobile p{margin: 0;}
.mobile_menu_content li .sub_menu_mobile a{color: var(--text-text-secondary);}
.mobile_menu_content li .sub_menu_mobile a:hover{color: var(--text-text-blue-cyan);}

.mobile_menu_content li .menu_list_children >a{display: block;color: var(--text-text-primary);}
.mobile_menu_content li .menu_list_children >a:hover{color: var(--text-text-blue-cyan);}
.mobile_menu_content li .menu_list_children p{margin-bottom: 0;}
.mobile_menu_content li .menu_list_children>p{margin-bottom: 8px;font-family: "Roboto-Bold";}
.mobile_menu_content li .menu_list_children>p a{display: block;padding: 12px 0;color: var(--text-text-primary);}
.mobile_menu_content li .menu_list_children p a{display: block;padding: 12px 0;color: var(--text-text-primary);}
/* .mobile_menu_content li .menu_list_children p a{color: var(--text-text-secondary);} */
.mobile_menu_content li .menu_list_children p a:hover{color: var(--text-text-blue-cyan);}

.mobile_menu_content .mobile_menu_button{display: flex;align-items: stretch;gap: 8px;}
.mobile_menu_content .mobile_menu_button a{height: 48px;display: flex;justify-content: center;align-items: center;padding: 12px 24px;color: var(--text-text-primary);font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);max-width: 160px;text-align: center;border-radius: 8px;}
/* .mobile_menu_content .mobile_menu_button a.blue_border_button{border: 1px solid var(--functional-tints-blue);background: transparent;} */
.mobile_menu_bottom{padding: 25px 0 21px;border-top: 1px solid #E6E6E6;}
.mobile_menu_bottom .nav_country_block{justify-content: flex-start;gap: 15px;max-width: 50px;width: 100%;cursor: pointer;}
.mobile_menu_bottom .nav_country_block img{width: 24px;height: 24px;}
.mobile_menu_bottom .nav_country_block span{font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);font-family: "Roboto-Bold";}
/* mobile */

@media (max-height:800px){
	.mobile_menu{padding-bottom: 100px;}
}
@media (max-width: 1530px){
	html[lang='ms'] .header .header_menu_nav{gap: 20px;}
}
@media (max-width: 1500px) {
	.header .header_right .header_right_nav .nav_search.active input {width: 200px;}
}
@media (max-width: 1440px) {
	.header .header_box .inner{max-width: 1240px;}
	.header .header_left{gap: 20px;}
	.header .header_menu_nav{gap: 20px;}
	/* .header .header_menu_nav.active {} */
	html[lang='ms'] .header .header_box .inner{max-width: inherit;}
	html[lang='ms'] .header .header_right .header_right_nav .nav_live .blue_button{padding: 8px 12px;}
}
@media (max-width: 1320px) {
	html[lang='ms'] .header .header_left{gap: 16px;}
	html[lang='ms'] .header .header_menu_nav {gap: 16px;}
	html[lang='ms'] .header .header_menu_nav li h3{font-size: var(--font-size-titleSmall);}
	html[lang='ms'] .header .header_right .header_right_nav .nav_login a{font-size: var(--font-size-titleSmall);}
	html[lang='ms'] .header .header_right .header_right_nav{gap: 8px;}
	html[lang='ms'] .header .header_right .header_right_nav .nav_live .blue_button{padding: 8px 14px;}
}
@media (max-width: 1230px){
	.header .header_right .header_right_nav .nav_live .blue_button{padding: 8px 12px;}
}
@media (max-width: 1210px) {
	.header .header_box{padding: 18px 0;}
	.header_menu{display: none;}
	.header .header_right .header_right_nav .nav_search{display: none;}
	.header .header_right .header_right_nav .nav_login{display: none;}
	.header .header_right .header_right_nav .nav_country{display: none;}
	.header .header_right .header_right_nav .nav_live .blue_button{border-radius: 4px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);}
	.header .mobile_menu_hamburger{display: block;cursor: pointer;}
    .mobile_menu {display: block;}
	.header_content .new_country_hide{background: #000;transition: none;}
	.header_content .new_country_hide .header_language_back{display: flex;}
	.header_content .new_country_hide_mask_layer{display: none !important;}
	.header_content .new_country_hide.active_right{right: 0;top: 78px;max-width: calc(100% - 400px);height: 100vh;padding: 0 16px;background: #000;box-shadow: none;}
	.header_content .new_country_hide.popup_country_hide {top: 90px;}
	.header_content .new_country_hide .header_language_box{padding: 24px;display: flex;height: auto;gap: 24px 32px;justify-content: flex-start;flex-direction: column;}
	.header_content .new_country_hide li:first-child span br{display: none;}
	.header_content .new_country_hide li:first-child strong{display: none;}
	.header_content .new_country_hide li:hover{background-color: initial;}
	.header_content .new_country_hide li:hover span{color: var(--text-text-blue-cyan);}
	.header_content .new_country_hide li{max-width: 100%;width: 100%;}
	.header_content .new_country_hide li span{font-size: 16px;}
	.header_content .new_country_hide li strong{font-family: "Roboto-Regular";font-size: 16px;}
	.header_content .new_country_hide li.header_language_box_cn strong{font-weight: 400;}
	.header_content .new_country_hide li.header_language_box_en a{padding: 0;}
	.header_content .new_country_hide li a{padding: 0;color: var(--text-text-primary);margin: 0;}
	.header_content .new_country_hide li a:hover{color: var(--text-text-blue-cyan);}
	.header_content .new_country_hide li img{margin-right: 16px;}
	.header_content .new_country_hide li img.pc_webtrader{display: none;}
	.header_content .new_country_hide li img.mobile_webtrader{display: block;}
	.header_content .new_country_hide .flag-icon.mobile_webtrader{display:block;}
	.mobile_mask_layer{display: none;}

	.header_content .new_country_hide .flag-icon{background: var(--wpr-bg-4e23f9b1-d3f9-40f2-81f2-3ce3352f4ed2);}

	.header_content .new_country_hide{background: #000;transition: none;}
}
@media (max-width: 980px) {
	.header_top_bar{max-width: calc(100% - 300px);}
	.header_content .new_country_hide.active_right{max-width: calc(100% - 300px);}
}
@media (max-width: 780px) {
	.header_top_bar{max-width: calc(100% - 100px);}
	.header_content .new_country_hide.active_right{max-width: calc(100% - 100px);}
	
	.mobile_menu_content .mobile_menu_search input{padding: 12px 16px;}
	.mobile_menu_content .mobile_menu_search_icon{right: 10px;}
}
@media (max-width: 768px) {
	.header{background: rgba(0, 0, 0, 1) !important;}
}
@media (max-width: 600px) {
	.header_top_bar{max-width: 100% ;}
	.header_content .new_country_hide.active_right{max-width: 100%;}

	/* .mobile_menu_content .mobile_menu_button a{font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);} */

}
@media (max-width: 560px) {
	html[lang='ms'] .header .header_left .logo a{max-width: 196px;}
	html[lang='ms'] .header_top_bar{top: 72px;}
	html[lang='ms'] .header_content .new_country_hide.active_right{top: 72px;}
	html[lang='ms'] .header_content .new_country_hide.popup_country_hide {top: 90px;}
}
@media (max-width: 500px) {
	.header .header_box{padding: 12px 0;}
	.header .header_box .inner{padding-left: 16px;padding-right: 16px;}
	.header .header_left .logo a{max-width: 196px;padding: 6px 0;}
	.header .header_right .header_right_nav{gap: 12px;}
	.header .header_right .header_right_nav .nav_live .blue_button{padding: 4px 16px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);border-radius: 4px;text-transform: initial;}
	.header_top_bar{top: 57px;}
	.mobile_menu{height: calc(100vh - 57px);}
	.header_content .new_country_hide.active_right{top: 57px;}
	.header_content .new_country_hide.popup_country_hide {top: 90px;}
	/* .header_content .new_country_hide.active_right{padding: 24px 16px 85px 16px;} */
	/* .header_content .new_country_hide .new_country_hide_box{padding: 0 26px;} */
	/* .header_content .new_country_hide .header_language_box{gap: 40px 80px;overflow-y: initial;} */
	/* .header_content .new_country_hide li:first-child{margin: 0 -26px;} */
	/* .header_content .new_country_hide li:first-child span{font-size: 16px;} */
	/* .header_content .new_country_hide li{flex: 0 0 calc(50% - 40px);} */
	/* .header_content .new_country_hide li img{width: 24px;height: 24px;} */
	html[lang='ms'] .header .header_right .header_right_nav .nav_live .blue_button{padding: 4px 16px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);border-radius: 4px;text-transform: initial;}
	html[lang='ms'] .header_top_bar{top: 57px;}
	html[lang='ms'] .header_content .new_country_hide.active_right{top: 57px;}
	html[lang='ms'] .header_content .new_country_hide.popup_country_hide {top: 90px;}
	.mobile_menu_content{justify-content: space-between;}
}
@media (max-width: 460px) {

	.header .header_box .inner{flex-direction: column;gap: 10px;}
	.header .header_right{width: 100%;}
	.header_top_bar{top: 95px;}
	.header_content .new_country_hide.active_right{top: 95px;}
	.mobile_menu{height: calc(100vh - 95px);}
	html[lang='ms'] .header_top_bar{top: 95px;}
	html[lang='ms'] .header_content .new_country_hide.active_right{top: 95px;}
}
@media (max-width: 370px) {
	.mobile_menu{height: calc(100vh - 102px);}
	.header .header_right .header_right_nav .nav_live .blue_button {font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);}
	.header .header_left .logo a {max-width: 196px;}
	html[lang='ms'] .header .header_right .header_right_nav .nav_live .blue_button {font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);}
	html[lang='ms'] .header .header_left .logo a{max-width: 196px;}
	
	.header_content .new_country_hide .header_language_box{padding: 12px;gap: 24px 8px;}
	.header_content .new_country_hide .flag-icon{margin-right: 8px;}

}
@media (max-width: 1160px) and (max-height: 750px){
	.header_content .new_country_hide .header_language_box{height: 500px;}
}
@media (max-width: 1160px) and (max-height: 640px){
	.header_content .new_country_hide .header_language_box{height: 400px;}
	.mobile_menu_content{height: 500px;}
}