/*Header Css 开始*/ 
.header{ position:fixed; width:100%; z-index:10000; left:0px; top:0px;}
.header-top-bar{padding:10px 0px;transition: all .3s linear;}
.header-top-bar.bg{background: #13192c;}
.header-top-bar .inner{max-width: 1200px;margin: 0 auto;display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
a.header-link,a.header-demo-link,a.header-pro-link{font-size:var(--fs-14);color:#9199af;text-decoration:none;padding: 0 15px;display:inline-block;text-align:center;}

a.header-link{ border-left:1px solid #9199af;height: fit-content; }
a.header-pro-link {border-left:none;padding-left: 5px;}

a.header-login-link,
a.header-live-link{ width:auto; min-width:100px;border-radius: 6px;}
/* a.header-login-link{ background:#FF0033; border:1px solid #FF0033; color:#FFF;} */
/* a.header-login-link:hover{ background:#fd0202; border:1px solid #fd0202;} */
/* a.header-live-link{background:#00C89B; border:1px solid #00C89B; color:#FFF;} */
/* a.header-live-link:hover{ background:#22bd1f; border:1px solid #22bd1f;} */

.desktop-reg-link{display: flex;align-items: center;}
.reg-link>a{ margin-right:10px;}
.desktop-reg-link a.header-live-link{background:#FF0033; color:#FFF;padding:3px 5px 4px;border:none !important;}
/* .desktop-reg-link a.header-live-link:hover{background:#fd0202; border:1px solid #fd0202;} */
.desktop-reg-link a.header-login-link{background:#00C89B;color:#FFF;padding:3px 5px 4px;border:none !important;}
/* .desktop-reg-link a.header-login-link:hover{ background:#22bd1f; border:1px solid #22bd1f;} */

.mobile-reg-link{ display:none;}

.load7{width: 70px;height: 10px;margin: 5px auto;position: relative;}
.load7 .loader {font-size: 12px;border-radius: 50%;width: 10px;height: 10px;position: absolute;top: -10px;color: #ccc;-webkit-animation: load7 1.8s infinite ease-in-out;animation: load7 1.8s infinite ease-in-out;}
.load7 .loader1 {left: 0;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.load7 .loader2 {left: 30px;-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.load7 .loader3 {right: 0;}

@-webkit-keyframes load7 {
    0%,
    80%,
    100%
   {
        box-shadow: 0 10px 0 -10px;
    }

    40% {
        box-shadow: 0 10px 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100%
   {
        box-shadow: 0 10px 0 -10px;
    }

    40% {
        box-shadow: 0 10px 0 0;
    }

}

/* 兼容 */
/* @keyframes itemEffact{
	0% {width: 100%; height:100%; opacity: 0.8; }
    25% {width: 100%; height:100%; opacity: 0.8; }
	100% {width: calc(100% + 40px); height: calc(100% + 40px); opacity: 0;}
}
@-moz-keyframes itemEffact{
    0% {width: 100%; height:100%; opacity: 0.8; }
    25% {width: 100%; height:100%; opacity: 0.8; }
    100% {width: calc(100% + 40px); height: calc(100% + 40px); opacity: 0;}
}
@-webkit-keyframes itemEffact{
    0% {width: 100%; height:100%; opacity: 0.8; }
    25% {width: 100%; height:100%; opacity: 0.8; }
    100% {width: calc(100% + 40px); height: calc(100% + 40px); opacity: 0;}
}
@-o-keyframes itemEffact{
    0% {width: 100%; height:100%; opacity: 0.8; }
    25% {width: 100%; height:100%; opacity: 0.8; }
    100% {width: calc(100% + 40px); height: calc(100% + 40px); opacity: 0;}
} */

@keyframes arrow{
    0% { right: 20px;opacity: 1; }
    25% {  right: 20px;opacity: 0.75; }
    100% { right: 5px;opacity: 0;}
}
@-moz-keyframes arrow{
    0% { right: 20px;opacity: 1; }
    25% {  right: 20px;opacity: 0.75; }
    100% { right: 5px;opacity: 0;}
}
@-webkit-keyframes arrow{
    0% { right: 20px;opacity: 1; }
    25% {  right: 20px;opacity: 0.75; }
    100% { right: 5px;opacity: 0;}
}
@-o-keyframes arrow{
    0% { right: 20px;opacity: 1; }
    25% {  right: 20px;opacity: 0.75; }
    100% { right: 5px;opacity: 0;}
}

/* .item-effect{position: relative;z-index: 1;}
.item-effect::after{content:'' !important;position: absolute;top: 50% !important;left: 50%;right:0 !important;transform: translate(-50%,-50%);z-index: -1; width: 100%; height: 100%;border-radius: 10px; opacity: 0.8; background:#d42b29;animation: itemEffact 1.5s infinite !important;} */

.header-language{position:relative;z-index:10; margin-left:14px;}
.header-language-nav{position:relative;font-size:var(--fs-14);color: #fff;;cursor:pointer;display: flex;align-items: center;}
/* body.logged-in .header-language-nav{margin-top: 7px;} */
.header-language-inner{display:none;width:410px;position:absolute;right:6px;top:32px;background:#20263A; padding:6px 40px; z-index:9;}
.header-language-inner ul{ padding:12px 0px 16px; margin:0px;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.header-language-inner ul li{ padding:8px 5px; margin:0px; width: 45%;}
.header-language-inner a{display:block;font-size:var(--fs-14);color:#7f85ab; padding:6px 0px 7px 10px; border-left:4px solid #0054cb; text-decoration:none; text-transform:uppercase;}
.header-language-inner a:after{content:"";display:block;clear:both;}
.header-language-inner a:hover{text-decoration:none;color:#fff; border-left:4px solid #fff;}
.header-language .header-language-nav span{width:19px;height:19px;margin-right:8px;border-radius: 50%;display: block;}
.header-language .header-language-nav span img{display: block;}
.header-language .header-language-nav span.header-language-nav-text{width: auto; height: auto; margin: 0; border-radius: 0;}
.header-language-inner li.active a{ color:#FFF; border-left:4px solid #fff; }
.header-language .header-language-inner span{width:19px;height:13px;margin-right:8px;display: inline-block;}
.header-language span.icon-english{background:url(../images/header-language-icon-english.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-france{background:url(../images/header-language-icon-france.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-german{background:url(../images/header-language-icon-german%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-italy{background:url(../images/header-language-icon-italy.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-spain{background:url(../images/header-language-icon-spain%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-arab{background:url(../images/header-language-icon-arab%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-aeae{background:url(../images/header-language-icon-aeae.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-portugal{background:url(../images/header-language-icon-portugal.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-thailand{background:url(../images/header-language-icon-thailand%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-malaysia{background:url(../images/header-language-icon-malaysia%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-chinese{background:url(../images/header-language-icon-chinese.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-vn{background:url(../images/header-language-icon-vn.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-indonesia{background:url(../images/header-language-icon-id%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-kr{background:url(../images/header-language-icon-kr%ef%b9%96v%3d1.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-jp{background:url(../images/header-language-icon-japanese.svg) center center no-repeat;background-size: auto 100%;}
.header-language span.icon-ru{background:url(../images/header-language-icon-russian.svg) center center no-repeat;background-size: auto 100%;}
@keyframes moveup{ from{opacity: 0;} to{opacity: 1; } }
@-moz-keyframes moveup{from{opacity: 0;} to{opacity: 1; } }
@-webkit-keyframes moveup{from{opacity: 0;} to{opacity: 1; } }
@-o-keyframes moveup{from{opacity: 0;} to{opacity: 1; } }

.header-logo{display:block;width:150px;position:absolute;left:50%;top:0;transform: translateX(-50%);z-index: 1; margin-top: 20px;}
html[lang="zh-hans"] .header-logo{width: auto;}
.header-menu-wrapper{position:relative;background:#13192c;width: 100px;height: 10px;margin:0 auto;overflow: hidden;}
.header-menu-wrapper .inner{max-width: 926px; margin: 0 auto;}
.header-menu-wrapper .header-menu-content{width:100%; display: flex;justify-content: space-between;gap: 150px;}
.sf-menu{ margin:0px; padding:0px 20px; list-style:none; text-transform:uppercase; width: calc(50% - 75px);display: flex; justify-content: space-around;}
/* .sf-menu.right{margin-right: -30px;} */
.sf-menu > li {    min-height: 75px;display: flex;align-items: center;justify-content: center;}
.sf-menu > li > a { padding:10px; text-decoration:none; color:#fff; font-size:var(--fs-16); text-transform:none; display:block; position:relative; text-shadow:0px 0px 1px #fff;}
.sf-menu > li > a:after{ content:""; display:none; position:absolute; width:calc(100% - 20px); height:2px; left:10px; background:#a6a7ab;}
.sf-menu li.sfHover > a:after{ display:block;}

.sf-menu .sf-mega{ position:absolute; display:none;width:100%; left:0px; top:100%; z-index: 999;}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega { display:block;}
.sf-menu li.sfHover > .sf-mega .sf-mega-inner-box{opacity: 0;animation:moveup .5s; animation-fill-mode:forwards;animation-delay:.2s; background:#151c32; width: 100%;height: auto;position: relative;padding:27px 56px 25px;}
/* .sf-menu li.sfHover > .sf-mega .sf-mega-inner-box:after{content:'';width: 50%;height: 100%;background-color: #333a56;top: 0;display: block;position: absolute;z-index: 0;} */
/* .sf-menu li.sfHover > .sf-mega.sf-mega-right .sf-mega-inner-box:after{right: 0;}
.sf-menu li.sfHover > .sf-mega.sf-mega-left .sf-mega-inner-box:after{left: 0;} */
.sf-mega-inner{max-width: 1020px;margin:0 auto;display: flex;gap: 35px;justify-content: space-between;}
.sf-menu.right .sf-mega-inner{flex-direction: row-reverse;}
.sf-mega-right .sf-mega-content{text-align:left;width:50%;padding:20px 0;text-transform:none;z-index: 10;position: relative;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.sf-mega-left .sf-mega-content{text-align:left;width:50%;padding:20px 0;text-transform:none;z-index: 10; position: relative;margin-right: auto;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.header-menu-content .sf-mega-content p{color:#fff;font-size:var(--fs-16);margin-bottom:32px;line-height: 1.5;}
.header-menu-content .sf-mega-content p a{color:#5378f0;text-decoration:underline;}
.header-menu-content .sf-mega-content p.phase-title {color:#7680a0;margin-bottom:20px;font-size:var(--fs-24); text-transform:capitalize;font-weight: 600;}
.header-menu-content .sf-mega-content p.phase-a{margin: 0;}
/*** mega menu dropdown ***/
.sf-mega-section {max-width: 25%;}
html[lang="zh-hans"] .sf-menu.right  li:nth-of-type(1) .sf-mega-section{max-width: 38%;width: 375px;}
html[lang="zh-hans"] .sf-menu.right  li:nth-of-type(2) .sf-mega-section{width: 208px;}
/*** arrows (for all except IE7) **/
.header-menu-content .sf-mega-section p{ padding:0px 0px 6px 10px; font-size:var(--fs-16);margin-bottom:13px;color: #555f7f;}
.header-menu-content .sf-mega-section ul li{ padding:1px 0px 5px; margin:0px;}
.header-menu-content .sf-mega-section ul li a{ display:block; font-size:var(--fs-14); padding:2px 15px 2px 10px; color: var(--v-white); text-decoration:none; position:relative;}
.header-menu-content .sf-mega-section ul li a:before{ content:""; display:none; position:absolute; width:4px; height:100%; left:0; top:0px; background:#4c76ff;}
.header-menu-content .sf-mega-section ul li a:hover{ color: #4c76ff; text-decoration:none;}
.header-menu-content .sf-mega-section ul li a:hover:before{ display:block;}
.header-menu-content ul li a.menu-popular-icon:after,.header-mobile-content ul li a.menu-popular-icon:after{content:"popular";display:inline-block; vertical-align:middle;width:66px;height:21px;text-align: center;background-color: #d42b29;color: #fff;font-size: 12px;border-radius: 5px;transform: scale(0.70);line-height: 21px;}
.header-menu-content ul li a.menu-new-icon:after,.header-mobile-content ul li a.menu-new-icon:after{content:"new";display:inline-block; vertical-align:middle;width:45px;height:21px;text-align: center;background-color: #d42b29;color: #fff;font-size: 12px;border-radius: 5px;transform: scale(0.70);line-height: 21px;}

/* .header-fixed .header-menu-wrapper{position: fixed !important; z-index: 99; width: 100%; left: 0; top: 0;}
.header-fixed .header-top-bar{position: fixed; z-index: 99; width: 100%; left: 0; bottom: 0;}
.header-fixed .mobile-menu{position: fixed; top: 100px}
.header-fixed .reg-link a.header-link { margin-top: 0px;  margin-bottom: 5px;}
.header-fixed .reg-link {padding-top: 5px;}
.header-fixed .header-top-bar .inner{width: 83%; margin-left: 10px;}
.launcher-button{width: 45px !important; height: 45px !important; margin: 11px !important;}
.header-fixed .header-language-inner{top: -308px;overflow: scroll;max-height: 300px;} */


/* 活动页 */
.header .actions-header{ padding: 18px 0; background: #070C1B;}
.header .actions-header .header-logo{ position: unset;transform: translateX(0);}


.header .form-actions-header .inner{position: relative;}
.header .form-actions-header .link-box{ position: absolute; right: 0;flex-wrap: wrap; max-width: calc(50% - 85px);gap: 20px;padding-right: 20px;}
.header .form-actions-header .link-box a{color: #FFF;font-size: var(--fs-14);    border: 1px solid #FFF;border-radius: 3px;display: block; padding: 4px 5px 4px; min-width: 105px; text-align: center;text-transform: uppercase;text-decoration: none;font-weight: 600;}
.header .form-actions-header .header-logo{margin: 10px 0;}

@media (max-width: 768px) {
    .header .form-actions-header .inner{gap: 10px; flex-direction: column;}
    .header .form-actions-header .link-box{position: unset;max-width: 100%;padding-right: 0;}
    
}
/* 活动页结束 */


html[lang="ar-AE"] .header-menu-wrapper .header-menu-content{direction: ltr;}
html[lang="ar-AE"] .sf-menu .sf-mega{direction: rtl;}
html[lang="ar-AE"] .sf-mega-right .sf-mega-content,html[lang="ar-AE"] .sf-mega-section{ text-align: right;}
html[lang="ar-AE"] .header-menu-content .sf-mega-section ul li a{padding:2px 0px 2px 10px;}
html[lang="ar-AE"] .header-menu-content .sf-mega-section ul li a:before{left:unset;right: -10px;}
html[lang="ar-AE"] .sf-mega-left .sf-mega-content{margin-left: auto;margin-right: 0;}
html[lang="ar-AE"] .header-language .header-language-nav span{margin-right: 0;margin-left: 8px;}
html[lang="ar-AE"] .reg-link>a{margin-right: 0;margin-left: 10px;}
html[lang="ar-AE"] a.header-link{border-left: none;border-right: 1px solid #9199af;}
html[lang="ar-AE"] a.header-pro-link{border: none;}
html[lang="ar-AE"] .header-language-inner{right: unset;left: 6px;direction: ltr;}
/* html[lang="ar-AE"] .header-language-inner a{padding-left: 0;padding-right: 10px;border-right: 4px solid #0054cb;border-left: none;}
html[lang="ar-AE"] .header-language-inner a:hover{border-right: 4px solid #fff;border-left: none;} */

@media (max-width:1024px) {
    html[lang="zh-hans"] .sf-menu.right  li:nth-of-type(1) .sf-mega-section{max-width: 25%;width: auto;}
    html[lang="zh-hans"] .sf-menu.right  li:nth-of-type(2) .sf-mega-section{width: auto;}
}

@media (max-width:1170px) {
.header-menu-wrapper {width: 100% !important;height: auto !important;}
}
@media (max-width:768px) {
.header-pc-content:not(.actions-header){display: none;}
.header-menu-wrapper .header-menu-content{width: auto;justify-content: flex-start;}
.header-mobile-content .header-language-nav .header-language-nav-text{display: none;}
html[lang="ar-AE"] .header-language .header-language-nav span{margin-right: 8px;margin-left: 0;}
html[lang="ar-AE"] .header-language .header-language-nav span img{ vertical-align: top;}

}
@media (max-width:510px) {
.header-pc-content .sf-menu > li > a{padding: 10px 10px 20px;}
}
/*Header Css 结束*/

/*Mobile Header Css 开始*/

.mobile-menu-hamburger{width:25px;padding:4px 0px 0px;text-align:center;cursor:pointer; position:absolute; right:20px; top:32px;}
.mobile-menu-hamburger i{display:block;width:25px;height:3px;margin:0 auto 5px;background:#FFF;}
.mobile-menu{display:none;position:absolute;width:100%;height: 100vh; left:0px;top:0px;z-index:97;text-align:center;}
.mobile-menu-content{background:#13192c;position:relative;padding-bottom:52px;padding-top:0px;height: 100%;}
.mobile-menu-content .mobile-menu-colse{text-align: right;padding: 25px 35px 30px 0;}
.mobile-menu-content .home-icon-link{padding:0px;}
.mobile-menu-content .home-icon-link a{ font-size:var(--fs-20); color:#fff; display:block; text-align:left; text-decoration:none; padding:0px 0px;  text-transform:uppercase;}
.mobile-menu-content .home-icon-link a:hover{text-decoration:none;color:#000;background:#2335ab;}
.mobile-menu-content .home-icon-link a i{margin-right:6px;}
.mobile-menu-content .home-icon-link a span{display:block;padding:15px 50px 15px;border-bottom:1px solid #2335ab;}
.mobile-menu-content .home-icon-link a:hover span{border-bottom:1px solid #2335ab;}
.mobile-menu-content .header-menu{text-align:left;position:relative;max-height: calc(100vh - 80px); overflow-y: auto; height: 100%;}
.mobile-menu-content .header-menu a{font-weight:300;display:block;color:#fff;padding:15px 50px 15px;font-size:var(--fs-18);text-decoration:none;}
.mobile-menu-content .header-menu a i{margin-right:6px;}
.mobile-menu-content .header-menu li > a{position:relative;text-transform:uppercase;}
.mobile-menu-content .header-menu li > a::before{background:#7E99E933;content:"";display:block;height:1px;left:0px;position:absolute;bottom:-1px;width:calc(100% - 40px);margin-left: 20px;}
.mobile-menu-content .header-menu li > a:hover{color:#fff;}
.mobile-menu-content .header-menu > li.button,
.mobile-menu-content .header-menu > li.blue-button{display:none;}
.mobile-menu-content .header-menu > li > a{font-size:var(--fs-16);color:#ffffff;font-weight:300;}
.mobile-menu-content .header-menu li li a{ color:#9399ad;}
.mobile-menu-content .header-menu li li a:hover{color:#fff;text-decoration:none;background:none;}
.mobile-menu-content .header-menu li li a:hover::before{display:block;}
.mobile-menu-content .header-menu > li > ul > li > a{ color:#ffffff; padding-left:80px;font-weight: 600;}
.mobile-menu-content .header-menu > li > ul > li > ul > li > a{padding-left:110px;}
.mobile-menu-content .header-menu li ul{border:0px;padding:0px; display: none;}
.mobile-menu-content .header-menu li ul li:liast-child a{border:0;}
.mobile-menu-content .header-menu .sub-menu{display:none;}
.mobile-menu-content .header-menu a{display:block;position:relative;}
.mobile-menu-content .header-menu .accordsuffix{display:block;position:absolute;color:#FFF;right:50px;top: 50%;}
.mobile-menu-content .header-menu > li > ul > li > a .accordsuffix{display:none;}
.mobile-menu-content .header-menu > li > a .accordsuffix{}
.mobile-menu-content .header-menu .accordsuffix::after{content:"";width: 20px;height: 20px; position: absolute;top: -6px;right: 6px;transition: all 0.3s ease;background: url(../images/menu-arrow-right-icon01.webp) center center no-repeat;}
.mobile-menu-content .header-menu .active .accordsuffix::after{transform: rotate(90deg);}
.header-mobile-content{display: none;}
.header-mobile-content .header-logo{ margin:20px; position:unset;transform: translate(0);}
.header-mobile-content .desktop-reg-link a.header-demo-link{background: none;border: 1px solid #fff;color: #fff;padding: 6px 15px;border-radius: 6px;font-weight: 500;}
.header-mobile-content .desktop-reg-link a.header-demo-link:hover{background: #fff;border: 1px solid #070C1B;color: #070C1B;}
.header-mobile-content .header-top-bar{text-align:center; background: linear-gradient(180deg, #485276 -341.58%, #070C1E 100%);position:fixed;bottom: 0;left:0;width:100%;}
.header-mobile-content a.header-link{ margin-left:0px;margin-right:0px;margin-top:5px;}
.header-mobile-content .mobile-menu-hamburger{left:20px;position:initial;}
.header-mobile-content .header-phone-nav .phone{display:block; background: url(../images/header-phone-icon%ef%b9%96v%3d1.svg) left center no-repeat;width:32px;height:32px;margin-right: 10px;margin-top: 5px;background-size: 100%;}
/* .header-mobile-content{display:none;} */
.header-mobile-content .header-content-wrapper{ padding:0 25px;display:flex; justify-content:space-between; align-items:center;z-index: 999;}
.header-mobile-content .icon-wrapper, .header-mobile-content .logo-wrapper{display:flex; justify-content:space-around; align-items:center;}
.header-mobile-content .icon-wrapper, .header-mobile-content .mobile-menu-hamburger{cursor: pointer;}
.header-mobile-content .header-menu-wrapper{top:0px;overflow: inherit;}
.header-mobile-content .header-language-inner{left:initial;top:75px;right: 20px;position:fixed;}
.header-mobile-content .header-language-nav{margin-top:0px!important;width: fit-content;padding: 0;}
.header-mobile-content .header-language-nav span{margin-right:0px;width: fit-content;}
.header-mobile-content .reg-link{ padding-top:10px;width: 100%;justify-content: center;}
.header-mobile-content .reg-link.desktop-reg-link a{box-shadow: -3px 4px 7px 0px rgba(0, 0, 0, 0.26); margin:7px 4px!important}
/* .header-fixed .header-mobile-content .header-top-bar .inner{ width: 100%;margin-left: 0px;} */
/* .desktop-reg-link a.header-live-link:hover{background:#fd0202; border:1px solid #fd0202;} */
.header-mobile-content .desktop-reg-link{ flex-wrap: wrap;}
.header-mobile-content .desktop-reg-link a.header-live-link,
.header-mobile-content .desktop-reg-link a.header-login-link{padding:6px;}

html[lang="ar-AE"] .mobile-menu-content .mobile-menu-colse{text-align: left; padding: 25px 0 30px 35px;}
html[lang="ar-AE"] .mobile-menu-content .header-menu li > a{text-align: right;}
html[lang="ar-AE"] .mobile-menu-content .header-menu .accordsuffix::after{transform: rotate(180deg);}
html[lang="ar-AE"] .mobile-menu-content .header-menu .accordsuffix{right:unset; left: 50px;}
html[lang="ar-AE"] .mobile-menu-content .header-menu .active .accordsuffix::after{ transform: rotate(90deg);}
html[lang="ar-AE"] .mobile-menu-content .header-menu > li > ul > li > a{ padding-left: 50px;padding-right: 80px;}
html[lang="ar-AE"] .mobile-menu-content .header-menu > li > ul > li > ul > li > a{ padding-left: 50px;padding-right: 110px;}
html[lang="ar-AE"] .mobile-menu-content .header-menu .accordsuffix::after{left: unset; right: 6px;}
@media (max-width:768px) {
  /* .header-content{display:none} */
  .header-mobile-content{display:block}
  .header-mobile-content .header-language-inner{width: 100%;padding:15px 20px;right: 0px; top: 80px;}
  /* .header{display: block; position:absolute;} */
  .header-top-bar{text-align:center;}
  .header-top-bar .icon-phone{padding-right:20px;margin-bottom:3px;}
  .header-language{display:inline-block;margin-bottom:3px; margin-left:0px; padding-left:0px;}
  .header-language-inner ul{ width:100%;  padding:0px;justify-content: flex-start;max-height: 100%;}
  .header-language-inner ul li{ padding:5px 10px; min-width: 150px;width: 40%;}
  .reg-link{ padding-top:10px;}
  .reg-link ul li.signup-header-btn .mainpandats button.forex-button-pandats.ng-star-inserted{ margin-left:6px;}
  .header-menu-wrapper{ width:100% !important;padding-bottom:10px;height:auto !important; position:relative !important;}
  .desktop-reg-link a.header-demo-link{background: none;border: 1px solid #fff;color: #fff;padding: 1px 15px;border-radius: 6px;font-weight: 500;}
  .desktop-reg-link a.header-demo-link:hover{background: #fff;border: 1px solid #070C1B;color: #070C1B;}
  .mobile-menu-hamburger{display:block;}
  .header-mobile-content .header-logo{margin: 20px; position:unset;transform: translate(0);}
  .header-mobile-content .header-phone-nav .phone{margin-top: 0;}
  
}
@media(max-width:480px){
  .header-mobile-content .header-content-wrapper{padding:0px;}
  .header-mobile-content .header-logo{width: 120px}
  /* .header-mobile-content .mobile-menu-hamburger{margin-left: 20px;} */
  .header-language-inner ul li{padding: 5px;}
  
}
@media(max-width:360px){
    .header-mobile-content .header-language-inner{width: 200px;}
}
@media(max-width:350px){
  .header-logo{ width:170px;}
  .mobile-menu-hamburger{ top:30px;}
}
@media(max-width:320px){
  .header-language-inner ul{width: 100%;}
}
/*Mobile Header Css 结束*/