.data-add-rate{display: inline-block;font-weight: 500;}
p:has(> .data-add-rate){white-space: nowrap;}


.home-row2-wrapper{ position: relative; background: url(/wp-content/themes/vantage/images/home-row2-bg.webp?v=9) top left no-repeat;background-size:cover;overflow: hidden;}
.home-row2-wrapper .inner{position: relative;}
.home-row2-wrapper .text-box{max-width: 600px;padding: 173px 0px 167px;}
.home-row2-wrapper .text-box h2{margin-bottom: 20px;font-size: var(--hm-fs-60);text-align: left;}
.home-row2-wrapper .text-box>p{font-size: var(--fs-20);line-height: 1.5;color: var(--v-grey);margin-bottom: 30px;}

.home-row2-wrapper ul{display: flex;margin-bottom: 35px;gap: 20px;}
.home-row2-wrapper ul li{font-size: var(--fs-18);text-align: center;color: var(--v-black);font-weight: 500;}
.home-row2-wrapper ul li p{font-size: var(--hm-fs-40);color: var(--v-orange);margin-bottom: 0;direction: ltr;}
.home-row2-wrapper ul li:nth-of-type(1) p{width: 125px;margin: 0 auto;}
.home-row2-wrapper ul li:nth-of-type(3) p{margin: 0 auto ;}
.home-row2-wrapper .image-box{bottom: 0;right:100px;position: absolute;}
.home-row2-wrapper .image-box img:nth-of-type(1){position: absolute; left: -37px; top: 214px; z-index: 3;opacity: 0;}
.home-row2-wrapper .image-box img:nth-of-type(2){position: relative; z-index: 2;opacity: 0;}
.home-row2-wrapper .image-box img:nth-of-type(3){position: absolute; right: -100px; top: -50px; z-index: 1;opacity: 0;}
.swipeLeftImg1{animation: swipeLeftImg1 1s ease 1 0s forwards;}
.swipeLeftImg2{ animation: swipeLeftImg2 1s ease 1 0.2s forwards; -webkit-animation: swipeLeftImg2 1s ease 1 0.2s forwards; }
.swipeLeftImg3{animation: swipeLeftImg3 1s ease 1 0.4s forwards;}

@keyframes swipeLeftImg1 {
    0%{ top:314px; opacity: 0;}
    100%{ top:214px; opacity: 1; }
}
@keyframes swipeLeftImg2 {
    0%{ top:100px; opacity: 0;}
    100%{ top:0; opacity: 1; }
}
@keyframes swipeLeftImg3 {
    0%{ top: 50px; opacity: 0;}
    100%{ top:-50px; opacity: 1; }
}


.home-row3-wrapper{position: relative;background: #ECECEC;}
.home-row3-wrapper .home-row3-box{height: 100vh; padding: 137px 0; background: #ECECEC;overflow: hidden;  box-sizing: border-box; width: 100%; display: flex; align-items: center;position: sticky;top: 0;}
.home-row3-wrapper h2{margin-bottom: 40px;}

.home-row3-wrapper ul{display: flex;flex-wrap: nowrap;gap: 20px;transform: translateX(0);will-change: transform}
.home-row3-wrapper ul li{flex-shrink: 0;width: 320px; height: auto; background-color: var(--v-white);padding: 30px 20px 30px;border-radius: 30px;box-sizing: border-box;}
.home-row3-wrapper ul li .image-box{text-align: center;max-width: 67px;margin: 0 auto 20px;}
.home-row3-wrapper ul li h3{font-size: var(--hm-fs-24);color: var(--v-black);text-align: center;line-height: 1.2;margin-bottom: 15px;font-weight: 500;}
.home-row3-wrapper ul li p{color: var(--v-grey);font-size: var(--fs-18);text-align : center;}
.home-row3-scrollbar{display: none;}


.home-row4-wrapper{padding: 0 0 80px; background: linear-gradient(to bottom, #ECECEC 50%, var(--v-white) 50%);text-align: center;}
.home-row4-wrapper-a{display: flex;margin-bottom: 60px; justify-content: center;}
/*.home-row4-wrapper-a a span{color: #FFD5C2;}
.home-row4-wrapper-a a{min-width: 258px; text-decoration: none; font-size: var(--hm-fs-22); padding: 20px 80px 20px 20px; display: block; background-color: var(--v-orange); border-radius: 60px; color: var(--v-white); font-weight: 500;  position: relative; z-index: 1;overflow: hidden;transition: all .3s; margin:  0 auto;}*/
/*.home-row4-wrapper-a a:before{content: ''; display: block; width: 200%; height: 1000%; background-color: #d43d14; position: absolute; top: 500%; transform-origin: top right; transition: all .4s; z-index: -1; left: -80%; border-radius: 50%; transform: rotate(30deg);}
.home-row4-wrapper-a a:hover:before{ transform: rotate(100deg) translateZ(0px);}
.home-row4-wrapper-a a i{position: absolute; background-color: var(--v-white); right: 15px; top: 50%; width: 52px; height: 52px; transform: translate(0, -50%) translateZ(0px); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;transition: all .3s;}
.home-row4-wrapper-a a i img{width: 60%; transition: all .3s;}
.home-row4-wrapper-a a .trans-left{transition: all .3s;}
.home-row4-wrapper-a a:hover .trans-left{transform: translateX(-5px) translateZ(0px);}
.home-row4-wrapper-a a:hover i{transform: translate(-5px,-50%) translateZ(0px);}
.home-row4-wrapper-a a:hover i img{transform: rotateZ(45deg);}*/

.home-row4-wrapper .vedio-box{max-width: 1400px;margin: 0 auto;position: relative;}
.home-row4-wrapper .vedio-box iframe{width: 100%; height: 100%; display: block;border-radius: 20px;position: absolute; top: 0; left: 0;}
.home-row4-wrapper .vedio-box img{border-radius: 20px;opacity: 0;}



.trade-smarter{ position: relative;}

.trade-smarter .inner{position: sticky; top: 0;height: 100vh; display: flex; align-items: flex-start;overflow: hidden;}
.trade-smarter-bgbox{width: 100%;padding: 80px 0 100px;}
.trade-smarter h2{margin-bottom: 140px;}
.trade-smarter-text{width: 580px;display: flex;height: 503px; overflow: hidden;max-width: 100%;}
.trade-smarter-bar{width: 4px; min-width:4px; background-color: var(--v-grey-light1);position: relative;margin: 0 34px 0 0;}
.trade-smarter-text::after{content: '';position: absolute; top: 0; left: 0; width: 4px; height: 200px; background-image: -webkit-linear-gradient(90deg,#e3733b 50%,#195863 0);transition: all 0.2s;}

.trade-smarter-content{display: flex; gap: 150px;flex-flow: column;position: relative; z-index: 2;will-change: transform}
.trade-smarter-content-item h3{font-size: var(--hm-fs-34); display: flex;gap: 10px;align-items: center;margin-bottom: 10px;}
.trade-smarter-content-item h3 img{ width: 31px; opacity: 0; transition:.4s all ; -webkit-transition:.4s all ; -moz-transition:.4s all ; -ms-transition:.4s all ; -o-transition:.4s all ; }
.trade-smarter-content-item p{font-size: var(--fs-22);}
.trade-smarter-content-item p:last-child{margin-bottom: 0;}

.trade-smarter-content-item.active{color: var(--v-black);}
.trade-smarter-content-item.active h3 img{opacity: 1;}

.trade-smarter-box{position: relative;}
.trade-smarter-canvas{position: absolute;top: -140px; right: 0;}

.trade-smarter-img{display: none;}




.home-row6-wrapper{padding:148px 0 155px;margin:0 auto;text-align:center;background-color: #f1f1f1;position: relative;}
.home-row6-wrapper:after{content:'';display: block;width: 378px;height: 332px;background: url("/wp-content/themes/vantage/images/home-row6-bg-img.webp");background-size: cover;background-repeat: no-repeat;background-position: center top; position: absolute;top: 0;right: 0;}
.home-row6-wrapper .inner{position: relative;z-index: 999;}

.home-row6-wrapper p{font-size: var(--fs-18); margin:0 auto;margin-bottom: 100px;max-width: 625px;line-height: 22px;color: var(--v-black);}
.home-row6-wrapper ul{display: flex;justify-content:center;gap: 20px;}
.home-row6-wrapper ul li{filter:grayscale(100%);transition: all 0.5s;width: calc(25% - 15px);cursor: pointer;}
/* .home-row6-wrapper ul li .image-box{filter: grayscale(100%);opacity: 0.6;transition: all 0.8s;} */
.home-row6-wrapper ul li.m60 { margin-top: 4%;}
.home-row6-wrapper ul li.m60 .image-box { margin-bottom:60px;}
.home-row6-wrapper ul li:hover{filter: none;opacity: 1;transform: translate(0,-5px);}
.home-row6-wrapper ul li:hover .text-box .title-text{color:var(--v-orange);}
.home-row6-wrapper ul li:hover p{opacity:0.7;color: var(--v-orange);}
.home-row6-wrapper .image-box{margin-bottom: 40px;}
.home-row6-wrapper .text-box .title-text{font-size: var(--hm-fs-22);font-weight: 600; margin-bottom: 20px;line-height: 1.2;color: var(--v-black);transition: all 0.5s;}
.home-row6-wrapper .text-box p{font-weight: 500; line-height: 1.2;margin-bottom: 0;color: var(--v-black);transition: all 0.5s;opacity: 0.5;}

.home-row7-wrapper{padding: 70px 0 100px;}

.home-row7-wrapper .inner>p{color: var(--v-black);font-size: var(--fs-18);text-align: center;}
.home-row7-wrapper .home-row7-box{text-align: center;}
.home-row7-wrapper .top-wrap{display: inline-flex;flex-direction: column;gap: 20px;margin: 0 auto 50px;}
.home-row7-wrapper .top-wrap .img1-box{max-width: 63px;}
.home-row7-wrapper .top-wrap .img2-box{max-width: 74px;}
.home-row7-wrapper .top-wrap .img3-box{max-width: 178px;}
.home-row7-wrapper .top-wrap .img4-box{max-width: 310px;margin: 0 auto;}
.home-row7-wrapper .icon-box{display: flex;align-items: center;}
.home-row7-wrapper .icon-box .left-icon:after{content: '';display: block; width: 2px; height: 50px; position: absolute;right: 0;top: 50%;transform: translate(0,-50%);background-color:var(--v-grey);}
.bottom-wrap h2{color: var(--v-black);font-size: var(--hm-fs-34);line-height: 1.2;font-weight: 600;margin: 0 0 20px;}
.home-row7-wrapper .icon-box .left-icon{padding-right: 35px;position: relative;}
.home-row7-wrapper .icon-box .right-icon{padding-left: 35px;}
.home-row7-wrapper .icon-box .left-icon {display: flex;gap: 28px;align-items: center;}
.home-row7-wrapper .vedio-box{max-width: 1400px;margin: 0 auto;}
.home-row7-wrapper .vedio-box video{width: 100%;}
.home-row7-wrapper .bottom-wrap{display: flex;gap: 190px;margin-top: 68px;}
.home-row7-wrapper .left-box ul{display: flex;align-items: center;gap: 30px;min-height: 74px;flex-wrap: wrap;}

.home-row7-wrapper .footer-grade-score-img{position: relative;}
.home-row7-wrapper .footer-grade-score-box{display: inline-flex;align-items: center;}
.home-row7-wrapper .footer-grade-item-score-img-item-active{position: absolute; top: 0; left: 0; overflow: hidden; width: 100%;}
.home-row7-wrapper .footer-grade-item-score-img-item img{max-width: initial;width: 148px;height: 28px;vertical-align: top;}
.home-row7-wrapper .care-box{display: flex;align-items: center;gap: 60px;flex-wrap: wrap;}
.home-row7-wrapper .footer-grade-score-branch{margin-right: 10px;font-size: var(--fs-26);color: #FCCA03;font-weight: 600;}
.home-row7-wrapper .google-score-icon{margin-left: 15px;}
.home-row7-wrapper .care-footer-link-icon{display: flex;gap: 30px;}

.home-row7-wrapper .vedio-box{max-width: 1400px;margin: 0 auto;position: relative;}
.home-row7-wrapper .vedio-box iframe{width: 100%; height: 100%; display: block;border-radius: 20px;position: absolute; top: 0; left: 0;}
.home-row7-wrapper .vedio-box img{border-radius: 20px;opacity: 0;}

.home-row6-scrollbar{display: none;}

html[lang='ar-AE'] .home-row2-wrapper .text-box h2,
html[lang='ar-AE'] .home-row2-wrapper .text-box>p,
html[lang='ar-AE'] .trade-smarter-content-item p{text-align: right;}
html[lang='ar-AE'] .home-row2-wrapper ul{justify-content: flex-end;}
html[lang='ar-AE'] .home-row2-wrapper .home-row2-button{float: right;}
html[lang='ar-AE'] .home-row7-wrapper .footer-grade-item-score-img-item-active{ left:auto; right:0;}

html[lang='zh-hans-MY'] .home-row3-wrapper ul li{width: 330px;}

html[lang='th-TH'] .home-row2-wrapper .text-box h2{max-width: 760px; width: 126%;}
html[lang='th-TH'] .home-row2-wrapper ul li{display: flex;flex-direction: column-reverse;}


@media (max-width:1440px) {
    .home-row3-wrapper .home-row3-box .inner{width: 100%;}
    .home-row2-wrapper .text-box{ padding: 120px 0px;}
    .home-row2-wrapper::after{width: 300px; height: 299px;right: 20px;}
    
    /*.home-row2-wrapper .image-box{right: 100px;}*/
    .home-row2-wrapper .image-box img:nth-of-type(1){left: -10px; top: 208px; width: 155px; height: 155px;}
    .home-row2-wrapper .image-box img:nth-of-type(2){width: 461px; height: 509px;}
    .home-row2-wrapper .image-box img:nth-of-type(3){width: 261px; height: 209px; right: -77px; top: -37px;}

    @keyframes swipeLeftImg1 {
        0%{ top:265px; opacity: 0;}
        100%{ top:208px; opacity: 1; }
    }
    @keyframes swipeLeftImg2 {
        0%{ top:100px; opacity: 0;}
        100%{ top:0; opacity: 1; }
    }
    @keyframes swipeLeftImg3 {
        0%{ top: 63px; opacity: 0;}
        100%{ top:-37px; opacity: 1; }
    }


    .home-row4-wrapper .vedio-box iframe{border-radius: 0px;}
    .home-row4-wrapper .vedio-box img{border-radius: 0px;}


    .trade-smarter h2{margin-bottom: 100px;}
    .trade-smarter-canvas{width: 450px;height: 450px;top: -100px;}
    .trade-smarter-text::after{height: 154px;}


    .home-row7-wrapper .bottom-wrap{gap: 100px;}
    .home-row7-wrapper .vedio-box iframe{border-radius: 0px;}
    .home-row7-wrapper .vedio-box img{border-radius: 0px;}
}

@media (max-width:1240px) {
    .home-row2-wrapper .text-box{ padding: 80px 0px;}
    .home-row2-wrapper .image-box img:nth-of-type(1){left: -10px; top: 150px; width: 114px; height: 114px;}
    .home-row2-wrapper .image-box img:nth-of-type(2){width: 336px; height: 371px;}
    .home-row2-wrapper .image-box img:nth-of-type(3){width: 190px; height: 160px; right: -57px; top: -27px;}

    @keyframes swipeLeftImg1 {
        0%{ top:200px; opacity: 0;}
        100%{ top:150; opacity: 1; }
    }
    @keyframes swipeLeftImg2 {
        0%{ top:50px; opacity: 0;}
        100%{ top:0; opacity: 1; }
    }
    @keyframes swipeLeftImg3 {
        0%{ top: 20px; opacity: 0;}
        100%{ top:-27px; opacity: 1; }
    }


    .trade-smarter-canvas{right: -30px;}


    .home-row7-wrapper .care-box{gap: 25px;}
    .home-row7-wrapper .care-footer-link-icon{gap: 20px;}
}

@media (max-width:1024px) {
    .home-row2-wrapper .image-box{display: none;}

    .home-row3-wrapper{height: auto !important;}
    .home-row3-wrapper .home-row3-box{padding:80px 0;}
    .home-row3-slider-content{margin: 0 0 30px;}
    .home-row3-wrapper .home-row3-box{height: auto;}
    .home-row3-wrapper ul{gap: 0;flex-wrap: wrap;}
    .home-row3-wrapper ul li p{display: none;}
    .home-row3-scrollbar{display: block;height: 3px;width: 50%;margin: 0 auto;background: #d5d5d5;}
    .home-row3-wrapper ul li h3{height: auto!important; margin: 0;}

    .home-row4-wrapper{padding: 80px 0px 0px;background: var(--v-white);}
    .home-row4-wrapper-a{margin: 0 0 40px;}


    .trade-smarter-canvas{display: none;}
    .trade-smarter-bar{display: none;}
    .trade-smarter-content-item h3 img{display: none;}
    .trade-smarter-img{display: block; text-align: center; margin: 0 0 10px;}
    .trade-smarter{height: auto !important;}
    .trade-smarter .inner{height: auto;}
    .trade-smarter-text{width: 100%;height: auto !important;}
    .trade-smarter-content{flex-flow: row;gap: 40px;flex-wrap: wrap;}
    .trade-smarter h2{margin: 0 0 30px;}
    .trade-smarter-bgbox{padding:80px 0;}
    .trade-smarter-content-item{color: var(--v-black);flex: 0 1 calc(50% - 20px);}
    .trade-smarter-content-item h3{justify-content: center;text-align: center;}
    .trade-smarter-content-item p { text-align: center; }


    .home-row6-wrapper{padding: 105px 0 95px;}
    .home-row6-wrapper:after{width: 249px;height: 219px;}
    .home-row6-slider-content{overflow: hidden;margin: 0 0 30px;}
    .home-row6-wrapper ul{flex-wrap: nowrap;gap: 0px;justify-content: flex-start;}
    
    .home-row6-wrapper ul li{padding:0 10px;flex-shrink: 0; filter: grayscale(0%); width: 50%;}
    .home-row6-wrapper ul li:hover{transform: translate(0,0);}
    .home-row6-wrapper ul li:hover .text-box .title-text{color:var(--v-black);}
    .home-row6-wrapper ul li:hover p{opacity:0.7;color: var(--v-black);}
    .home-row6-wrapper .image-box{margin-bottom: 20px;}
    .home-row6-wrapper p{margin-bottom: 60px;}

    .home-row6-scrollbar{display: block;height: 3px;width: 50%;margin: 0 auto;background: #d5d5d5;}
}
@media (max-width:768px) {

    .home-row2-wrapper::after{display: none;}
    .home-row2-wrapper .text-box>p{margin-bottom: 20px;}
    .home-row2-wrapper ul{margin-bottom: 20px;justify-content: center;}
    .home-row2-wrapper ul li p{margin-bottom: 0;}
    .home-row2-wrapper ul li:nth-of-type(1) p{width: 100px;}
    .home-row2-wrapper ul li:nth-of-type(3) p{width: 110px;}
    .home-row2-button{text-align: center;}
    .home-row2-wrapper .text-box{width: 100%; max-width: 100%;}


    .home-row4-wrapper h2{margin-bottom: 20px;}
    .home-row4-wrapper-a{margin-bottom: 30px;}
    /*.home-row4-wrapper a{padding: 15px 66px 15px 20px;}
    .home-row4-wrapper a i{width: 40px; height: 40px;}*/


    .home-row6-wrapper{padding: 80px 0;}
    .home-row6-wrapper:after{display: none;}
    .home-row6-wrapper p{margin-bottom: 35px;}
    .home-row6-wrapper .image-box{max-width: 130px;margin: 0 auto 20px;}
    .home-row6-wrapper img{width: 100%;}
    .home-row6-wrapper .text-box p{opacity: 0.7;}
    .home-row6-wrapper ul li.m60 .image-box { max-width: 185px; margin-bottom: 20px;}
    

    .home-row7-wrapper{padding: 80px 0;background: var(--v-grey-light3);}
    .home-row7-wrapper .icon-box .left-icon {gap: 10px;}
    .home-row7-wrapper .icon-box .left-icon{padding-right: 20px;}
    .home-row7-wrapper .top-wrap .img3-box{display: flex;}
    .home-row7-wrapper .bottom-wrap{margin-top: 24px;}
    .home-row7-wrapper .left-box ul{gap: 5px;}
    .home-row7-wrapper .icon-box .right-icon{padding-left: 20px;}
    .home-row7-wrapper .icon-box .left-icon:after{height: 40px;}
    .home-row7-wrapper .bottom-wrap{flex-direction: column;gap: 20px;}
    .home-row7-wrapper .footer-grade-item-score-img-item img{width: 100px;height: 20px;}
    .home-row7-wrapper .care-footer-link-icon{gap: 25px;}
    .home-row7-wrapper .google-score-icon{max-width: 24px;}
    .home-row7-wrapper .care-footer-link-icon a{max-width: 57px;}

    .home-row7-wrapper .left-box ul img{transform: scale(0.8);}
    html[lang='th-TH'] .home-row2-wrapper .text-box h2{max-width: 100%; width: 100%;}
    html[lang='th-TH'] .home-row2-wrapper .pc-br,html[lang='th-TH'] .home-row6-wrapper .pc-br{display: none;}
}
@media (max-width:540px){
    html[lang='th-TH'] .home-row3-wrapper .pc-br{display: none;}
}
@media (max-width:510px) {
    .home-row2-wrapper .text-box{padding:30px 0;}
    .home-row2-wrapper ul li:nth-of-type(1) p{width: 70px;}
    .home-row2-wrapper ul li:nth-of-type(3) p{width: 70px;}


    .home-row3-wrapper h2{margin-bottom: 20px;}
    .home-row3-wrapper ul li{padding:20px 10px;border-radius: 18px;box-shadow: 0px 17px 18px #00000029;}
    .home-row3-wrapper ul li .image-box{margin: 0 auto 15px;}
    .home-row3-wrapper ul li .image-box img{width: 55px;}
    .home-row3-wrapper .home-row3-box{padding:30px 0;}


    .home-row4-wrapper{padding: 30px 0px 0px;}
    .home-row4-wrapper-a{margin: 0 0 20px;}


    .trade-smarter-bgbox{padding:30px 0;}
    .trade-smarter-content{gap: 20px;}
    .trade-smarter-content-item{flex: 0 1 calc(50% - 10px);}
    .trade-smarter-content-item p{font-size: 13px;}


    .home-row6-wrapper{padding: 30px 0;}
    .home-row7-wrapper{padding: 30px 0;}
    .home-row7-wrapper h2{margin: 0 0 10px;}
    .home-row6-wrapper h2{margin: 0 0 10px;}
    .home-row6-wrapper p{margin-bottom: 20px;}
    .home-row6-wrapper .text-box .title-text{margin: 0 0 10px;}
    .home-row6-wrapper ul li.m60 .image-box { margin-bottom:30px;}

    .home-row6-wrapper .text-box p br{display: none;}

    .home-row7-wrapper .top-wrap{margin: 0 0 20px;}

    .home-row7-wrapper .top-wrap{max-width: 280px;}
    .home-row7-wrapper .icon-box{padding:0 40px;}
    .bottom-wrap h2{margin: 0 0 10px;}
    .home-row7-wrapper .icon-box .left-icon:after{width: 0.5px; height: 18px;}
}

@media (max-height:680px){
    .trade-smarter{padding-bottom: 150px;}
    .trade-smarter .inner{overflow: visible;}
}