html{margin-top: 0px !important;}
body.nav-mobile-scroll{overflow-y: hidden;position: fixed;}
header{background-color:var(--v-white);position: fixed;width: 100%;top: 0;z-index: 9999; opacity: 0; animation: header-initial 1s linear forwards;}
.home header{animation: header-initial 1s linear 0.5s forwards;}
header.scroll-shadow{box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
header .inner{max-width: 1920px; padding: 20px 48px;}
header .inner.flex { flex-wrap: wrap;}
header .main-menu{ position: relative; z-index: 999; background:var(--v-white);}
header .nav-logo{margin-right: 15px; width: 181px;}
header .nav-logo a{ display: block;}

header .nav-menu{justify-content: space-between;}
header .nav-menu .nav-menu-item{margin-right: 20px;}
header .nav-menu .nav-menu-item a{font-size: var(--fs-16);font-weight: 500;color:var(--v-black);}
header .nav-menu .nav-menu-item a:hover{color:var(--v-orange);}
header .nav-menu .nav-menu-item.active a{color:var(--v-orange);}
header .nav-menu .nav-menu-item.pc-hide{display: none;}


.action-menu{ padding: 0px 0px 11px 20px;}
.action-menu li{ font-size: 14px; font-weight: 500; color:var(--v-black); padding:9px 0px 9px 32px;}
.action-menu li.nav-language{ background:url(/wp-content/themes/vantage/images/header-nav-languages-icon.svg) 2px center no-repeat;}
.action-menu li.download-app{ background:url(/wp-content/themes/vantage/images/download-app-icon.svg) 4px center no-repeat;}
.action-menu li.nav-language a{ display: block;}
.action-menu li.download-app a{ display: block;}
.header-media{ border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 13px 0px 18px 20px;}
.header-media li{display: inline-block;font-size: 18px;color: var(--v-grey); padding: 0px 20px 0px 0px;}
.header-media li:hover path{fill: var(--v-orange);}

.short-menu { padding: 14px 0px 0px 20px;}
.short-menu li{ padding: 2px 0 3px;}
.short-menu li a{ font-size: 14px; font-weight: 500; color: #7f7f7f; text-decoration: none; display: block; padding: 3px 0px;}
.short-menu li a:hover{ color:var(--v-black); text-decoration: none;}

.mobile-user-list{ display: flex; gap: 8px; justify-content: center; position: absolute; width: 100%; left: 0; bottom: 0; border-top:1px solid #767373; padding: 16px 0px 20px; z-index: 9;}
.mobile-user-list .orange-button,
.mobile-user-list .green-button{ font-size: 14px;}




header .nav-right li{margin-right: 25px;font-size: var(--fs-14);color:var(--v-black);font-weight: 600;}
header .nav-right li a{ vertical-align: middle; display: block;}
header .nav-right li a svg{vertical-align: sub;}
header .nav-right li.nav-mobile-register,
header .nav-right li.mobile-menu-open,
header .nav-right li.mobile-menu-close{ display: none; cursor: pointer;}
header .nav-right li.mobile-menu-open,
header .nav-right li.mobile-menu-close{ margin-right: 0;}
header .nav-right li.nav-login-link a svg{ margin-right:10px;}


header .nav-right .nav-live-link{color:var(--v-orange);}
header .nav-right .nav-live-link:hover{color:var(--v-red-dark);}
header .nav-right .nav-demo-link{color:var(--v-green-darker);}
header .nav-right .nav-demo-link path{fill:var(--v-green-darker);}
header .nav-right .nav-login-link{color:var(--v-black);}
header .nav-right .nav-live-link,
header .nav-right .nav-demo-link,
header .nav-right .nav-login-link{position: relative;}
header .nav-right .nav-live-link:hover a,
header .nav-right .nav-demo-link:hover a,
header .nav-right .nav-login-link:hover a,
header .nav-medium-user p:hover{transform: translate(0px, -3px);transition: all 0.3s;}
header .nav-medium-user-list li:hover a{transform: translate(0px, -3px);transition: all 0.3s;}
header .nav-right .nav-live-link:after,
header .nav-right .nav-demo-link:after,
header .nav-right .nav-login-link:after,
header .nav-medium-user-list .nav-live-link a::after,
header .nav-medium-user-list .nav-demo-link a::after{content:'';display:block;width: 0;height: 1px;transition: all 0.4s;}
header .nav-right .nav-live-link:after{background: var(--v-red-dark);}
header .nav-right .nav-live-link a::after{background: var(--v-red-dark);}
header .nav-right .nav-live-link:hover path{fill: var(--v-red-dark);}
header .nav-right .nav-demo-link:after{background: var(--v-black-light);}
header .nav-right .nav-demo-link a::after{background: var(--v-black-light);}
header .nav-right .nav-demo-link:hover path{fill: var(--v-black-light);}
header .nav-right .nav-login-link:after{background: #585858;}
header .nav-right .nav-login-link:hover path{fill: #585858;}
header .nav-right .nav-live-link:hover:after,
header .nav-right .nav-demo-link:hover:after,
header .nav-right .nav-login-link:hover:after,
header .nav-right .nav-live-link:hover a::after,
header .nav-right .nav-demo-link:hover a::after{width: 100%;}
header .nav-right .nav-boundary{width: 1px;height: 18px;background: #707070;}
header .nav-right .nav-language{text-transform: uppercase;cursor: pointer;position: relative;font-size: var(--fs-16);}
header .nav-right .nav-language a{position: relative;z-index: 1;}
header .nav-right .nav-search{cursor: pointer;position: relative;}
header .nav-right .nav-search svg{position: relative;z-index: 1;vertical-align: sub;}
header .nav-right .nav-search:after,
header .nav-right .nav-language:after{content: '';display: block;position: absolute;width: 30px;height: 30px;background: var(--v-grey-light4);border-radius: 50%;top:-5px;left: -5px;opacity: 0;transition: all 0.3s;}
header .nav-right .nav-language:after{top: -4px;}
header .nav-right .nav-search:after{left: -4px;}
header .nav-right .nav-search:hover:after,
header .nav-right .nav-language:hover:after,
header .nav-right .nav-medium-user:hover:after{opacity: 1;}
header .nav-right .nav-medium-user.active:after{opacity: 1;}

header .nav-right .download-app{margin-right: 0;position: relative;}
header .nav-right .download-app .download-arrow{width: 28px;height: 28px;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: all 0.3s;}
header .nav-right .download-app.active .download-arrow{background:rgba(0, 0, 0, 0.1);}
header .nav-right .download-app .download-img{background: var(--v-white);padding: 20px 20px;width: 240px; border-radius: 12px;box-shadow: -32px 20px 60px 0px rgba(0, 0, 0, 0.25); display: none;position: absolute;right: 15px;top: 38px;z-index: 999;}
header .nav-right .download-app .download-img p{font-size: var(--fs-20);font-weight: 600;color: var(--v-black-light);line-height: 24px;text-align: center;margin: 10px 0 0;}
header .nav-right .download-app.active .download-img{display: block;}

html[lang='ms-MY'] header .nav-right .nav-language:after,
html[lang='zh-hant-TW'] header .nav-right .nav-language:after,
html[lang='zh-hans-MY'] header .nav-right .nav-language:after{width: 72px;}

header .nav-medium-user{position: relative;}
header .nav-medium-user p.nav-live-link{margin-bottom: 0px;font-weight: 600;cursor: pointer;}
header .nav-medium-user p.nav-live-link svg{margin-right: 10px;vertical-align: sub;}

html[lang='ar-AE'] header .nav-medium-user p.nav-live-link svg{margin-left:5px;}

header .nav-medium-user .nav-medium-user-list{display:none;position: absolute;width: 188px;top: 35px;left: -80px;background: var(--v-white);border-radius: 8px;box-shadow: 0px 10px 14px #0000005E;overflow: hidden;z-index: 1;}
header .nav-medium-user .nav-medium-user-list li{display: block !important;margin-right: 0;}
header .nav-medium-user .nav-medium-user-list li a{padding: 15px;}
header .nav-medium-user .nav-medium-user-list li a svg{margin-right: 10px;}
header .nav-medium-user .nav-medium-user-list li:hover a{transform: translate(0px, -3px) !important;}
header .nav-medium-user .nav-medium-user-list li:after{display:none !important;}
.nav-medium-user-button{position: relative;z-index: 1;}

header.header-lp .nav-logo{width: 153px;margin:0;}

.secondary-menu{padding: 17px 0px 13px;background-color: var(--v-grey-light1);}
.secondary-menu .inner{padding-right: 120px;align-items: flex-start;}


.secondary-menu .breadcrumb-nav{max-width: 300px;margin-left: 20px;padding: 2px 0px;}
.secondary-menu.bcn-expand .breadcrumb-nav{max-width: 100%;margin-left: 0px;}
.secondary-menu .breadcrumb-nav .home-breadcrumb img{width: 18px;vertical-align: sub;}
.secondary-menu .breadcrumb-nav .delimiter-icon{margin: 0px 8px;}
.secondary-menu .breadcrumb-nav .delimiter-icon img{width: 6px;vertical-align: revert;}
.secondary-menu .breadcrumb-nav span{font-size: var(--fs-14);display: inline-block;}
.secondary-menu .breadcrumb-nav span .current-item{color: var(--v-black);}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder{font-size: var(--fs-30);font-weight: 500;}

.academy-tab-bar{margin: 10px 0px;}
.academy-tab-bar .flex{flex-wrap: wrap;}
.academy-tab-bar li{flex: 0 0 23%;text-align: center;margin: 10px 1%;}
.academy-tab-bar li a{width: 100%;display: block;}
.academy-tab-bar li a .icon-box{width: 48px;height: 48px;margin: 0 auto;padding-top: 4px;text-align: center;background: transparent linear-gradient(180deg, #034854 0%, #002329 100%) 0% 0% no-repeat padding-box;border-radius: 50%;margin-bottom: 9px;}
.academy-tab-bar li span{display: block;font-size: var(--fs-16);font-weight: 500;color: var(--v-black);}
.academy-tab-bar li.active span{color: var(--v-orange);}

.main.app-main{padding-bottom: 75px;}
.main.app-main .academy-content .breadcrumb-wrapper{display: none;}

.page-tool-bar{position: fixed;right: 0;bottom: 0;z-index: 1000;user-select: none;}
.page-tool-bar.hide-tool-bar{display: none;}
.page-tool-bar-usual{position: relative;}
.page-tool-bar-usual li{width: 90px;height: 70px;display: flex;align-items: center;justify-content: center;background: var(--v-white);box-shadow: 0px 5px 17px #00000029;margin: 3px 0px;cursor: pointer;}
.page-tool-bar-usual li:hover{background: #EFEFEF;}
.page-tool-bar-usual li.live-chat.active{background: var(--v-orange);}
.page-tool-bar-usual li.live-chat.active:hover{background: #d43d14;}
.page-tool-bar-usual li.back-to-top{ opacity:0;pointer-events: none; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.page-tool-bar-usual li.back-to-top.show{opacity:1;pointer-events: auto;}
.page-tool-bar.apac-lp-hide{bottom: 126px;}
.page-tool-bar.apac-lp-hide .live-chat,
.page-tool-bar.apac-lp-hide .media-share{display: none;}

.page-tool-bar-media{position: fixed;right: 0;bottom: 0;height: 100vh;width: 90px;background: #0000003D;backdrop-filter: blur(13px);opacity: 0;transform: translateX(100px);transition: all 0.3s ease 0s;}
.page-tool-bar-media.active{opacity: 1;transform: translateX(0px);}
.page-tool-bar-media ul{text-align: center;position: absolute;bottom: 0;width: 100%;}
.page-tool-bar-media ul li{width: 43px;margin: 0 auto 20px;}
.page-tool-bar-media ul li.page-tool-bar-media-close{height: 43px;background: var(--v-orange);border-radius: 50%;margin-bottom: 32px;position: relative;cursor: pointer;}
.page-tool-bar-media ul li.page-tool-bar-media-close:hover{background: #CC4E24;}
.page-tool-bar-media ul li.page-tool-bar-media-close::after,
.page-tool-bar-media ul li.page-tool-bar-media-close::before{position: absolute;content: '';background-color: var(--v-white);left: 20px;top: 12px;width: 2px;height: 17px;}
.page-tool-bar-media ul li.page-tool-bar-media-close::after{transform: rotate(-45deg);}
.page-tool-bar-media ul li.page-tool-bar-media-close:before{transform: rotate(45deg);}
.page-tool-bar-media ul li a:hover path{fill: var(--v-orange);transition: all 0.2s;}

.header-language-mask-layer{display:none;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 10000;}
.header-language-bar{display:none;position: fixed;height: 100vh;top: 0;right: 0;width: 300px;background: #fff;box-shadow: 0px 3px 6px #00000029;z-index: 10000;}
.language-bar-content-title{display: flex;justify-content: space-between;padding: 20px 20px 20px 35px;align-items: center;}
.language-bar-content-title h5{color: var(--v-black);}
.language-bar-content-title button{width: 43px;height: 43px;background: #818181;border-radius: 50%;text-align: center;line-height: 2.3;color: #fff;border: none;}
.language-bar-content-title button:hover{background: #616161;}
.header-language-bar ul{display: flex;flex-wrap: wrap;height: auto;max-height: calc(100vh - 83px);overflow-y: scroll;}
.header-language-bar ul li{width: 100%;border-bottom: 2px solid var(--v-grey-light4);position: relative;}
.header-language-bar ul li.active{order: -1;}
.header-language-bar ul li.active:after{content:'✔';display: block;width: 21px;height: 21px;background: #147875;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;border-radius: 50%;color: #fff;text-align: center;font-size: 15px;}
.header-language-bar ul li a{display: block;padding: 15px 35px;color: var(--v-black);background: #fff;font-size: 16px;}
.header-language-bar ul li a:hover{background: #ededed;}
.header-language-bar ul li.active a{background: #00C79C;color: var(--v-white);}

.header-mobile .header-language-mask-layer{background: rgba(0,0,0,0.5);}
.header-mobile .header-language-bar{width: 100%;height: calc(100vh - 100px);bottom: 0;top: auto;border-radius: 15px 15px 0px 0px;}
.header-mobile .language-bar-content-title{display: block;position: relative;padding: 20px;}
.header-mobile .language-bar-content-title h5{font-size: 22px;text-align: center;}
.header-mobile .language-bar-content-title button{position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;width: 28px;height: 28px;}
.header-mobile .language-bar-content-title button img{vertical-align: top;}
.header-mobile .header-language-bar ul{max-height: calc(100vh - 116px);}

.vau-loading-wrapper{display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999999;background: var(--v-white);}
#vau-loading-lottie{width: 280px;height: 280px;}

#launcher {transform: translate(1200px, 0px) !important;}

html[lang='ko-KR'] .main-menu .nav-right,
html[lang='zh-hant-TW'] .main-menu .nav-right,
html[lang='zh-hans-MY'] .main-menu .nav-right { width: unset;}

/* html[lang='vi-VN'] .main-menu { text-wrap: nowrap;} */

@media (pointer: fine) {
    #cursor{
        opacity: 1;
    }
}

@keyframes header-initial{
    from{opacity: 0;}
    to{opacity: 1;}
}

@media (max-width:1820px){
    header .nav-right .download-app .download-img{left: -160px;}
}
@media (max-width:1640px){
    header .nav-right li{margin-right: 15px;}
    .secondary-menu .inner{padding-right: 65px;}

    .page-tool-bar-usual li{width: 75px;height: 60px;}
    .page-tool-bar-media{width: 75px;}
}

@media (max-width:1440px){
    #wpadminbar{display: none !important;}

    .main-menu .nav-right { width: unset; display: flex; justify-content: flex-end;}
}
@media (max-width:1400px){
    header .inner{ padding-left: 65px; padding-right: 65px;}
    header .nav-right .download-app .download-img{left: -180px;}


}
@media (max-width:1280px){
    .nav-menu-academy-tab{padding: 20px 0px 20px;}
    .nav-menu-academy-tab .tab-inner.flex{flex-wrap: wrap;justify-content: flex-start;}
    .nav-menu-academy-tab .col-7{flex:0 0 25%;margin-bottom: 20px;}
    .noIpad .inner .down-box-right .promotion-img{max-width: 50%;}
    .noIpad .inner .down-box-right{max-width: 75%;padding-left: 40px;}
    .noIpad .inner .down-box-left{padding-right: 40px;}
}


@media (max-width:1100px){
    .noIpad .inner .down-box-right{flex-direction: column;}
    .noIpad .inner .down-box-right .promotion-img{margin-top: 20px;max-width: 100%;}
}

@media (max-width:1024px){
    header .inner{ padding-left: 40px; padding-right: 40px;}
}
@media (max-width:1200px){
	.page-tool-bar{ opacity:0.7;}
	.page-tool-bar:hover{ opacity:1;}
}
@media (max-width:992px){
    header .nav-logo{ width: 162px;}
    
    header .nav-right li{margin-right: 20px;}
    header .nav-right li.nav-mobile-register,
    header .nav-right li.mobile-menu-button{ display: flex;}
    header .nav-right li.nav-medium-user,
    header .nav-right li.nav-login-link,
    header .nav-right .nav-boundary,
    header .nav-right .nav-language,
    header .nav-right .download-app{ display: none;}
    
    header .nav-right li.mobile-menu-open.active,
    header .nav-right li.mobile-menu-close.active{ display: block;}

    .secondary-menu{display: none;}
    .header-academy .nav-menu .menu-academy-main a{font-size: var(--fs-16);}
    .header-academy .breadcrumb-nav{display: block;text-align: right;}
    .nav-menu-academy-tab{overflow-y: scroll;height: calc(100vh - 144px);}
    .nav-menu-academy-tab ul li.main-item{font-size: var(--fs-16);}
    .nav-menu-academy-tab ul li{font-size: var(--fs-14);}
    .nav-menu-academy-tab .col-7{margin-bottom: 15px;}
    
    .header-language-mask-layer{background: rgba(0,0,0,0.5);}
    .header-language-bar{width: 100%;height: calc(100vh - 100px);bottom: 0;top: auto;border-radius: 15px 15px 0px 0px;}
    .language-bar-content-title{display: block;position: relative;padding: 20px;}
    .language-bar-content-title h5{font-size: 22px;text-align: center;}
    .language-bar-content-title button{position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;width: 28px;height: 28px;}
    .language-bar-content-title button img{vertical-align: top;}
    .header-language-bar ul{max-height: calc(100vh - 116px);}
}

@media (max-width:768px){
    html{margin-top: 0px !important;}
    header .nav-logo{ width: 122px; margin-right: 0;}

    header .inner{ padding-top: 7px; padding-bottom:7px;}
    header .inner .nav-left{justify-content: flex-start;flex-wrap: wrap;}
    header .inner .nav-right .nav-user-function{justify-content: flex-end;}
    
    .nav-menu-academy-tab .col-7{flex: 0 0 33.3%;}

    .page-tool-bar{display: none;}

    .noIpad .inner .down-box-left{padding-right: 20px;}
    .noIpad .inner .down-box-right{padding-left: 20px;}
}
@media (max-width:640px){
}
@media (max-width:510px){
    .nav-menu-academy-tab .col-7{flex: 0 0 50%;}
    
    header .inner{ padding-left: 20px; padding-right: 20px;}
}
@media (max-width:410px){
    .academy-tab-bar li span{font-size: 13px;}
}