.row1 {background: url(/wp-content/themes/vantage/images/gold-markets-row1-bg.webp?v=3) no-repeat center; background-size: cover;padding: 50px 0 0; position: relative;}

.row1::after{ content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, #000000bf 0%, #000000a8 30%, #00000000); position: absolute; top: 0; left: 0; z-index: 1; }
.row1 .inner {display: flex; justify-content: space-between;max-width: 1480px;overflow: hidden; gap: 35px; position: relative; z-index: 5;}

.row1 .inner .text_box { flex: 1; position: relative;        padding-top: 90px; display: flex ; flex-direction: column;     align-items: center;}
.row1 .inner .text_box h2 {    font-size: 48px; line-height: 1.2; color: var(--v-white); font-weight: 600; text-align: center;} h2 span {color: var(--v-orange);}
.row1 .inner .text_box .pText {font-size: var(--fs-20); line-height: 1.3; color: var(--v-white); font-weight: 500; margin: 20px 0 23px; text-align: center;}
.row1 .inner .text_box .img-box{ flex: 1; display: flex ; align-items: end; } 
.row1 .inner .text_box img {    margin: 0px 0 00px;}
.row1 .inner .img_mb {display: none;}


/* right */
.live-account-right{display: flex ; justify-content: space-around; align-items: center; width: 100%; max-width: 535px; margin-right: 20px; /* border: 1.5px solid; */ border-image-source: linear-gradient(331.02deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 25%, #FFFFFF 68.75%, rgba(255, 255, 255, 0) 100%); background: #fff; backdrop-filter: blur(50px); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; margin-bottom: 50px;}

.error{color: #a71e00;font-size: var(--fs-14);display: none;}

.live-account-right .live-account-right-inner{width: 426px !important; display: flex ; flex-direction: column; align-items: center; justify-content: space-between; padding: 29px 20px 23px;
}
.vantage-logo{width: 72px;height: 72px;background-color: var(--v-white);box-shadow: 0px 3px 6px #00000029;border-radius: 40px;display: flex;justify-content: space-around;align-items: center;margin-bottom: 16px;}
.live-account-right .live-account-right-inner .open-live-account h1 { font-size: var(--fs-24) !important; margin-bottom: 25px !important; }
.live-account-right .live-account-right-inner .other-open{width: 260px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(1){color: var(--v-green-darker);}
.live-account-right .live-account-right-inner .other-open a{text-decoration: underline;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(1):hover{color: #002329;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(2):hover{color: #000000;}
.live-pop {background: var(--v-white);}
.live-account-right-inner.active::after {border-radius: 30px;}
.live-account-right .emaile_Phone_box {
    margin-bottom: 10px !important;
}

@media (max-width: 1680px) {
    .live-account-right .open-live-account .form-body .form-element .input-container input { height: 50px !important; padding-top: 5px !important; font-size: 14px !important; }
    .open-live-account .form-body .form-element .input-container::after { top: 51px !important; } .open-live-account .form-body .form-element .input-label { top: 12px !important; }
    .open-live-account .form-body .hasInner .input-label, .open-live-account .form-body .hasFouns .input-label { top: 3px !important; }

    .open-live-account .form-body .form-element .input-container .icons-box ,.open-live-account .form-body .form-element.country .arrow-down, .open-live-account .form-body .form-element.province .arrow-down,.open-live-account .form-body .form-element .input-container #changePassword  { top: 10px !important; }
    .open-live-account .form-body .form-element { margin-bottom: 10px !important; }
    .live-account-right .open-live-account .form-body #new-live #sub-open { height: 50px; }

    .live-account-right .open-live-account .form-body #new-live #sub-open::after { width: 180%; }
}

@media (max-width: 1440px) {
    .live-account-right .open-live-account .form-body .form-element .input-container input { height: 40px !important; font-size: 14px !important; }
    .open-live-account .form-body .form-element .input-label { top: 10px !important; font-size: 14px !important; }
    .open-live-account .form-body .hasInner .input-label, .open-live-account .form-body .hasFouns .input-label { top: -1px !important; }
    .open-live-account .form-body .form-element .input-container::after { top: 41px !important; }

    .open-live-account .form-body .form-element .input-container .icons-box,.open-live-account .form-body .form-element.country .arrow-down, .open-live-account .form-body .form-element.province .arrow-down,.open-live-account .form-body .form-element .input-container #changePassword { top: 5px !important; }
    .live-account-right .open-live-account .form-body #new-live #sub-open { height: 45px; }
    .live-account-right .open-live-account .form-body #new-live #sub-open::after { width: 176%; }



    .live-account-right .live-account-right-inner{ padding: 20px; }
    .live-account-right .live-account-right-inner .open-live-account h1{ margin-bottom: 12px !important; }
    .live-account-right .vantage-logo { width: 50px; height: 50px; margin-bottom: 6px; }
    .live-account-right{ margin-right: 0px; }
    .open-live-account .form-body #new-live { margin-bottom: 0px !important; }
    
    
}
@media (max-width: 1100px) { 
    .row1 .inner .text_box h2 {font-size: var(--fs-50);}
    .row1 .inner .text_box img {max-width: 400px;}
    
}
@media (max-width: 940px) { 


    .row1 {background: none ; padding: 0;}
    .row1::after{display: none;}
    .row1 .inner {padding: 0 !important;     gap: 0px;         flex-direction: column;
        align-items: center;}
    .live-account-right{ margin: 0; box-shadow: none; max-width: 440px; border: 0; border-radius: 0; }
    /* .row1 .inner .text_box img {display: block;}
    .row1 .inner .img_mb {display: none;} */
    .row1 .inner .text_box {background: url(/wp-content/themes/vantage/images/gold-markets-row1-bg.webp?v=3) no-repeat center; background-size: cover;        padding: 80px 0 0 0; margin-bottom: 0px; width: 100%; position: relative;}

    .row1 .inner .text_box::after{        content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, #000000be 0%, #000000d4 30%, #00000000 60%, #00000000); position: absolute; top: 0; left: 0; z-index: 1; }

    .row1 .inner .text_box > * { position: relative; z-index: 5;}
    
}

/* @media (max-width: 950px) { 
    .row1 {padding: 32px 0 0;}
    .row1 .inner {flex-direction: column;align-items: center;}
    .row1 .inner .text_box img {display: none;}
    .row1 .inner .img_mb {display: block;}
    .row1 .inner .text_box {padding-top: 0;text-align: center;margin-bottom: 18px;}
    .live-account-right {padding: 20px 32px;margin-bottom: 11px;}
    .live-account-right .live-account-right-inner {padding: 0;}
} */
@media (max-width: 768px) { 
    

.row1 .inner .text_box::after{        content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, #000000be 0%, #000000d4 30%, #00000000 40%, #00000000); position: absolute; top: 0; left: 0; z-index: 1; }
    .live-account-right { padding: 20px 32px; }
    .live-account-right .live-account-right-inner {padding: 0 !important;}
    .open-live-account h1 {margin-bottom: 15px !important;}

    .row1 .inner .text_box .pText { margin: 20px 0 180px; }
    

}
@media (max-width: 510px) { 
    .row1 .inner .text_box { background-size: 350%; background-position: 77.5% -2%; padding: 30px 0 0 0; }
    
    .row1 .inner .text_box h2 {font-size: 28px;}
    .row1 .inner .text_box p {font-size: 16px;}
    .row1 .inner .text_box .pText { margin: 19px 0 105px; }
    .live-account-right {padding: 20px;}
   
}


.row2{ background-color: #F5F5F5; padding: 72px 0px 80px; }
.row2 ul{ display: flex; justify-content: space-between; gap: 30px; max-width: 1240px; margin: 0px auto; }
.row2 ul li{ width: 30%; }
.row2 ul li h3{ color: #E35728; font-size: 48px; line-height: 1.2; font-weight: 600; margin-bottom: 10px; }
.row2 ul li p{ color: #000000; font-size: var(--fs-20); line-height: 1.3; font-weight: 500; margin-bottom: 0px; }

@media (max-width: 1024px) { 
    .row2 { padding: 40px 0px 40px; }
}
@media (max-width: 768px) { 
    .row2 ul li h3{
        font-size: var(--fs-40);
    }
}
@media (max-width: 700px) { 
    .row2 { padding: 10px 0px 20px; box-shadow: 0px -1px 2px 0px #0000000f; margin-top: 1px;         background: none; }
    .row2 ul { display: flex ; justify-content: space-between; flex-direction: column; gap: 0px; max-width: 1240px; margin: 0px auto; }
    .row2 ul li { padding: 10px 0px 6px; width: 100%; display: flex ; align-items: end; gap: 10px; border-bottom: 1px dashed #b3b3b3; }
    .row2 ul li h3 { /* font-size: var(--fs-40); */ font-size: 28px; margin: 0; }
    .row2 ul li p { color: #000000; font-size: var(--fs-18); line-height: 1.4; font-weight: 400; margin-bottom: 0px; }
}


.row3 { padding: 95px 0 100px; background: url(/wp-content/themes/vantage/images/gold-markets-row3-bg.webp?v=3) no-repeat; background-size: cover; position: relative; }
.row3 .inner {max-width: 1400px; position: relative; z-index: 5;}
.row3 .inner h2 {font-size: 48px;color: var(--v-black-light);font-weight: 600;line-height: 1.2;margin-bottom: 56px;text-align: center;}
.row3 .inner ul {    display: flex ; width: 100%; justify-content: center; flex-wrap: wrap; gap: 24px;}
.row3 .inner ul li { max-width: 240px; width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; padding: 60px 0 64px; background: #f3f4f4; border-radius: 8px; box-shadow: 0px 20px 30px 0px #00000029; }
.row3 .inner ul li img{    margin-bottom: 12px;}
.row3 .inner ul li p {     font-size: var(--fs-18); line-height: 1.2; color: #002329; margin: 0; font-weight: 600;}
.row3 .inner .orange-button  { margin: 0 auto; display: block;}
.row3 .img-mb  { display: none;}

.row3::after{ content: ''; max-width: 300px; width: 15.65%; height: 100%; background: url(/wp-content/themes/vantage/images/gold-markets-row3-float-1.webp?v=3) no-repeat; background-size: 100% auto; position: absolute; top: 34%; left: -12px; z-index: 2; }
.row3::before{ content: ''; max-width: 780px; width: 40.7%; height: 100%; background: url(/wp-content/themes/vantage/images/gold-markets-row3-float-2.webp?v=3) no-repeat; background-size: 100% auto; position: absolute; top: 52%; left: -10%; z-index: 3; }
@media (max-width: 1600px) { 
    .row3::before{     top: 55%; left: -15%; }
    .row3::after{     top: 50%;  }
}
@media (max-width: 1440px) { 
    .row3::before{     top: 70%;  }
    .row3::after{     top: 64%;  }
}
@media (max-width: 1240px) { 
    .row3::before{     top: 87%;  }
    .row3::after{     top: 82%;  }
}
@media (max-width: 1000px) { 
    .row3::before{     display: none; }
    .row3::after{     display: none;  }
}

@media (max-width: 1024px) { 
    .row3 { padding: 80px 0; background: url(/wp-content/themes/vantage/images/gold-markets-row3-bg.webp?v=3) no-repeat; background-size: cover; position: relative; }
}
@media (max-width: 1100px) { 
    .row3 .inner h2 {font-size: var(--fs-50);}
}

@media (max-width: 600px) {
    .row3 .img-mb  { display: block;}
    .row3 .img-pc  { display: none;}
    .row3{ background: #E8E9ED; }
    .row3 .inner ul {gap: 12px;}
    .row3 .inner ul li { max-width: none; width: 100%; text-align: left; display: flex ; flex-direction: row; align-items: center; padding: 20px 15px; border-radius: 4px; gap: 10px; }
    .row3 .inner ul li img { margin-bottom: 0px; width: 40px; height: 40px; }
    .row3 .inner ul li .pc_br {display: none;} 
    .row3 .inner ul li p { font-size: var(--fs-20); }
    .row3::after{ display: none; }
    .row3::before{ display: none; }


}

@media (max-width: 510px) { 
    .row3 { padding: 30px 0 !important; }
    .row3 .inner h2 {margin-bottom: 24px;} 
}



.row4{    padding: 95px 60px 100px; background: url(/wp-content/themes/vantage/images/gold-markets-row1-bg.webp?v=3) no-repeat; background-size: 124%; background-position: 94% 13%; position: relative;}

.row4::after{ content: ''; width: 100%; height: 100%; background: linear-gradient(to right, #000000b3 0%, #0000008c 50%, #d8b07cc9); position: absolute; top: 0; left: 0; z-index: 1; }
.row4 .inner { position: relative; z-index: 5; }
.row4 .inner h2 {    font-size: 48px; color: #FFFFFF; font-weight: 600; line-height: 1.2; margin-bottom: 100px; text-align: center;}
.row4 .row4-banner{ max-width: 1240px; margin: 0 auto; }
.row4 .row4-banner-top{padding: 31px 37px;background:url(/wp-content/themes/vantage/images/gold-markets-row3-bg.webp?v=3) no-repeat;background-size: cover;position: relative;border-radius: 20px 20px 0px 0px;     background-position: center -250px;}
.row4 .row4-banner-top h3{color: var(--v-black-light); font-size: 28px; font-weight: 600; margin-bottom: 17px; position: relative; z-index: 9;}
.row4 .row4-banner-top h3 span{    color: var(--v-orange);}
.row4 .row4-banner-top .btn-text{width: max-content;text-align: center;-webkit-tap-highlight-color: transparent;}
.row4 .row4-banner-top .btn-text i{color: #FCE055; font-style: normal;}
.row4 .row4-banner-top .open-account-btn{font-size:var(--fs-18);}
.row4 .row4-banner-top .img-box{  width: 36.3%; max-width: 450px; position: absolute; right: 2%; bottom: -31%; text-align: center; padding: 10% 4% 2% 3%; z-index: 3;}
.row4 .row4-banner-bottom{padding: 30px 82px 30px 64px; box-shadow: 19px 33px 26px #00000029; background: #FFFFFF; border-radius: 0 0 20px 20px; display: flex ; justify-content: space-between; position: relative; z-index: 5;}
.row4 .row4-banner-bottom .text-box{display: flex;}
.row4-banner-bottom ul li{padding-right: 40px; }
.row4-banner-bottom ul li:last-child{padding-right: 0px;}
.row4-banner-bottom ul li .step-index {width: 52px; height: 52px; border-radius: 50%; background: var(--v-orange); color: var(--v-white); font-size: var(--fs-20); font-weight: 600; display: flex ; align-items: center; justify-content: center; margin-bottom: 3px;}
.row4-banner-bottom ul li .step-title p {color: var(--v-orange);text-transform: capitalize;font-size: var(--fs-20);font-weight: 600;margin-bottom: 10px;}
.row4-banner-bottom ul li .step-message p{margin: 0; color: #000000;}
.row4 .row4-banner-bottom .img-box{display: flex;flex-direction: column;;}
.row4 .row4-banner-bottom .img-box a:first-child{margin-bottom: 20px;}
.mb_br{display: none;}
@media (max-width:1300px) {
    .row4{ background-size: cover; background-position: center; }
}
@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;}

    .row4{padding: 130px 0px 100px;}
}
@media (max-width: 1100px) { 
    .row4 .inner h2 {font-size: var(--fs-50);}
    
}
@media (max-width: 1024px) { 
    .row4 { padding: 80px 0; }
    .row4 .inner h2 { margin-bottom: 60px; }
    .row4 .row4-banner-top{ background-position: center; }
}
@media (max-width:800px) {
    .row4 .row4-banner-top h3{width: 60%;}
    .row4 .row4-banner-top .img-box{width: 40%; width: 48%; bottom: -18%;}
}
@media (max-width:768px) {
    .row4{padding: 50px 0;}
    .row4-banner-bottom ul li { padding-right: 20px; }
    .row4-banner-bottom ul li .step-index { width: 40px; height: 40px;} 
    .row4 .row4-banner-bottom { padding: 30px 40px;}

}
@media (max-width:600px) {
    

    .row4{padding: 45px 0 50px;         background-size: auto 100%;
        background-position: 76%;}
        .row4::after { background: linear-gradient(to right, #00000045 0%, #0000008c 50%, #d8b07c85); }
    .row4 .inner h2 { margin-bottom: 24px; }
    .row4 .row4-banner-top{ padding: 21px 23px 0; border-radius: 12px 12px 0px 0px; background-position: top; background-size: auto 150%; }
    .mb_br{display: block; }
    .row4 .row4-banner-top h3{width: 100%; font-size: 24px; text-align: center;     margin-bottom: 14px;}
    .row4 .row4-banner-top .btn-text{ margin: 0 auto; }
    .row4 .row4-banner-top .img-box { display: block; width: 100%; overflow: hidden; max-width: none; position: relative; padding: 10% 3% 2% 4%;}
    .row4 .row4-banner-bottom .text-box{flex-direction: column;width: 100%;}
    .row4 .row4-banner-bottom { flex-direction: column; padding: 16px 11px 4px; box-shadow: 19px 33px 26px #00000029; border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; }
    .row4-banner-bottom ul li { padding-right: 0px; display: flex ; flex-wrap: wrap; gap: 0px 9px; }
    .row4-banner-bottom ul li .step-index { width: 24px; height: 24px; font-size: 14px; }
    .row4-banner-bottom ul li .step-title { flex: 1; }
    .row4-banner-bottom ul li .step-title p { margin-bottom: 0px; }
    .row4-banner-bottom ul li .step-message p { margin: 0 0 15px 35px; }
    .row4 .row4-banner-bottom .img-box{flex-direction: row;}
    .row4 .row4-banner-bottom .img-box a:first-child{margin-bottom: 0;margin-right: 20px;}
}


@media (max-width:510px) {

    .row4{padding: 30px 0;}
    .row4 .orange-arrow-button.p18 { font-size: 14px; padding: 14px 57px 14px 24px; }
    .row4 .row4-banner-top h3{font-size: 20px;}
    .row4 .row4-banner-bottom .img-box{padding-top: 0px;}

}
@media (max-width:400px) {
    .row4 .row4-banner-bottom .img-box a:first-child{margin-right: 8px;}

}

body{margin-top: 0;}
footer{display: none;}
.grecaptcha-badge{display: none;}