header, footer {display: block !important;height: auto !important;}

.main.app-main{padding-bottom: 0 !important;}

h2{color: var(--v-black-light);font-size: 48px;font-weight: 600;line-height: 58px;}
h2 span{color: var(--v-orange);}

.title-box{text-align: center;margin-bottom: 52px;}
.title-box p{color: var(--v-black);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}
.title-box p a{ text-decoration:underline;color: var(--v-black);}
.orange-button{text-transform: uppercase;}

.mb-br{display: none;}

.banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/gold-trading-th-banner.webp) left top no-repeat;background-size: cover;padding: 56px 0;}
.banner .inner{display: flex;justify-content: center;gap: 56px;}
.banner h2{color: var(--v-black);margin-bottom: 16px;}
.banner .left-box{width: 654px;max-width: 100%;text-align: center;position: relative;}
.banner .text-box{padding-top: 47px;margin-bottom: 39px;}
.banner .left-box p{color: rgba(0, 0, 0, 0.8);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}
.banner .img-box{position: absolute;bottom: -56px;left: 28px;}
.banner .banner-form{width: 530px;background: var(--v-white);border-radius: 8px;box-shadow: -10px 3px 47px #00000029;}
.banner .live-account-right{max-width: 100%;min-height: unset;padding-top: 32px;box-shadow: unset;}
.banner .open-live-account h1{color: var(--v-black-light);font-size: 20px;line-height: 24px;margin-bottom: 24px;}
.banner .open-live-account .form-body .choose-account-type{display: none;}
.banner .vantage-logo{width: 72px;height: 72px;}
.banner .open-live-account .form-body .form-element,
.banner .open-live-account .form-body .agreeConditionBox{margin-bottom: 8px;}
.banner .open-live-account .form-body #new-live{margin-bottom: 24px;margin-top: 32px;}
.banner .open-live-account .form-body #new-live #sub-open{height: 55px;}
.banner .open-live-account .form-body #new-live #sub-open::after{left: -90%;}

.home-row1{background: #F5F5F5;padding: 96px 0;}
.home-row1 .inner{max-width: 1446px;}
.home-row1 h2{color: var(--v-black);margin-bottom: 41px;margin-left: 17px;}
.competition-spread-table table {width: 100%; border-collapse: separate; border-spacing:4px 0; border-radius: 12px; color: var(--v-black);}
.competition-spread-table th{padding: 19.5px 20px;}
.competition-spread-table th, td {border-bottom: 1px solid #E2E2E2;text-align: center;width: 410px;position: relative;}
.competition-spread-table td {padding: 10.5px 20px;}
.competition-spread-table th:first-child{font-size: 16px;font-weight: 500;text-align: left;line-height: 21px;background-color: #F5F5F5;}
.competition-spread-table td:first-child{background-color: #F5F5F5;font-size: 16px;font-weight: 500;text-align: left;line-height: 21px;}
.competition-spread-table th:last-child{font-size: var(--fs-18);font-weight: 600;line-height: 22px;background-color: #F5F5F5;position: relative;}
.competition-spread-table td:last-child{background-color: #F5F5F5;font-size: var(--fs-18);font-weight: 400;line-height: 27px;}
.competition-spread-table th:last-child::after {content: '';width: 100%;background-color: #818181;height: 6px;position: absolute;top: -6px;left: 0;border-radius: 0 8px 0 0;}
.competition-spread-table th:nth-child(1)::after {content: '';width: 100%;background-color: #fff;height: 6px;position: absolute;top: -6px;left: 0;border-radius: 8px 0 0 0;}
.competition-spread-table th:nth-child(2){background-color: #EEEEEE;position: relative;}
.competition-spread-table th:nth-child(2)::after {content: '';width: 100%;background-color: #E35728;height: 6px;position: absolute;top: -6px;left: 0;}
.competition-spread-table .td1 {text-align: left;background-color: #fff;}
.competition-spread-table .td1 p {margin-bottom: 0;font-weight: 500;}
.competition-spread-table .td1 span {font-size: 12px;color: #646464;line-height: 17px;}
.competition-spread-table .td2 {background-color: #EEEEEE;}
.competition-spread-table .td2 div { display: flex;align-items: center;justify-content: center;font-size: var(--fs-20);font-weight: 500;line-height:26px;gap: 4px;}
.competition-spread-table .td3 {font-size: var(--fs-18);line-height: 1.5;background-color: #fff;}
.competition-spread-table ul {margin: 12px 0 0px;padding-left: 24px;}
.competition-spread-table ul li {color: #002329;font-size: var(--fs-14);line-height: 1.4;position: relative;}
.competition-spread-table ul li:after{content: '';display: block;width: 3px;height: 3px;background: #000;border-radius: 50%;position: absolute;left: -10px;top: 6px;}



.row1{padding: 96px 0;}
.row1 .inner{max-width: 1400px;}
.row1 h2{text-align: center;margin-bottom: 56px;}
.row1 ul{display: flex;flex-wrap: wrap;justify-content: center;column-gap: 24px;row-gap: 20px;}
.row1 ul li{width: 282px;padding: 4px 16px 12px;text-align: center;}
.row1 ul li h3{color: var(--v-black-light);font-size: var(--fs-18);font-weight: 600;line-height: 22px;margin-bottom: 8px;}
.row1 ul li p{width: 90%;color: rgba(0, 0, 0, 0.8);font-size: 14px;font-weight: 400;line-height: 20px;margin: 0 auto;}

.home-row2 {padding:96px 0;background-color: #F5F5F5;position: relative;}
.home-row2 .inner{max-width: 1400px;}
.home-row2::after{content: '';display: block;width: 378px;height: 332px;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/home_new_rwo2_bg.webp);background-size: cover;background-repeat: no-repeat;background-position: center top;position: absolute;top: 0;right: 0;}
.home-row2 h2 {max-width: 900px;text-align: center;color: var(--v-black);margin: 0 auto;position: relative;z-index: 2;margin-right: 152px;}
.home-row2 ul {width: 100%;max-width: 854px;display: flex;justify-content: space-between;gap: 16px;margin: 32px auto;position: relative;z-index: 2;flex-wrap: wrap;}
.home-row2 ul li {width: 200px;color: var(--v-black);font-size: var(--fs-16);text-align: center;}
.home-row2 ul li:nth-child(3){width: 206px;}
.home-row2 ul li p {color: var(--v-orange);font-size: 28px;font-weight: 600;margin-bottom: 12px;line-height: 36px;text-transform: uppercase;}
.home-row2 ol {width: 100%;display: flex;justify-content: space-between;gap: 56px;}
.home-row2 ol li {max-width: 362px;width: 100%;text-align: center;}
.home-row2 ol li img {filter: drop-shadow(39.49px 40.41px 78.24px #1C1C2529);}
.home-row2 ol li h3 {font-size: var(--fs-20);color: var(--v-black-light);line-height: 24px;font-weight: 600;margin: 34px auto 8px;text-align: center;}
.home-row2 ol li p {font-size: var(--fs-14);color: var(--v-black);line-height: 20px;text-align: left;margin-bottom: 0;}
.home-row2 ol li p span {font-weight: 700;}
.home-row2 .p_tips {font-size: var(--fs-14);color: var(--v-black);line-height: 20px;margin: 8px 0 0;}
.mobile_p {display: none;}
.faq-module-icon {width: 18.46px;height: 18.46px;display: flex;justify-content: flex-end;position: relative;margin-bottom: 0;display: none;}
.add-subtract {position: relative;display: block;width: 18.46px;height: 18.46px;}
.add-subtract::after {content: '';display: block;width: 11.54px;height: 1px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);z-index: 2;background-color: var(--v-black);transition: all .2s linear;}
.add-subtract::before {content: '';display: block;width: 1px;height: 11.54px;position: absolute;top: 50%;right: 6.5px;transform: translate(50%, -50%);z-index: 1;background-color: var(--v-black);transition: all .2s linear;}
.add-subtract-change::before {background-color: var(--v-red-dark);transform: translate(50%, -50%) rotate(-90deg);}
.add-subtract-change::after {background-color: var(--v-red-dark);}

.generic-swiper{padding: 96px 0;text-align: center;}
.generic-swiper h2{color: var(--v-black);}
.generic-swiper .organisations {flex-wrap: wrap;max-width: 1184px;grid-gap: 8px;margin:32px auto 72px; display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 240px));justify-content:center;}
.generic-swiper .organisations li {max-width: 240px;width: 100%;background-color: #fff;border-radius: 10px;box-shadow: 39.49px 40.41px 78.24px 0px rgba(0, 0, 0, 0.16);}
.generic-swiper .swiper_container ,
.generic-swiper .swiper_mb_container{display: flex;overflow: hidden;gap: 56px;}
.generic-swiper .swiper_container .publicationsfor ,
.generic-swiper .swiper_mb_container .publicationsfor {display: flex;gap: 56px;align-items: center;justify-content: space-between;}
.generic-swiper .swiper_container .publicationsfor li ,
.generic-swiper .swiper_mb_container .publicationsfor li {display: inline-block;width: auto;}
.generic-swiper .swiper_container .publicationsfor li img,
.generic-swiper .swiper_mb_container .publicationsfor li img {max-width: none;}

.generic-swiper .swiper_mb_container{display: none;}

@media (max-width:1440px) {
    h2{font-size: var(--fs-40);line-height: 1.05;}

    .banner .live-account-right{width: 100%;}

    .home-row1 h2{margin-left: 0;}

    .home-row2 h2{margin: 0 auto;}
}
@media (max-width: 1076px){
    .generic-swiper .organisations li {max-width: 230px;}
    .generic-swiper .organisations {max-width: 668px;grid-template-columns: repeat(auto-fill, minmax(230px, 230px));}
}
@media (max-width: 1024px) {
    .banner{background: unset;padding: 0;}
    .banner .inner{flex-direction: column;padding: 0;gap: 0;}
    .banner .left-box{width: 100%;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/gold-trading-th-banner-mobile.webp) left bottom no-repeat;background-size: cover;}
    .banner .text-box{padding: 32px 20px 0;margin-bottom: 48px;}
    .banner .banner-form{width: 100%;box-shadow: none;}
    .banner .img-box{position: static;}
    .banner .live-account-right{padding-bottom: 0;}

    .home-row1{padding: 80px 0;}

    .home-row2{padding: 80px 0;}
    .home-row2 ul li{width: 140px;}
    .home-row2 ul li:nth-child(3){width: 200px;}
    .home-row2 ul li p{font-size: 27px;}

    
    .generic-swiper{padding: 80px 0;}
    .generic-swiper::after {width: 249px;height: 219px;}
}
@media (max-width: 780px) {
    .swiper_container{display: none !important;}
    .generic-swiper .swiper_mb_container{display: flex;flex-direction: column;padding: 0 7px;gap: 16px;}
    .generic-swiper .swiper_mb_container .publicationsfor li img{max-width: 100%;}
    .publicationsfor.item1 li:nth-child(1){width: 204px !important;}
    .publicationsfor.item1 li:nth-child(2){width: 108px !important;}
    .publicationsfor.item1 li:nth-child(3){width: 111px !important;}
    .publicationsfor.item1 li:nth-child(4){width: 45px !important;}
    .publicationsfor.item2 li:nth-child(1){width: 129px !important;}
    .publicationsfor.item2 li:nth-child(2){width: 106px !important;}
    .publicationsfor.item2 li:nth-child(3){width: 148px !important;}
    .publicationsfor.item2 li:nth-child(4){width: 55px !important;}
}
@media (max-width: 768px) {
    .row1 ul{gap: 12px;}
    .row1 ul li{width: 48%;}

    .home-row1{padding: 60px 0;}

    .home-row2{background: #E8E9ED;}
    .home-row2::after {background: url(https://d21u74ttq7jqzf.cloudfront.net/image/home_new_rwo2_bg_sm.webp) no-repeat;background-size: cover;background-position: center top;width: 189px;height: 166px;}
    .home-row2 ul li{width: 100%;}
    .home-row2 ul li:nth-child(3){width: 100%;}
    .home-row7 ul,.home-row2 ol {display: block;}
    .faq-module-icon {display: block;}
    .home-row7 ul li,.home-row2 ol li {background-color: var(--v-white);max-width: none;transition: all .3s;}
    .home-row2 ol li img {width: 64px;}
    .home-row2 ol li p {color: #404040;}
    .home-row7 ul li h3,.home-row2 ol li h3 {font-weight: 500;margin: 0;color: var(--v-black);text-align: left;}
    html[lang='ar-AE'] .home-row7 ul li h3,
    html[lang='ar-AE'] .home-row2 ol li h3 {text-align: right;}    
    html[lang='ar'] .home-row7 ul li h3,
    html[lang='ar'] .home-row2 ol li h3 {text-align: right;}
    .pc_p {display: none;}
    .li_container {display: flex;justify-content: space-between;align-items: center;gap: 12px;width: 100%;padding: 16px 12px;border-bottom: 1px solid #C6C6C6;cursor: pointer;}
    .p_box {padding: 8px 12px;background-color: #F7F7F7;}
    .li_left {display: flex;gap: 12px;align-items: center;}

    .home-row2 ul {display: flex;margin: 24px 0 16px;}
    .home-row2 ul li {display: flex;gap: 4px;border-bottom: 1px dashed #00000029;text-align: left;align-items: center;padding: 8px 0;}
    .home-row2 ul li:last-child {border-bottom: none;}
    .home-row2 ul li p {margin-bottom: 0;font-size: var(--fs-30);}

    .generic-swiper{padding:56px 0;}
    .generic-swiper .organisations {max-width: 352px;grid-template-columns: repeat(auto-fill, minmax(172px, 172px));padding: 0;margin: 24px auto 32px;justify-content: center;}
    .generic-swiper .organisations li {max-width: 172px;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);}
    .generic-swiper {padding: 32px 0;}

    .generic-swiper .swiper_container {padding: 0 39.4px;gap: 21.8px;}
    .generic-swiper .swiper_container .publicationsfor {display: flex;gap: 21.8px;}
    .generic-swiper .swiper_container .publicationsfor li {flex-shrink: 0;}

    .generic-swiper .swiper_mb_container {padding: 0 39.4px;gap: 21.8px;}
    .generic-swiper .swiper_mb_container .publicationsfor {display: flex;gap: 21.8px;}
    .generic-swiper .swiper_mb_container .publicationsfor li {flex-shrink: 0;}
    .generic-swiper .swiper_mb_container .publicationsfor li img {max-width: 100%;}
}
@media (max-width: 590px){
    .generic-swiper .swiper_mb_container{padding: 0 7.4px;}
    .publicationsfor.item1 li:nth-child(1){width: 136px !important;}
    .publicationsfor.item1 li:nth-child(2){width: 72px !important;}
    .publicationsfor.item1 li:nth-child(3){width: 74px !important;}
    .publicationsfor.item1 li:nth-child(4){width: 30px !important;}
    .publicationsfor.item2 li:nth-child(1){width: 86px !important;}
    .publicationsfor.item2 li:nth-child(2){width: 71px !important;}
    .publicationsfor.item2 li:nth-child(3){width: 99px !important;}
    .publicationsfor.item2 li:nth-child(4){width: 37px !important;}
}
@media (max-width: 510px) {
    .mb-br{display: block;}

    .banner h2{font-size: 28px;line-height: 34px;}
    .banner .left-box p{width: 85%;margin: 0 auto;font-weight: 400;line-height: 24px;}
    .banner .vantage-logo{width: 56px;height: 56px;margin-bottom: 12px;}
    .banner .vantage-logo img{width: 28px;}
    .banner .open-live-account .form-body #new-live{margin-bottom: 48px;}

    .home-row1{padding: 32px 0;}
    .home-row1 h2{font-size: 20px;line-height: 24px;margin-bottom: 31px;}
    .competition-spread-table table{border-spacing: 2px 0;}
    .competition-spread-table th{padding: 21px 8px;}
    .competition-spread-table th, td{width: 122px;}
    .competition-spread-table th:last-child{line-height: 17px;}
    .competition-spread-table td:first-child{font-size: 14px;line-height: 18px;}
    .competition-spread-table .td2 div{line-height: 21px;}
    .competition-spread-table th img {max-width: 69.8px;}
    .competition-spread-table td{padding: 13.5px 8px;}
    .competition-spread-table ul{padding-left: 18px;}

    .row1{padding: 32px 0;}
    .row1 h2{font-size: 20px;line-height: 24px;margin-bottom: 24px;}
    .row1 ul li{width: 170px;padding: 0px 12px 12px;}
    .row1 ul li .icon-box img{width: 80px;}
    .row1 ul li h3{line-height: 17px;margin-bottom: 4px;}
    .row1 ul li p{width: 100%;}

    .home-row2{padding: 32px 0;}
    .home-row2 h2{font-size: 20px;line-height: 24px;}
    .home-row2 ol li h3{font-size: 14px;line-height: 18px;}
    .home-row2 ol li p {font-size: 14px;line-height: 20px;}
    .home-row2 ol li h3 br{display: none;}
    .home-row2 ul{gap: 8px;}
    .home-row2 ul li p{font-size: 18px;line-height: 22px;}
    .home-row2 ul li{line-height: 20px;padding: 0 0 7px;}

    .generic-swiper{padding: 32px 0;}
    .generic-swiper h2{width: 96%;margin: 0 auto;font-size: 20px;line-height: 24px;}
    .generic-swiper .swiper_mb_container{gap: 16px;}
    .generic-swiper .organisations {grid-template-columns: repeat(auto-fill, minmax(172px, 172px));grid-gap:8px;}
    .generic-swiper .organisations li {max-width: 172px;}
    .generic-swiper .organisations{margin: 16px auto 32px;}
}
@media (max-width: 400px){
    .generic-swiper .swiper_mb_container .publicationsfor{overflow-x: scroll;}
    
}
@media (max-width: 392px){
    .generic-swiper .organisations {grid-template-columns: repeat(auto-fill, minmax(137px, 137px));grid-gap:5px;max-width: 280px;}
    .generic-swiper .organisations li {max-width: 137px;}
}
/* ! vantagemarekts|2026-03-06 15:05:00 ! */