section.home-banner {background-color: var(--v-white);}
section.home-row7-wrapper,
section.trade-smarter,
section.market_transaction{position: relative;background-color: var(--v-white);}
section.home-row4-wrapper{position: relative;}
footer{position: relative;}
.home-banner .banner{height: auto;position: relative;overflow: hidden;z-index: 0;}
.home-banner .banner .video-box video{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100vw;height: 100vh;object-fit: cover;width: 100%;}
.home-banner .banner .video-box img{height: auto;width: auto;opacity: 0;}
.home-banner .banner .home-banner-top{height: 100vh;}
.home-banner .banner .home-banner-top .inner{width: 100%;max-width: 1790px;padding-left: 100px;padding-right: 100px;position: relative;z-index: 9;}
.home-banner .banner .home-banner-top .video-box{background-size:cover;height: 100%;width: 100%;position: fixed;}
.home-banner .banner .home-banner-top .text-box {height: 100vh;display: flex;align-items: center; width: 48%;}
.home-banner .banner .home-banner-top .text-box .text-box-inner{transform: translateY(-50px);}
.home-banner .banner .home-banner-top .text-box h1,
.home-banner .banner .home-banner-top .text-box h2 {font-size: var(--hm-fs-74);color: var(--v-black);line-height: 1.12;margin: 0;}
.home-banner .banner .home-banner-top .text-box h1 span,
.home-banner .banner .home-banner-top .text-box h2 span{color: var(--v-orange);}
.home-banner .banner .home-banner-top .text-box p{font-size:var(--hm-fs-24);color: var(--v-black);line-height: var(--fs-32);margin-top: 25px;margin-bottom: 25px;font-weight: 400;}
.hasChange {transform-style: preserve-3d;transform-origin: center top;will-change: transform;opacity: 0;}
.isChange {animation-name: change;animation-duration: .8s;animation-iteration-count: 1;}
html[lang='ar-AE'] .home-banner .banner .home-banner-top .text-box h1,
html[lang='ar-AE'] .home-banner .banner .home-banner-top .text-box h2,
html[lang='ar-AE'] .home-banner .banner .home-banner-top .text-box p {text-align: right;}
html[lang='ar-AE'] .home-banner .banner .home-banner-top .text-box .orange-button{float: right;}
@keyframes change {
0% {
transform: translate3d(0px, 80%, 0px) rotateX(-20deg);
opacity: 0;
}
100% {
transform: translate3d(0px, 0%, 0px) rotateX(0deg);
opacity: 1;
}
}
.home-banner .banner .home-banner-bottom {position: relative;padding-bottom: 100px;padding-left: 100px;padding-right: 100px;z-index: 9;}
.home-banner .banner .home-banner-bottom .swiper-inner {margin: 0 auto;position: relative;width: 100%;max-width: 1590px;border-radius: 25px;background-color: var(--v-white);height: 528px;box-shadow: 0px 10px 20px #00000029;box-sizing: border-box;padding: 80px 130px;}
.home-banner .banner .home-banner-bottom .swiper-inner .mySwiper{z-index: 10;}
.home-banner .banner .home-banner-bottom .swiper-inner .sinner-left {width: 55%;position: relative;overflow: hidden;}
.home-banner .banner .home-banner-bottom .swiper-inner #textBox {width: 100%;min-height: 370px;height: auto;display: flex;flex-direction: column;padding-top: 30px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide {overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2{font-size: var(--hm-fs-46);margin: 0;color: var(--v-black);line-height: 1.18;margin-top: 5px;/* white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden; */}
html[lang='de-DE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2{font-size: var(--hm-fs-40);}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide p {font-size: var(--hm-fs-22);margin-top: 24px;margin-bottom: 24px;color: var(--v-black);/* display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; */}
html[lang='zh-hant-TW'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide p {font-weight: 500;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide a {z-index: 80;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide .sinner-right {max-width: 540px;width: 540px;position: relative;cursor: pointer;border-radius: 25px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide #imgBox {z-index: 99;width: 100%;height: auto;display: flex;overflow: hidden;border-radius: 25px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide #imgBox .rightimg{width: 100%;min-width: 100%;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide #imgBox .sinner-right-link{opacity: 0;transition-property:transform , opacity;transition-duration: .1s, 2s;}
.home-banner .banner .bottom-box {width: 100%;height: 0px;box-shadow: 0px 0px 350px 320px var(--v-white);position: absolute;bottom: 0;left: 0;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{position: absolute;top: 85px;left: 128px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-pagination{position: relative;bottom: 0px;width: 80px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-pagination span{color: #e35728;opacity: .5;z-index: 9;line-height: 1;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-pagination span.nowList{font-size: 30px;opacity: 1;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-group{display: none;justify-content: space-around;align-items: center;margin-left: 30px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts,.cahngeBox .swiper-button-prevs{position: relative !important;width: 30px !important;height: 30px !important;display: flex !important;justify-content: space-around;align-items: center;outline: none;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts{margin-left: 25px;right: unset;cursor: pointer !important;transform: translateX(0px);}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-prevs{left: unset;cursor: pointer !important;transform: translateX(0px)}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts::after{content: 'next';}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-prevs::after{content: 'prev';}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts::after,.cahngeBox .swiper-button-prevs::after{color: #000;opacity: .7;font-size: 12px;font-weight: bold;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts::before,.cahngeBox .swiper-button-prevs::before{content: '';background-color: none;display: block;width: 10px;height: 10px;transition: all .15s linear;position: absolute;border-radius: 50%;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts:hover::before,.cahngeBox .swiper-button-prevs:hover::before{background-color: var(--v-grey-light4);width: 50px;height: 50px;opacity: .6;}
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-left,
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-right{position: absolute;top: 0px;z-index: 9;height: 100%;width: 100%;}
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-left{left: 0px;transform: translateX(-50%);}
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-right{right: 0px;transform: translateX(50%);}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-left,
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-right{position: absolute;top: 50%;width: 60px;height: 60px;}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-left{left: 0px;transform: translate(-40%, -50%);background:url(/wp-content/themes/vantage/images/swiper-arrow-prev.webp?v=123) center no-repeat;background-size: contain;}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-right{right: 0px;transform: translate(40%, -50%);background:url(/wp-content/themes/vantage/images/swiper-arrow-next.webp?v=123) center no-repeat;background-size: contain;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc{display: flex;justify-content: space-around;align-items: center;width: 126px;position: absolute;bottom: 70px;z-index: 999;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-nexts,
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-prevs{position: relative;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-nexts::after{content: 'next';}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-prevs::after{content: 'prev';}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-nexts::after,.swiper-button-group-pc .swiper-button-prevs::after{color: #000;opacity: .7;font-size: 12px;font-weight: bold;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-nexts::before,.swiper-button-group-pc .swiper-button-prevs::before{content: '';background-color: none;display: block;width: 10px;height: 10px;transition: all .15s linear;position: absolute;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc .swiper-button-nexts:hover::before,.swiper-button-group-pc .swiper-button-prevs:hover::before{background-color: var(--v-grey-light4);width: 50px;height: 50px;opacity: .6;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox.has-label-down{top: 125px;}
/*banner label*/
.home-banner .banner .home-banner-bottom .swiper-inner #banner-label{width: fit-content; padding-bottom: 16px;}
.home-banner .banner .home-banner-bottom .swiper-inner #banner-label p{margin: 0; font-size: var(--fs-16); line-height: 1.5; color: var(--v-green-darker); font-weight: 500; padding: 4px 16px; border-radius: 50px; background: #0348541A;}
.home-banner .banner .home-banner-bottom .swiper-inner #banner-label p span{display: inline-block; margin-right: 4px; opacity: .5;}
.arrow-cursor{pointer-events:none;position: fixed;z-index: 99;transform: scale(1);top: 0;left: 0;opacity: 1;width: 100px;height: 100px;border-radius: 50px;background-color: rgba(0, 0, 0, .5);display: flex;justify-content: space-around;align-items: center;transition: transform .5s cubic-bezier(0, 0.02, 0, 1),opacity 2s;}
.home-banner .banner .home-banner-bottom .swiper-inner #textBox .pc-switch-arrow-left{transform: translateX(0%);}
.home-banner .banner .home-banner-bottom .swiper-inner #imgBox .pc-switch-arrow-right{transform: translateX(0%);z-index: 999;}
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner #textBox{align-items: end;}
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide p{text-align: right;}
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc{transform: translateX(-20%);}
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc,
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{left: 48%;}
html[lang='vi-VN'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2{font-size: var(--hm-fs-34);}
html[lang='es-ES'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='sv-SE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='et-EE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='fr-FR'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='kk-KZ'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='ru-RU'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='mn-MN'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='it-IT'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2,
html[lang='ms-MY'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2{font-size: var(--hm-fs-40);}
@media (max-width:1660px){
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide .sinner-right{width: 480px;}
}
@media (max-width:1640px){
.home-banner .banner .home-banner-bottom .swiper-inner #textBox{padding-right: 10px;}
}
@media (max-width:1440px) {
.home-banner .banner .home-banner-top{height: auto;position: relative;}
.home-banner .banner .home-banner-top .video-box{position: relative !important;}
.home-banner .banner .home-banner-top .video-box video{position: absolute !important;height: auto;transform:translate(0px,0px);left: 0;top: 0;}
.home-banner .banner .home-banner-top .inner{padding: 0px 100px;height: auto;position: absolute;top: 50%;transform: translateY(-50%);}
.home-banner .banner .home-banner-top .text-box{ height: auto; width: 45%;}
.home-banner .banner .home-banner-top .text-box .text-box-inner{transform: translateY(0px);}
.home-banner .banner .home-banner-bottom{padding-bottom: 30px;padding-top: 40px;margin-top: -10px;background-color: var(--v-white);padding-left: 100px;padding-right: 100px;}
.home-banner .banner .home-banner-bottom .swiper-inner .mySwiper .swiper-wrapper{align-items: center;}
.home-banner .banner .home-banner-bottom .swiper-inner{padding: 40px 65px;height: auto;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc{bottom: 45px;}
.home-banner .banner .home-banner-bottom .swiper-inner .sinner-left{width: 60%;padding-right: 20px;}
.home-banner .banner .home-banner-bottom .swiper-inner .sinner-right{width: auto;}
.home-banner .banner .home-banner-bottom .swiper-inner #textBox{padding-top: 30px;min-height: 320px;padding-right: 0px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2{margin-top: 5px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide p{margin-top: 15px;margin-bottom: 15px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{top: 40px;left: 65px;}
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-left{left: 0px;transform: translateX(-40%);}
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-right{right: 0px;transform: translateX(40%);}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox.has-label-down{top: 80px;}
}
@media (max-width:1240px) {
.home-banner .banner .home-banner-top .inner{padding: 0px 65px;}
.home-banner .banner .home-banner-bottom{padding-left: 65px;padding-right: 65px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc{position: relative;margin-top: 20px;bottom: unset;}
.home-banner .banner .home-banner-top .text-box br{display: none;}
html[lang='zh-hant-TW'] .home-banner .banner .home-banner-top .text-box br{display: block;}
}
@media (max-width:1024px) {
.home-banner .banner .home-banner-top .inner{padding: 0px 40px;}
.home-banner .banner .home-banner-bottom{padding-left: 40px;padding-right: 40px;}
.home-banner .banner .home-banner-bottom .swiper-inner{padding: 45px 50px;}
.home-banner .banner .home-banner-bottom .swiper-inner .sinner-left{width: 80%;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide .sinner-right{overflow: hidden;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{top: 45px;left: 50px;}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-left{left: 0px;transform: translate(-35%, -50%);}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-right{right: 0px;transform: translate(35%, -50%);}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox.has-label-down{top: 85px;}
}
@media (max-width:768px) {
.home-banner .banner .home-banner-bottom .swiper-inner{padding: 30px 40px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{top: 30px;left: 40px;}
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-left,
.home-banner .banner .home-banner-bottom .swiper-inner .pc-switch-arrow-right{display: none;}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-left,
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-right{width: 50px;height: 50px;}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-left{left: 0px;transform: translate(-64%, -50%);}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-right{right: 0px;transform: translate(64%, -50%);}
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc,
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{left: 38%;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox.has-label-down{top: 70px;}
}
@media (max-width:680px) {
.home-banner .banner .home-banner-bottom .swiper-inner{padding: 30px 20px;}
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-left,
.home-banner .banner .home-banner-bottom .swiper-inner .mobile-switch-arrow-right{display: none;}
.home-banner .banner .home-banner-top{position: relative;}
.home-banner .banner .home-banner-top .video-box{position: relative;height: auto;}
.home-banner .banner .video-box video{position: relative;height: 100%;top: 0px;left: 0px;transform: translate(0px,0px);}
.home-banner .banner .home-banner-top .inner{padding: 0px;position: relative;top: 0px;transform: translateY(0px);}
.home-banner .banner .home-banner-top .text-box{background-color: #fff;height: auto;padding: 20px 20px 50px 20px;box-sizing: inherit;width: 100%; margin-top: -65px;}
.home-banner .banner .home-banner-top .text-box .text-box-inner{transform: translateY(0px);}
.home-banner .banner .home-banner-top .text-box p{margin-top: 10px;margin-bottom: 15px;}
html[lang='th-TH'] .home-banner .banner .home-banner-top .text-box p {max-width: 90%;}
.home-banner .banner .home-banner-bottom{padding-left: 0px;padding-right: 0px;padding-bottom: 30px;padding-top: 0px;}
.home-banner .banner .home-banner-bottom .swiper-inner{border-radius: 0px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide{flex-direction: column-reverse;min-height: auto;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{bottom: 30px;right: 30px;top: unset;left: unset;display: flex;z-index: 99;}
.home-banner .banner .home-banner-bottom .swiper-inner #textBox{min-height: auto;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-button-group-pc{display: none;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-group{display: flex;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide .sinner-right{width: 100%;}
.home-banner .banner .home-banner-bottom .swiper-inner .sinner-left{width: 100%;}
/* .home-banner .banner .home-banner-bottom .swiper-inner .sinner-left a{font-size: 14px;padding: 14px 14px;} */
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{right: unset;left: 30px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox.has-label-down{top: unset;}
.home-banner .banner .home-banner-bottom .swiper-inner #banner-label{padding: 16px 0 0;}
}
@media (max-width:510px) {
.home-banner .banner .home-banner-top .text-box{padding: 20px 20px 40px 20px;}
.home-banner .banner .home-banner-top .text-box{transform: translateY(-10px);}
.home-banner .banner .home-banner-bottom .swiper-inner #textBox{padding-top: 20px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide h2{margin-top: 0px;}
.home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide p{margin-top: 5px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{right: 15px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-pagination{width: 56px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-pagination span.nowList{font-size: 22px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-group{margin-left: 10px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts{margin-left: 10px;}
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts:hover::before,
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-prevs:hover::before{width: 30px;height: 30px;}
html[lang='ar-AE'] .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{left: 20px;}
html[lang='id-ID'] .home-banner .banner .home-banner-top .text-box p {max-width: 90%;}
}
@media (max-width:340px) {
.home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox{right: 5px;}
}