/* vantage-app-row1 */
.vantage-app-row1-wrapper{padding-top:100px;}
.vantage-app-row1-wrapper .inner{max-width:1400px;padding:0;position: relative;}
.vantage-app-row1{background: url(/wp-content/themes/vantage/images/plat-vantageapp-row1-bg.webp?v=2023091801) top right no-repeat;border-radius: 20px;color: var(--v-white);padding-top: 50px;padding-left: 68px;padding-bottom:70px;position: relative;z-index: 7;}
.vantage-app-row1 .text-box{max-width:400px;}
.vantage-app-row1 .text-box h1{margin-bottom:11px;font-weight: 600;}
.vantage-app-row1-wrapper .mobile-text-box p.title{font-size: var(--fs-50);}
.vantage-app-row1 .text-box p{margin-bottom:0px;}
.vantage-app-row1 .img-box{position: absolute;right: 15px;bottom: 0;width: 40%;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom{display: flex;justify-content: center;text-align: center;background-color: rgba(255,255,255,0.6);box-shadow: 0px 33px 22px #33334344;align-items: flex-start;max-width: 935px;margin: 0 auto;border-radius: 20px;padding: 32px 20px;margin-top: -40px;position: relative;z-index: 9;backdrop-filter: blur(18px);-webkit-backdrop-filter:blur(18px);}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item{position: relative;color: var(--v-black);display: flex;width:33%;align-items: inherit;padding:0 20px;justify-content: space-around;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item:nth-child(2)::before{content:"";display:block;width: 1px;height: 56px;color: #000;opacity: 0.2;position: absolute;top:45px;left: 0px;transform: translate(0,-35%);background-color: var(--v-grey);}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item:nth-child(2)::after{content:"";display:block;width: 1px;height: 56px;color: #000;opacity: 0.2;position: absolute;top:45px;right: 0px;transform: translate(0,-35%);background-color: var(--v-grey);}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item:last-child::after{display: none;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item .text-box{}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item span{font-weight: 600;font-size: 42px;margin-bottom: 5px;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item p{margin-bottom:0px;line-height: 1.12;}
html[lang='ar-AE'] .vantage-app-row5-starttrading h3,
html[lang='ar-AE'] .vantage-app-row5-starttrading p,
html[lang='ar-AE'] .row4-banner-bottom ul li .step-title p,
html[lang='ar-AE'] .row4-banner-bottom ul li .step-message p,
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .right{text-align: right;}
/* vantage-app-row2 */
.vantage-app-row2{text-align: center;padding: 35px 0 68px;}
.vantage-app-row2 .img-box-top{margin-bottom:32px;cursor: pointer;display: flex;justify-content: center;gap:16px;}
.vantage-app-row1-wrapper .mobile-text-box{display: none;}
.vantage-app-row2 .text-box{margin: 0 auto;max-width:900px;color: var(--v-black);}
.vantage-app-row2 .text-box h2{font-size:var(--fs-38);font-weight:600;line-height: 1.25;margin-bottom:30px;}
.vantage-app-row2 .text-box h2 span{color: var(--v-orange);}
.vantage-app-row2 .text-box p{font-size:var(--fs-18);font-weight:400;line-height: 1.75;margin-bottom: 22px;}
.vantage-app-row2 .img-box-bottom{margin:0 auto;max-width: 1165px;width:100%;background: var(--v-grey-dark);position: relative;}
.vantage-app-row2 .img-box-bottom img{width: 100%;height:auto;opacity: 0;display: block;}
.vantage-app-row2 .img-box-bottom .rll-youtube-player iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
/* .vantage-app-row2 .img-box-bottom .rll-youtube-player .play{background: url(/wp-content/themes/vantage/images/home-row4-icon1.svg?v=3) no-repeat center;} */
/* vantae-app-row3 */
.vantage-app-row3{padding: 80px 0 90px;position: relative;}
/* .vantage-app-row3:hover:after{content:'';position: absolute;top:0;bottom:0;left:0;right:0;transition: all 0.5s;background: #EEF0F3;transform-origin: left;animation: LeftToRight 0.8s 1;z-index: -1;} */
.vantage-app-row3.anmation-slow:after{content:'';position: absolute;top:0;bottom:0;left:0;right:0;transition: all 0.5s;background: #EEF0F3;transform-origin: left;animation: LeftToRight 0.8s 1;z-index: -1;animation-fill-mode:forwards;}
.vantage-app-row3 .userguide-content-inner .top-text{text-align: center;margin-bottom: 52px;}
.vantage-app-row3 .userguide-content-inner .top-text h2{color:var(--v-black-light);font-size: var(--fs-56);font-weight:600;margin-bottom: 32px;}
.vantage-app-row3 .userguide-content-inner .top-text h2 span{color: var(--v-orange);}
.vantage-app-row3 .userguide-content-inner .userguide-row{position: relative;overflow: hidden;display: flex;justify-content: flex-end;}
.vantage-app-row3 .userguide-content-inner .top-text .img-box-top{display: flex;justify-content: center;align-items: center;gap: 13px;}
.vantage-app-row3 .userguide-content-inner .img-and-text{display: flex;align-items: center;justify-content: center;;position: relative;padding-left: 21%;}
.vantage-app-row3 .userguide-content-inner li:nth-child(2) .img-and-text{padding-left: 10%;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right{max-width: 400px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right .h3{color: var(--v-grey);font-size: var(--fs-60);font-weight: 400;opacity: 0.3; margin-bottom: 0px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p.title{color: var(--v-black-light);font-size: var(--fs-38);font-weight: 600;margin-bottom:16px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p.title span{color: var(--v-orange);}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p.title span.span-br{display: block;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p{color: var(--v-black);font-size: var(--fs-16);font-weight: 400;margin-bottom:40px;}
.vantage-app-row3 .userguide-content-inner .userguide-swiper{position: relative; flex: 1;
max-width: 1170px;}
.vantage-app-row3 .userguide-content-inner .userguide-swiper .swiper-button-prey{display: none;}
/* userguide-swiper */
.vantage-app-row3 .userguide-content-inner .swiper-wrapper{height: 760px;}
.vantage-app-row3 .userguide-content-inner .swiper-wrapper li:nth-child(4){padding-top: 60px;}
.vantage-app-row3 .userguide-content-inner .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{top:40%;left:20px;}
.vantage-app-row3 .userguide-content-inner .userguide-pagination{display: flex;flex-direction: column;width: 36px;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet{display: flex;align-items: center;position: relative; cursor: pointer;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p{background-color:var(--v-grey) ;background-color: var(--v-pink-light);font-size: var(--fs-20);font-weight:500;color: var(--v-white);width: 36px;height: 36px;border-radius: 20px;margin-bottom:52px;position: relative;display: flex;justify-content: center;align-items: center;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet h3{font-size: var(--fs-16);font-weight:400;color: var(--v-black);width: 155px;position: absolute;left: 56px;top: 10%;text-align: left;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active p{background-color:var(--v-grey) ;background-color: var(--v-pink-light);position: relative;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active ~ .userguide-bullet p{background-color: var(--v-grey);}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p:before{content: "";display: block;position: absolute;top: -11px;left: -12px;width: 60px;height: 60px;background-color: var(--v-pink-light);box-shadow: 0px 0px 22px var(--v-pink-light);opacity: 0.2;border-radius: 50%;transform: scale(0); }
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active.bgActive p:before{transform: scale(1);transition: all 0.5s ease;z-index: -1;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p:after{content: '';display: block;width: 2px;height: 0px;height: 52px;position: absolute;top: -52px;left: 48%;background: #f38700;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet:first-child p:after{display: none !important;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active:first-child p:after{display: none !important;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active p:after{content: '';display: block;width: 2px;height: 0px;height: 52px;position: absolute;top: -52px;left: 48%;background: #f38700;transition: all 0.3s;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active ~ .userguide-bullet p:after{content: '';display: block;width: 2px;height: 30px;height: 0px;position: absolute;top: -30px;left: 50%;background: #f38700;transition: all 0.3s;}
/* .vantage-app-row3 .userguide-content-inner .userguide-bullet{background-color:var(--v-grey) ;background-color: var(--v-pink-light);font-size: var(--fs-20);font-weight:500;color: var(--v-white);width: 36px;height: 36px;border-radius: 20px;margin-bottom:52px;position: relative;display: flex;justify-content: center;align-items: center;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet span{font-size: var(--fs-16);font-weight:400;color: var(--v-black);width: 155px;position: absolute;left: 56px;top: 10%;text-align: left;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active{background-color:var(--v-grey) ;background-color: var(--v-pink-light);position: relative;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active ~ .userguide-bullet{background-color: var(--v-grey);}
.vantage-app-row3 .userguide-content-inner .userguide-bullet:before{content: "";display: block;position: absolute;top: -11px;left: -12px;width: 60px;height: 60px;background-color: var(--v-pink-light);box-shadow: 0px 0px 22px var(--v-pink-light);opacity: 0.2;border-radius: 50%;transform: scale(0); }
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active.bgActive:before{transform: scale(1);transition: all 0.5s ease;z-index: -1;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet:after{content: '';display: block;width: 2px;height: 0px;height: 52px;position: absolute;top: -52px;left: 48%;background: #f38700;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet:first-child:after{display: none !important;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active:first-child:after{display: none !important;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active:after{content: '';display: block;width: 2px;height: 0px;height: 52px;position: absolute;top: -52px;left: 48%;background: #f38700;transition: all 0.3s;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active ~ .userguide-bullet:after{content: '';display: block;width: 2px;height: 30px;height: 0px;position: absolute;top: -30px;left: 50%;background: #f38700;transition: all 0.3s;} */
.vantage-app-row3 .userguide-content-inner .line-active::after{content: '';display: block;width: 2px;height: 0;height: 30px;position: absolute;top: -30px;left: 50%;background: #f38700;transition: all 0.5s;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box{width: 54%;text-align: center;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{/*width: 55%;*/filter: drop-shadow(-36px 50px 40px rgba(32,36,46,.4));border-radius: 10%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .right{width: 46%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text{gap:0px;padding-left: 12%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .img-box{width: 54%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .right{width: 46%;margin-bottom:50px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text{gap: 120px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box{display: flex;justify-content: space-around;gap: 27px;position: relative;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{content: 'Tap Here';display: inline-block;width: 82px;height: 35px;font-size:var(--fs-16);font-weight:400;position: absolute;bottom: 125px;left: 115px;background: var(--v-orange);border-radius: 8px;color: var(--v-white);display: flex;justify-content: center;align-items: center;z-index: 10;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{content: 'Tap Here';display: inline-block;width: 82px;height: 35px;font-size:var(--fs-16);font-weight:400;position: absolute;bottom: 160px;right: -100px;background: var(--v-orange);border-radius: 8px;color: var(--v-white);display: flex;justify-content: center;align-items: center;z-index: 10;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box .item2-img2{position: relative;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box .item2-img2:after{}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .right{padding-left: 120px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item3 .img-and-text{gap:140px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-and-text{gap:150px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box{position: relative;padding-right: 110px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img1{width: 75%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{position: absolute;top: -55px;right: -60px;width: 58%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-and-text{padding-left: 8%;padding-left: 13%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-and-text .img-box{display: flex;gap: 27px;justify-content: center;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .right{padding-left: 135px;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .userguide-swiper{max-width: 1130px;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide .right{padding-left: 0 !important;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide .img-and-text{padding-left:0; padding-right: 8%;}
html[lang='en-IN'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text,
html[lang='en-PH'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text{gap: 0;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .userguide-row{ justify-content: flex-start;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-pagination-vertical.swiper-pagination-bullets{ right: 20px; left: unset;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .userguide-bullet h3{ right: 56px; left: unset; text-align: right;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide .right{text-align: right; padding-left: 100px;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box img{width: calc(50% - 5px);}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box{ justify-content: end; gap: 10px;width: 54%;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-box img{width: calc(50% - 5px);}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-box{ justify-content: end; gap: 10px;width: 54%;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-and-text{ gap: 103px;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{ right: 110px;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{ left: 115px;}
html[lang='ar-AE'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-and-text{padding-right: 21%; }
/* vantage-app-row5-starttrading-pc */
.vantage-app-row5-starttrading{padding: 80px 0 120px;background: var(--v-grey-light3);}
.vantage-app-row5-starttrading h2{color:var(--v-black-light);font-size:var(--fs-56);font-weight:600;margin-bottom: 32px;text-align: center;}
.vantage-app-row5-starttrading h2 span{color: var(--v-orange);}
.vantage-app-row5-starttrading .vantage-app-row5-starttrading-wrapper{display: flex;gap: 20px;}
.vantage-app-row5-starttrading .row5-item{padding: 34px 33px 0;color:var(--v-black);display: flex;flex-direction: column;justify-content: space-between;border-radius: 8px;max-width: 480px;}
.vantage-app-row5-starttrading .row5-item:nth-child(1){background-color: #D5E4EC;position: relative;}
.vantage-app-row5-starttrading .row5-item:nth-child(2){background-color: #e8e9ed;}
.vantage-app-row5-starttrading .row5-item:nth-child(3){background-color: #FFE6D4;}
.vantage-app-row5-starttrading h3{font-size:var(--fs-32);font-weight: 500;margin-bottom: 20px;}
.vantage-app-row5-starttrading h3:last-child{margin-bottom: 58px;}
.vantage-app-row5-starttrading p{font-size:var(--fs-18);font-weight: 400;}
.vantage-app-row5-starttrading .row5-item:nth-child(1) .img-box{position: absolute;bottom: 0;left: 0;}
.vantage-app-row5-starttrading .img-box{text-align: center;}
/* vantage-app-row5-starttrading-mobile */
.vantage-app-row5-starttrading-mobile{padding: 80px 0 120px;}
.vantage-app-row5-starttrading-mobile h2{color:var(--v-black-light);font-size:var(--fs-56);font-weight:600;margin-bottom: 32px;text-align: center;}
.vantage-app-row5-starttrading-mobile h2 span{color: var(--v-orange);}
.vantage-app-row5-starttrading-mobile .row5-content{overflow-x: hidden;position: relative;margin-bottom: 20px;}
.vantage-app-row5-starttrading-mobile .row5-item{padding: 34px 33px 0;color:var(--v-black);display: flex;flex-direction: column;justify-content: space-between;border-radius: 8px;max-width: 480px;min-height: 550px;}
.vantage-app-row5-starttrading-mobile .swiper-slide{width: 70%;}
.vantage-app-row5-starttrading-mobile .swiper-slide .row5-item1{background-color: #D5E4EC;position: relative;display: flex;}
.vantage-app-row5-starttrading-mobile .swiper-slide .row5-item2{background-color: #ECEFF1;}
.vantage-app-row5-starttrading-mobile .swiper-slide .row5-item3{background-color: #FFE6D4;}
.vantage-app-row5-starttrading-mobile h3{font-size:var(--fs-20);font-weight: 500;margin-bottom: 15px;}
/* .vantage-app-row5-starttrading-mobile h3 br{display: none;} */
.vantage-app-row5-starttrading-mobile h3:last-child{margin-bottom: 58px;}
.vantage-app-row5-starttrading-mobile p{font-size:var(--fs-14);font-weight: 400;}
.vantage-app-row5-starttrading-mobile .row5-item1 .img-box{position: absolute;bottom: 0;left: 0;}
.vantage-app-row5-starttrading-mobile .img-box{text-align: center;}
.vantage-app-row5-starttrading-mobile .row5-scrollbar{height: 3px;background: rgba(129,129,129,0.2);width: 140px;margin: 0 auto;border-radius: 5px;}
.vantage-app-row5-starttrading-mobile .row5-scrollbar .swiper-scrollbar-drag{background: rgba(129,129,129,1);border-radius: 5px;}
/* vantage-app-row4 */
.vantage-app-row4-banner{padding: 170px 60px 100px;background-color: var(--v-grey-light3);}
.vantage-app-row4-banner .row4-banner-top{padding: 51px 45px;background:url(/wp-content/themes/vantage/images/plat-vantageapp-row1-bg.webp?v=2023091801) top right no-repeat;background-size: cover;position: relative;border-radius: 20px 20px 0px 0px;}
.vantage-app-row4-banner .row4-banner-top h2{color:var(--v-white);font-size:var(--fs-32);font-weight:600;margin-bottom:12px;position: relative;z-index: 9;}
.vantage-app-row4-banner .row4-banner-top .btn-text{width: max-content;text-align: center;-webkit-tap-highlight-color: transparent;}
.vantage-app-row4-banner .row4-banner-top .open-account-btn{font-size:var(--fs-18);}
.vantage-app-row4-banner .row4-banner-top .img-box{width: 38%;max-width: 400px; position: absolute;right: 82px ;bottom: 0%;text-align: center;}
.vantage-app-row4-banner .row4-banner-bottom{padding: 30px 82px 45px 64px;box-shadow: 19px 33px 26px #00000029;background: #F2F3F5 0% 0% no-repeat padding-box;border-radius: 0 0 20px 20px;display: flex;justify-content: space-between;}
.vantage-app-row4-banner .row4-banner-bottom .text-box{display: flex;}
.row4-banner-bottom ul li{padding-right: 40px;max-width: 230px;}
.row4-banner-bottom ul li:last-child{padding-right: 0px;}
.row4-banner-bottom ul li .step-index {width: 42px;height: 42px;border-radius: 50%;background: var(--v-orange);color: var(--v-white);font-size: var(--fs-26);font-weight: 600;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.row4-banner-bottom ul li .step-title p {color: var(--v-orange);text-transform: capitalize;font-size: var(--fs-22);font-weight: 600;margin-bottom: 10px;}
.row4-banner-bottom ul li .step-message{max-width: 230px;color: #636363;}
.vantage-app-row4-banner .row4-banner-bottom .img-box{display: flex;flex-direction: column;;}
.vantage-app-row4-banner .row4-banner-bottom .img-box a:first-child{margin-bottom: 20px;}
html[lang='ar-AE'] .vantage-app-row4-banner .row4-banner-bottom .text-box {flex-direction: row-reverse;}
html[lang='ms-MY'] .vantage-app-row1 .text-box{max-width: 400px;}
@media (max-width:1600px) {
.vantage-app-row1-wrapper .inner{padding: 0 65px;}
}
@media (max-width:1440px) {
.vantage-app-row2 .img-box-bottom{width: 80%;height: auto;}
.vantage-app-row2 .img-box-bottom iframe { height: 540px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text{gap: 20px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-and-text{padding-left: 20%;}
}
@media (max-width:1340px) {
.vantage-app-row5-starttrading h3 br{display: none;}
.vantage-app-row2 .img-box-bottom iframe { height: 500px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item .img-and-text .img-box{width: 45%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .right{width: 55%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{width: 55%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text{padding-left: 21%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text{gap:30px;padding-left: 26%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{bottom:90px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{bottom: 115px;right: -40px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .right{padding-left: 70px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item3 .img-and-text{gap: 30px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-and-text{padding-left: 21%;gap: 30px;padding-left: 26%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .right{padding-left: 110px;}
html[lang='en-IN'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text,
html[lang='en-PH'] .vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-and-text{gap: 0;padding-left: 18%;}
}
@media (max-width:1250px) {
.vantage-app-row3 .userguide-content-inner .userguide-bullet h3{display: none;}
}
@media (max-width:1200px) {
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-and-text{gap:90px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{width: 60%;right: -15px;}
.vantage-app-row4-banner{padding: 130px 0px 100px;}
}
@media (max-width:1024px) {
.vantage-app-row1-wrapper .inner{padding: 0 40px;}
.vantage-app-row1 .img-box{width: 50%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 100px;bottom: 85px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{bottom: 105px;}
.vantage-app-row2 .img-box-bottom iframe { height: 455px;}
}
@media (max-width:980px) {
.vantage-app-row3{padding: 60px 0 60px;}
.vantage-app-row3 .pre-markets-item{flex-flow:column;align-items:center;}
.vantage-app-row3 .pre-markets-item:first-child{margin-bottom:50px;flex-direction: column-reverse;}
.vantage-app-row3 .pre-markets-item:last-child{flex-direction: column-reverse;}
.vantage-app-row3 .pre-markets-item .text-box{max-width:705px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 80px;bottom: 75px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{bottom: 95px;}
.vantage-app-row5-starttrading .vantage-app-row5-starttrading-wrapper{flex-wrap: wrap;justify-content: center;}
.vantage-app-row5-starttrading .row5-item{max-width: 600px;}
.vantage-app-row5-starttrading .img-box img{width: 70%;}
.vantage-app-row5-starttrading .row5-item:nth-child(1) .img-box{position: unset;}
}
@media (max-width:900px) {
.vantage-app-row1-wrapper{padding-top: 60px;}
.vantage-app-row1{padding: 0 20px 0;display: flex;}
.vantage-app-row1 .text-box{display: none;}
.vantage-app-row1 .img-box{position: unset;margin:0 auto;width: 60%;margin: -45px auto 0;}
.vantage-app-row1-wrapper .mobile-text-box{display: block;padding: 0 30px;text-align:center;color: var(--v-black);margin-top: 30px;}
.vantage-app-row1-wrapper .mobile-text-box p.title{margin-bottom: 10px;font-weight: 600;line-height: 1.05;}
.vantage-app-row1-wrapper .mobile-text-box p{font-size: var(--fs-16);font-weight: 400;line-height: 1.75;margin-bottom:40px;}
.vantage-app-row1-wrapper .mobile-text-box p br{display: none;}
.vantage-app-row3 .userguide-content-inner .swiper-wrapper{height: 880px;}
.vantage-app-row3 .userguide-content-inner .swiper-wrapper li:nth-child(4){padding-top: 0px;}
.vantage-app-row3 .userguide-content-inner .img-and-text{padding-left: 0 !important;flex-direction: column;gap: 30px !important;}
/* .vantage-app-row3 .userguide-content-inner .img-and-text .right p.title{font-size: var(--fs-20);} */
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-and-text .right{width: 70%;padding: 0 !important;}
html[lang='id-ID'] .vantage-app-row3 .userguide-content-inner .swiper-slide .img-and-text .right{width: 71%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .right{width: 70%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 130px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{right: 0px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box{padding-left: 0;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img1{width: 62%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{width: 42%;right: 55px;top: -35px;}
.vantage-app-row3 .userguide-content-inner .top-text{margin-bottom: 30px;}
.vantage-app-row3 .userguide-content-inner .top-text .img-box-top{display: flex;justify-content: center;gap: 10px;}
.vantage-app-row3 .userguide-content-inner .userguide-row{padding-top: 55px;flex-direction: column-reverse;justify-content: center;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{width: 42%;}
.vantage-app-row3 .userguide-content-inner .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{position: unset;margin: 0 auto;}
.vantage-app-row3 .userguide-content-inner .userguide-pagination{flex-direction: row;width: auto;}
.vantage-app-row3 .userguide-content-inner .userguide-pagination .userguide-pagination{display: flex;justify-content: center;align-items: center;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p{margin-right: 20px;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet:last-child p{margin-right: 0px;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p:after{display: none;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active p:after{display: none;}
.vantage-app-row2 .img-box-bottom iframe { height: 360px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p.title span.span-br{display: inline;}
/* .vantage-app-row4-banner .row4-banner-top .img-box{width: 50%;} */
}
@media (max-width:850px) {
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 110px;}
}
@media (max-width:800px) {
.vantage-app-row4-banner .row4-banner-top h2{width: 60%;}
.vantage-app-row4-banner .row4-banner-top .img-box{width: 40%;}
}
@media (max-width:768px) {
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item span{font-size:28px;}
.vantage-app-row5-starttrading{padding: 40px 0 60px;}
.vantage-app-row5-starttrading p{margin-bottom: 0;}
.vantage-app-row5-starttrading-mobile{padding: 20px 0 60px;}
.vantage-app-row5-starttrading-mobile h2{margin-bottom: 20px;}
/* .vantage-app-row5-starttrading-mobile h3{margin-bottom: 0px;} */
.vantage-app-row5-starttrading-mobile p{margin-bottom: 0px;}
.vantage-app-row3 .userguide-content-inner .top-text h2{margin-bottom: 12px;}
.vantage-app-row3 .userguide-content-inner .top-text .img-box-top a{width: 40%;}
.vantage-app-row3 .userguide-content-inner .userguide-row{padding-top: 40px;}
.vantage-app-row3 .userguide-content-inner .swiper-wrapper{height: 700px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{filter: drop-shadow(-20px 20px 30px #20242E4D);}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box{padding-top: 30px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{top: 0px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .right{width: 100%;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right .h3{font-size: var(--fs-32);}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p{margin-bottom:20px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p.title{margin-bottom: 12px;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p{margin-bottom: 10px;background-color: var(--v-orange);}
.vantage-app-row3 .userguide-content-inner .userguide-bullet-active ~ .userguide-bullet p{background-color: var(--v-grey-light1);}
.vantage-app-row4-banner{padding: 45px 0 50px;}
.vantage-app-row4-banner .row4-banner-bottom{flex-direction: column;}
.vantage-app-row4-banner .row4-banner-bottom .img-box{flex-direction: row;}
.vantage-app-row4-banner .row4-banner-bottom .img-box a:first-child{margin-bottom: 0;margin-right: 20px;}
}
@media (max-width:720px) {
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 90px;bottom: 60px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{bottom: 75px;}
}
@media (max-width:650px) {
.vantage-app-row5-starttrading-mobile .row5-item{min-height: 500px;overflow: hidden;}
.vantage-app-row2 .img-box-bottom iframe { height: 256px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{min-width: 128px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 80px;}
}
@media (max-width:600px) {
.vantage-app-row1{padding-left:0;display: flex;justify-content:center;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom{flex-wrap:wrap;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item{}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item span{font-size:18px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img1{width: 70%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{width: 42%;right: 40px;}
.vantage-app-row4-banner .row4-banner-bottom .text-box{flex-direction: column;}
.row4-banner-bottom ul li{ max-width: 100%;}
.row4-banner-bottom ul li .step-message{max-width: 100%;}
}
@media (max-width:580px) {
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 60px;bottom: 50px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{right: -40px;bottom: 65px;}
}
@media (max-width:550px) {
.vantage-app-row1{padding: 30px 20px 0px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{right: 25px;}
.vantage-app-row4-banner .row4-banner-top h2{width: 100%;}
}
@media (max-width:510px) {
.vantage-app-row1-wrapper{padding-top: 40px;}
.vantage-app-row1-wrapper .inner{padding: 0 20px;}
.vantage-app-row1{padding: 10px 20px 0;}
.vantage-app-row1 .img-box{width: 85%;margin-top: -45px;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom{margin-top: 0;border-radius: 0 0 8px 8px;background: var(--v-grey-light1);box-shadow: unset;padding: 15px;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item p{font-size:12px;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item:nth-child(2)::before{top:25px;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item:nth-child(2)::after{top:25px;}
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item span{font-size:22px;}
.vantage-app-row2{padding: 20px 0 20px;}
.vantage-app-row1-wrapper .mobile-text-box{padding: 0px;text-align:left;margin-top: 15px;}
/* .vantage-app-row1-wrapper .mobile-text-box p{margin:0 0 25px;} */
.vantage-app-row2 .img-box-top{margin-bottom:32px;}
.vantage-app-row2 .text-box h2{margin-bottom:15px;}
.vantage-app-row2 .text-box p{text-align:center;margin-bottom: 12px;}
.vantage-app-row2 .text-box p:last-child{display: none;}
.vantage-app-row2 .img-box-bottom{width: 100%;height: auto;}
.vantage-app-row3 .userguide-content-inner .swiper-wrapper{height: 580px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box{gap: 10px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item5 .img-and-text .img-box{gap: 10px;}
.vantage-app-row3 .userguide-content-inner .userguide-row{padding-top: 35px;}
.vantage-app-row5-starttrading{padding: 20px 0 30px;}
.vantage-app-row5-starttrading h2{margin-bottom: 16px;}
/* .vantage-app-row5-starttrading-mobile .row5-item{min-height: 490px;} */
.vantage-app-row5-starttrading-mobile h3{font-size:var(--fs-50);}
.vantage-app-row5-starttrading-mobile p{font-size: var(--fs-18);}
.vantage-app-row5-starttrading-mobile .row5-item1 .img-box{width: 100%;}
.vantage-app-row5-starttrading-mobile .swiper-slide{width: 87% !important;}
.vantage-app-row4-banner{background: var(--v-white);padding: 32px 0;}
.vantage-app-row4-banner .row4-banner-bottom{padding: 15px 20px 20px 12px;}
.vantage-app-row4-banner .row4-banner-bottom .text-box{flex-direction: column;width: 100%;}
.vantage-app-row4-banner .row4-banner-top .img-box{display: none;}
.vantage-app-row4-banner .row4-banner-top h2 br{display: none;}
.row4-banner-bottom ul li{padding-right: 0px;width: 100%;max-width: 100%;padding-left: 36px;position: relative;}
.row4-banner-bottom ul li .step-index{width: 24px;height: 24px;line-height: 24px;position: absolute;left: 0;top: 3px;}
.row4-banner-bottom ul li .step-title p{margin-bottom: 0px;}
.row4-banner-bottom ul li .step-message{max-width: 100%;}
.row4-banner-bottom ul li .step-message p{line-height: 1.43;margin-bottom: 15px;color: var(--v-black);}
.vantage-app-row4-banner .row4-banner-bottom .img-box{padding-top: 0px;}
html[lang='id-ID'] .vantage-app-row4-banner .row4-banner-top .btn-text{width:auto;text-align: left;}
}
@media (max-width:480px) {
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 40px;}
}
@media (max-width:450px) {
.vantage-app-row1-wrapper .vantage-app-row1-bottom .vantage-app-row1-bottom-item p br{display: none;}
/* .vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{box-shadow: unset;} */
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{right: 0;}
}
@media (max-width:400px) {
.vantage-app-row3{padding: 32px 0px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right .h3{font-size:32px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p{margin-bottom: 12px;}
.vantage-app-row3 .userguide-content-inner .img-and-text .right p.title br{display: none;}
.vantage-app-row3 .userguide-content-inner .swiper-slide .img-box img{box-shadow: -5px 20px 30px #20242E4D;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item1 .img-and-text .right{width: 70%;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item4 .img-box img.img2{right: -30px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::before{left: 20px;}
.vantage-app-row3 .userguide-content-inner .swiper-slide.slide-item2 .img-box::after{right: -60px;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p{width: 16px;height: 16px;font-size:12px;font-weight: 400;}
.vantage-app-row3 .userguide-content-inner .userguide-bullet p:before{width: 30px;height: 30px;top: -7px;left: -7px;}
.vantage-app-row3 .userguide-content-inner .userguide-row{padding-top: 25px;}
.vantage-app-row4-banner .row4-banner-top{padding: 29px 45px 29px 16px;}
.vantage-app-row4-banner .row4-banner-bottom .img-box a:first-child{margin-right: 8px;}
.vantage-app-row5-starttrading-mobile{padding: 34px 0 32px;}
.vantage-app-row5-starttrading-mobile .row5-content{margin-bottom:20px;}
.vantage-app-row5-starttrading-mobile .row5-item{padding: 20px 12px 0;}
}
@media (max-width:375px) {
.vantage-app-row3 .userguide-content-inner .swiper-wrapper{height: 600px;}
.vantage-app-row2 .img-box-bottom iframe { height: 190px;}
}
@keyframes LeftToRight {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.row5__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.row5__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}