header, footer{display: block;height: auto!important;}
h2{font-size:32px;font-weight: 600;line-height: 1.2;color: rgba(0, 35, 41, 1);text-align: center;}
    h1 span,h2 span{color: var(--v-orange);;}
.banner{background: url('/wp-content/themes/vantage/images/shanakht-banner-bg.webp') center bottom no-repeat;background-size: cover;padding: 96px 0;}
.banner .inner{display: flex;justify-content: center;align-items: center;gap: 56px; max-width: 1440px;}
.banner-text{width:57.3%;text-align: center;}
.banner-img{display: none;}
.banner-text img{margin-top: 24px;border-radius: 8px;}
.banner h1{font-size: 48px;font-weight: 600;line-height: 1.2;color: rgba(0, 35, 41, 1);}
.banner .banner_p{font-size:20px;font-weight: 500;line-height: 1.3;color: rgba(0, 35, 41, 1);margin: 12px 0 24px;}
.shanakht .tnc_btn{font-size:14px;font-weight:400;line-height: 1.4;color: var(--v-black);margin-bottom:0;}
.shanakht .tnc_btn a{opacity: 0.5;text-decoration: underline;}
.shanakht .tnc_btn a:hover{opacity: 1;}
.banner-form{width: 42.7%; display: flex; align-items: center;}
.live-account-right{ height: auto; min-height:auto; background:var(--v-white); border-radius:8px; padding-top:40px !important; padding-bottom:43px !important; width: 100%;max-width: 100%; min-width: 100%; justify-content: flex-end;}
.live-account-right .vantage-logo{ width: 72px; height: 72px;}
.live-account-right .emaile_Phone_box{ margin-bottom:10px;}
.open-live-account h1{ font-size:var(--fs-20) !important; color: var(--v-black-light); margin-bottom:31px !important;}
.live-account-right .live-account-right-inner{ width: 426px !important; margin: 0 auto; max-width:100%;}
.banner-form .open-live-account .form-body #new-live{ margin-bottom:0px;}
.banner-form .open-live-account .form-body #new-live #sub-open{ height: 55px; padding: 0 20px;}

.shanakht-div{background: url('/wp-content/themes/vantage/images/shanakht-content-bg.webp') center top no-repeat;background-size: cover;padding: 64px 0;text-align: center;overflow: hidden;}
.p_subtitle{font-size:16px;font-weight:400;line-height: 1.5;color: rgba(0, 0, 0, 0.8);text-align: center;}
.shanakht-div .p_subtitle{margin: 16px 0;}
.p_text{max-width: 890px;font-size:14px;font-weight:400;line-height: 1.4;color: var(--v-black);margin: 0 auto;}

.shanakht-list{margin: 48px 0 32px;}
.shanakht-list-content{display: flex;justify-content: center;gap:24px 10px;flex-wrap: wrap;}
.shanakht-list-item{padding: 16px 8px 24px;background: rgba(248, 248, 249, 1);border-radius: 8px;box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.16);max-width: 240px; transition: all 0.3s ease;}
.shanakht-list-item .item-tier span{font-size: 12px;line-height: 1.4;font-weight: 400;padding: 4px 12px;background: rgba(228, 97, 38, 0.1);color: var(--v-orange);border-radius: 20px;}
.shanakht-list-item .item-img{margin: 12px 0;}
.shanakht-list-item .item-p{margin:0;font-size: 16px;line-height: 1.3;font-weight: 500;color: var(--v-black);}
.shanakht-list-item .item-p span{font-size:24px;line-height: 1.2;font-weight: 600;color: var(--v-orange);display: block;}
.item-net{background: var(--v-orange);font-size:14px;line-height: 1.4;font-weight: 400;color: var(--v-white);padding: 8px;}
.item-net span{display: block;font-size:16px;line-height: 1.3;font-weight: 500;}
.item-botm{font-size:14px;line-height: 1.4;font-weight: 400;color: var(--v-black);display: flex;justify-content: center;margin-top: 8px;gap: 5px;align-items: center;}
.item-botm span{font-size:18px;line-height: 1.3;font-weight: 400;color: var(--v-orange);}
.shanakht-list-item:hover{transform: translateY(-10px);}
.mobile-only { display: none; }
.shanakht .swiper-pointer-events{min-height: auto}

.get_bonus_modules h2{font-size: 48px;}
.get_bonus_modules{padding: 96px 0;background: url("/wp-content/themes/vantage/images/shanakht-step-bg.webp") no-repeat center; background-size: cover;}
.get_bonus_modules .p_subtitle{margin: 16px 0 56px;}
.get_bonus_modules .join-tab-list{display: flex;justify-content: center;margin-bottom: 32px;cursor: pointer;position: relative;}
.get_bonus_modules .join-tab-list .tab-item{position: relative;}
.get_bonus_modules .join-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#0000003D;position: absolute;bottom: -1px;left: 0;}
.get_bonus_modules .join-tab-list p{width: 128px;color: var(--v-black);font-size: var(--fs-20);line-height: 1.3;margin-bottom: 0;text-align: center;font-weight: 500;}
.get_bonus_modules .join-tab-list .tab-item.active p{color: var(--v-orange);}
.get_bonus_modules .item-content{display: flex;justify-content:center;margin: 0 auto 32px;gap: 56px;}
.get_bonus_modules .item-box{max-width: 320px;width: 100%;}
.get_bonus_modules .step{width: 52px;height: 52px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: var(--fs-20);margin-bottom: 8px;position: relative;line-height: 1;font-weight: 600;}
.get_bonus_modules .join-tab-con{text-align: center;}
.get_bonus_modules .join-tab-con .item-box:nth-child(1) .step{background:#FF8E5C;}
.get_bonus_modules .join-tab-con .item-box:nth-child(2) .step{background:#FF8E5C;}
.get_bonus_modules .join-tab-con .item-box:nth-child(3) .step{background:#034854;}
.get_bonus_modules .join-tab-con .item-box:nth-child(1) h4{color: #FF8E5C;}
.get_bonus_modules .join-tab-con .item-box:nth-child(2) h4{color: #FF8E5C;}
.get_bonus_modules .join-tab-con .item-box:nth-child(3) h4{color: #034854;}
.get_bonus_modules .join-tab-con .step::after{content:"";display:block;width: 204px;border-bottom: 2px dashed #E35728;position: absolute;top: 26px;left: 108px;}
.get_bonus_modules .join-tab-con .item-box:last-child .step::after{display: none;}
.get_bonus_modules .join-tab-con h4 {text-align: left;font-size: var(--fs-20);font-weight: 600;line-height: 1.2;margin-bottom: 12px;}
.get_bonus_modules .join-tab-con p{color: var(--v-black);font-size: var(--fs-16);margin-bottom: 0;text-align: left;}
.get_bonus_modules .join-tab-con p a {text-decoration: underline;opacity: 0.5;}
.get_bonus_modules .join-tab-con p a:hover{opacity: 1;}
.get_bonus_modules .tab-con-item{display: none;}
.get_bonus_modules .tab-con-item.active{display: block;}
.get_bonus_modules .orange-button{text-transform: uppercase;padding: 16px 36px;line-height: 1.3;max-height: 55px;}
.get_bonus_modules_wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.orange-arrow-button.p18 {line-height: 1.3;cursor: pointer;}
.get_bonus_modules .btn-box {max-height: 64px;}

@media(max-width:1680px) {
    .live-account-right .vantage-logo{ width: 62px; height: 62px; margin-bottom: 14px;}    
    .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 input{ height: 50px !important; padding-top:5px !important; font-size:14px !important;}
    .open-live-account .form-body .form-element .input-container::after{ top:50px !important;}
    .open-live-account p.error{ font-size:14px !important;}
    .open-live-account .form-body .form-element.country .arrow-down,
    .open-live-account .form-body .form-element.province .arrow-down{top: 10px !important;}
    .open-live-account .form-body .form-element .input-container #changePassword{top: 10px !important;}
    .open-live-account .form-body .form-element .input-container .icons-box{top: 10px !important;}
    .open-live-account .form-body .form-element{margin-bottom:10px !important;}
    .open-live-account .form-body .hasError .input-container .error,
    .open-live-account .form-body .agreeConditionBox.hasError .error{ margin-bottom:10px !important;}
    .banner-form .open-live-account .form-body #new-live #sub-open{ height: 50px;}
    .banner-form .open-live-account .form-body #new-live #sub-open::after{width: 180%;}
}

@media(max-width:1440px) {  
    .banner-form{padding-top:45px; padding-bottom:45px;}
    .live-account-right{ padding-top:20px !important; padding-bottom:20px !important;}
    .live-account-right .vantage-logo{ width: 50px; height: 50px; margin-bottom: 6px;}
    .open-live-account h1{ margin-bottom:12px !important; font-size:20px !important;}
    .open-live-account .emaile_Phone_box .box_container .account_type{font-size:14px; min-height: 32px;}
    .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: 3px !important;}}
    .open-live-account p.error{ font-size:14px !important;}
    .open-live-account .form-body .form-element.country .arrow-down,
    .open-live-account .form-body .form-element.province .arrow-down{top: 10px !important;}
    .open-live-account .form-body .form-element .input-container #changePassword{top: 10px !important;}
    .open-live-account .form-body .form-element .input-container .icons-box{top: 10px !important;}
    .open-live-account .form-body .hasError .input-container .error,
    .open-live-account .form-body .agreeConditionBox.hasError .error{ margin-bottom:6px !important;}
    .open-live-account .form-body .choose-account-type label{font-size:14px;}
    .banner-form .open-live-account .form-body #new-live #sub-open{ height: 45px;}
    .banner-form .open-live-account .form-body #new-live #sub-open::after{width: 176%;}
}
@media (max-width: 1350px) { 
    .get_bonus_modules h2{font-size:36px;}
    .get_bonus_modules .item-content {justify-content: center;gap: 0;max-width: 100%;}
    .get_bonus_modules .item-box {overflow: hidden;}
    .get_bonus_modules .join-tab-con .step::after {width: 266px;left: 52px;}
    .get_bonus_modules .join-tab-con p, .get_bonus_modules .join-tab-con h4 {padding-right: 20px;}
}
@media (max-width: 1100px) { 
    .banner h1{font-size:40px;}
    .get_bonus_modules .join-tab-con p .pc-br {display: none;}
    .get_bonus_modules .step {width: 40px;height: 40px;}
    .get_bonus_modules .join-tab-con .step::after {top: 20px;left: 40px;}
}
@media (max-width: 980px){
    .banner{padding:56px 0 0;}
    .banner h1{font-size:32px;}
    .banner{background: url(/wp-content/themes/vantage/images/shanakht-banner-bg-ipad.webp) left bottom no-repeat;background-size: cover;}
    .shanakht-div{padding: 32px 0;background: url(/wp-content/themes/vantage/images/shanakht-content-bg-ipad.webp) center top no-repeat;background-size: cover;}
    h2{font-size:28px;}
    .banner-form .live-account-right{max-width: 100%;}
    .banner .inner{flex-wrap: wrap;gap: 24px;}
    .banner-text,.banner-form{width: 100%;}
    .banner-form{max-width: 446px;margin: 0 auto;padding-top:16px; padding-bottom:16px;}
    .banner-form .live-account-right{margin: 0 auto;}
    .banner-img{display: block;}
    .banner-text img{display: none;}
}
@media (max-width: 768px) { 
    .get_bonus_modules h2{font-size:30px;}
    .get_bonus_modules {padding: 32px 0;}
    .get_bonus_modules .p_subtitle{margin: 8px 0 24px;}
    .shanakht-div .swiper{overflow: inherit;}
    .shanakht-list-content{flex-wrap: nowrap;justify-content: initial;gap:10px;}
    .shanakht-list-item {flex-shrink: 0;width: 240px!important;}
    .mobile-only { display: block; }
    .mobile-only::after{display: none!important;}
    .shanakht-list-content {visibility: hidden;}
    .swiper-button-prev,
    .swiper-button-next {
        width: 32px;
        height: 32px;
        background-color: rgba(0,0,0,0.3);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        cursor: pointer;
    }

    .swiper-button-prev {
        left: -30px;
        background-image: url('/wp-content/themes/vantage/images/arrow-left.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .swiper-button-next {
        right: -30px;
        background-image: url('/wp-content/themes/vantage/images/arrow-right.svg');
        background-repeat: no-repeat;
        background-position: center;
    }
    .swiper-button-next:hover:before, .swiper-button-prev:hover::before{display: none;}
    
}
@media (max-width: 700px) { 
    .get_bonus_modules .item-content {flex-direction: column;gap: 16px;}
    .get_bonus_modules .item-box {max-width: 500px;display: flex;overflow: unset;}
    .get_bonus_modules .step {margin: 0 8px 0 0;width: 40px;height: 40px;min-width: 40px;}
    .get_bonus_modules .join-tab-con .step::after {top: 40px;left: 50%;width: 1px;height:90px;border-left: 1px dashed #E35728;transform: translateX(-50%);}
    .get_bonus_modules .pc_br {display: none;}
    .get_bonus_modules .join-tab-con p, .get_bonus_modules .join-tab-con h4 {padding-right: 0;}
    .get_bonus_modules .join-tab-con h4 {margin-bottom: 6px;}
}
@media (max-width: 510px) { 
    .banner{padding:32px 0 0;}
    .banner h1{font-size:28px;}
    .banner{background: url(/wp-content/themes/vantage/images/shanakht-banner-bg-mobile.webp) left bottom no-repeat;background-size: cover;}
    .shanakht-div{background: url(/wp-content/themes/vantage/images/shanakht-content-bg-mobile.webp) center top no-repeat;background-size: cover;}
    h2{font-size:24px;}
    .shanakht-div{padding: 16px 0;margin-top: -3px;}
    .banner .banner_p{font-size: 16px;margin: 16px 0;}
    .get_bonus_modules h2{font-size:20px;}
    .p_subtitle{font-size: 14px;}
    .shanakht-div .p_subtitle{margin: 8px 0;}
    .shanakht-list{margin: 24px 0 16px;}
    .get_bonus_modules {background:url("/wp-content/themes/vantage/images/shanakht-step-bg-mobile.webp") no-repeat center;background-size: cover;}
    .get_bonus_modules .orange-button {padding: 12px 20px;}
    .get_bonus_modules .step {width: 24px;height: 24px;min-width: 24px;font-size: 14px;}
    .get_bonus_modules .join-tab-con .step::after {top: 24px;height: 80px;}
    .get_bonus_modules .join-tab-list p {font-size: 14px;width: 82px;}
    .get_bonus_modules .join-tab-con p {line-height: 1.4;}
    .swiper-button-next{right: -18px;}
    .swiper-button-prev{left: -18px;}
}
/* ! vantagemarekts|2025-10-21 17:20:00 ! */