.orange-button{text-transform: uppercase;}
.account{font-size: var(--fs-16);font-weight: 400;color: var(--v-black);margin: 0px;line-height: 1;}
.log-in{color: var(--v-orange);text-decoration: underline;}

.deposit-bonus-banner{background:url(/wp-content/themes/vantage/images/deposit-bonus-banner.webp) top center no-repeat; background-size:cover;position: relative;padding:143px 0px 59px;position: relative;overflow: hidden;}
.deposit-bonus-banner .text-box{width: 49%;position: relative;z-index: 10;}
.deposit-bonus-banner .text-box .top-text{font-size: var(--fs-30);font-style: italic;font-weight: 500;color: var(--v-black);margin-bottom: 0;}
.deposit-bonus-banner .text-box .top-text span{color:#E35728;}
.deposit-bonus-banner h1{font-size: 48px;font-weight: 600;color: var(--v-black);margin-bottom: 16px;line-height: 60px;}
.deposit-bonus-banner h1 span{color: var(--v-orange);}
.deposit-bonus-banner .account{margin-bottom: 91px;}
.deposit-bonus-banner .small-txt{font-size: var(--fs-12);color: #636363;margin-bottom: 0;line-height: 18px;}
.deposit-bonus-banner .small-txt a{font-weight: 700;text-decoration: underline;}
.deposit-bonus-banner .orange-button{margin-bottom: 16px;}
.deposit-bonus-banner .img-box{position: absolute;right: 100px;bottom: 0;}

.deposit-bonus-power{background:var(--v-white);padding: 96px 0;overflow: hidden;}
.deposit-bonus-power h2{font-size: var(--fs-56);font-weight: 500;color: var(--v-black-light);margin-bottom: 40px;line-height: 58px;text-align: center;}
.deposit-bonus-power .bonus-con{display: flex;justify-content: center;gap: 37px;}
.deposit-bonus-power .bonus-item{border-radius: 16px;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);}
.deposit-bonus-power .bonus-top{border-radius: 16px 16px 0 0;font-size: var(--fs-20);font-weight: 700;color: var(--v-white);margin: 0px;line-height: 1;padding: 16px 0;text-align: center;}
.deposit-bonus-power .item1 .bonus-top{background:#DCDEE0;}
.deposit-bonus-power .item2 .bonus-top{background:#DE5830;}
.deposit-bonus-power .bonus-mid{padding: 16px 77px 24px;text-align: center;}
.deposit-bonus-power .bonus-mid-inner{padding-bottom: 24px;position: relative;}
.deposit-bonus-power .bonus-mid-inner::after{content:"";display:block;width: 127%;height: 1px;background:#BBBBBB;position: absolute;bottom: 0;left: -44px;}
.deposit-bonus-power .bonus-mid p{font-size: var(--fs-16);font-weight: 700;color: var(--v-black-light);margin-bottom: 15px;line-height: 1;}
.deposit-bonus-power .item2 .bonus-mid p span{color: #DE5830;}
.deposit-bonus-power .bonus-bottom{padding: 0 32px 32px;text-align: center;}
.deposit-bonus-power .bonus-bottom table{width: 100%;margin-bottom: 8px;}
.deposit-bonus-power .bonus-bottom td{font-size: 14px;font-weight: 600;color: #636363;padding-bottom: 8px;line-height: 16px;}
.deposit-bonus-power .bonus-bottom td span{color: #DE5830;}
.deposit-bonus-power .bonus-bottom td:nth-child(odd){text-align: left;}
.deposit-bonus-power .bonus-bottom td:nth-child(even){text-align: right;}
.deposit-bonus-power .bonus-bottom p.bottom-txt{font-size: 16px;font-weight: 600;color: var(--v-black-light);margin: 0px;line-height: 19px;text-align: center;padding-top: 23px;}
.deposit-bonus-power .orange-button{padding: 10px 30px;font-size: 16px;font-weight: 700;line-height: 20px;}
.deposit-bonus-power .orange-button span{font-size: 14px;font-weight: 600;line-height: 16px;}

.deposit-bonus-calculation{padding: 96px 0;overflow: hidden;background: #F1F2F5;}
.deposit-bonus-calculation h2{color: var(--v-black-light);font-size: var(--fs-56);font-weight: 600;margin-bottom: 32px;text-align: center;line-height: 68px;}
.deposit-bonus-power h2 span,
.deposit-bonus-calculation h2 span{color: var(--v-orange);}
.deposit-bonus-calculation p{color: var(--v-black);font-size: var(--fs-20);font-weight: 400;margin-bottom: 32px;text-align: center;line-height: 24px;}
.deposit-bonus-calculation .calculation-table{max-width: 1024px;margin: 0 auto 32px;}
.deposit-bonus-calculation .calculation-table table{width: 100%;border-radius: 16px;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);overflow: hidden;}
.deposit-bonus-calculation .calculation-table table th{color: var(--v-white);font-size: var(--fs-20);font-weight: 600;padding: 24px 36px;text-align: center;}
.deposit-bonus-calculation .calculation-table table th:nth-child(1){background:var(--v-green-darker);}
.deposit-bonus-calculation .calculation-table table th:nth-child(2){background:var(--v-green-darker);}
.deposit-bonus-calculation .calculation-table table th:nth-child(3){background:var(--v-orange);}
.deposit-bonus-calculation .calculation-table table td{color: #4A4A4A;font-size: 16px;font-weight: 400;padding: 16px;text-align: center;line-height: 23px;}
.deposit-bonus-calculation .calculation-table table td span{color: var(--v-orange);}
.deposit-bonus-calculation .calculation-table table tr:nth-child(even) td{background:var(--v-white);}
.deposit-bonus-calculation .calculation-table table tr:nth-child(odd) td{background:var(--v-grey-light2);}
.deposit-bonus-calculation .text-bottom{max-width:1024px;margin: 0 auto;}
.deposit-bonus-calculation .text-bottom .small-text{color: #98A2B3;font-size: 16px;font-weight: 500;margin-bottom: 0px;text-align: left;line-height: 17px;}
.deposit-bonus-calculation .text-bottom p{font-size: var(--fs-16);font-weight: 400;margin: 0px;text-align: left;line-height: 20px;margin-bottom: 32px;}
.deposit-bonus-calculation .text-bottom p a{font-weight: 700;margin: 0px;text-decoration: underline;}

html[lang='ar-AE'] .deposit-bonus-banner .text-box{display: flex;flex-direction: column;align-items: flex-end;}
html[lang='ar-AE'] .deposit-bonus-calculation .text-bottom p{text-align: right;}
html[lang='ar-AE'] .deposit-bonus-banner h1 {text-align: right;}

@media(max-width:1440px) {
    .deposit-bonus-banner{padding: 90px 0 70px;}
    .deposit-bonus-banner .img-box{right: 40px;}
}
@media(max-width:1240px) {
    .deposit-bonus-banner{padding: 80px 0 70px;}
    .deposit-bonus-banner .img-box{right: 0px;}

    .deposit-bonus-power{padding: 86px 0;}

    .deposit-bonus-get{padding: 86px 0;}
    .deposit-bonus-get .swiper-slide::after{right: -16px;top: 82px;}

    .deposit-bonus-calculation{padding: 86px 0;}

}
@media(max-width:1200px) {
    .deposit-bonus-banner .text-box{width: 60%;}
    .deposit-bonus-banner .img-box{right: -116px;}
    .deposit-bonus-banner .img-box img{width: 90%;}
}
@media(max-width:1024px) {
    .deposit-bonus-power{padding: 70px 0;}
    .deposit-bonus-power .bonus-mid{padding: 16px 60px 24px;}
    .deposit-bonus-power .bonus-mid-inner::after{width: 118%;left: -30px;}

    .deposit-bonus-get{padding: 70px 0;}

    .deposit-bonus-calculation{padding: 70px 0;}
    .deposit-bonus-calculation h2{line-height: 1.2;}
    .deposit-bonus-calculation .calculation-table table th{font-size: 16px;padding: 16px;}

}
@media(max-width:980px) {
    .deposit-bonus-banner{padding: 80px 0 0px;}
    .deposit-bonus-banner .inner{display: flex;flex-direction: column;}
    .deposit-bonus-banner .text-box{width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .deposit-bonus-banner .account{margin-bottom: 40px;}
    .deposit-bonus-banner .img-box{position: static;text-align: center;}
    .deposit-bonus-banner .img-box img{width: 80%;}

    .deposit-bonus-power .bonus-mid{padding: 16px 32px 24px;}
    .deposit-bonus-power .bonus-mid-inner::after{width: 100%;left: 0px;}
}
@media(max-width:860px) {
    .deposit-bonus-get .swiper-wrapper{justify-content: flex-start;}
}
@media(max-width:768px) {
    .deposit-bonus-banner{padding: 70px 0 0px;}
    .deposit-bonus-banner h1{font-size: 36px;line-height: 1.2;}
    .deposit-bonus-banner .img-box img{width: 100%;}

    .deposit-bonus-power{padding: 60px 0;}
    .deposit-bonus-power h2{line-height: 1.2;}
    .deposit-bonus-power .bonus-con{flex-wrap: wrap;}

    .deposit-bonus-get{padding: 60px 0;}
    .deposit-bonus-get h2{line-height: 1.2;}

    .deposit-bonus-calculation{padding: 60px 0;}
    .deposit-bonus-calculation .calculation-table table td{font-size: 14px;line-height: 20px;}
    .deposit-bonus-calculation .text-bottom{width: 100%;max-width: 100%;}

}
@media(max-width:620px) {
    .deposit-bonus-calculation .calculation-table{width: 100%;max-width: 100%;overflow-x: scroll;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);}
    .deposit-bonus-calculation .calculation-table table{width: 620px;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);}
}
@media(max-width:510px) {
    .deposit-bonus-banner{padding: 32px 0 0px;}
    .deposit-bonus-banner h1{font-size: 24px;line-height: 33px;color: #002329;margin-bottom: 27px;}
    .deposit-bonus-banner .orange-button{margin-bottom: 27px;}
    .deposit-bonus-banner .orange-button::after{width: 2em;height: 2em;}
    .deposit-bonus-banner .account{display: none;}

    .deposit-bonus-power{padding: 48px 0;background: #F2F3F5;}
    .deposit-bonus-power .bonus-mid{background: var(--v-white);padding: 16px 5px 24px;}
    .deposit-bonus-power .bonus-bottom{background: var(--v-white);border-radius: 0 0 16px 16px;}
    .deposit-bonus-power .bonus-bottom p.bottom-txt{font-weight: 800;}
    .deposit-bonus-power h2{margin-bottom: 16px;line-height: 29px;}
    .deposit-bonus-power .bonus-con{gap: 0px;}
    .deposit-bonus-power .bonus-item{margin-bottom: 16px;}
    .deposit-bonus-power .bonus-item:last-child{margin-bottom: 0;}

    .deposit-bonus-get{padding: 48px 0;}
    .deposit-bonus-get h2{margin-bottom: 16px;line-height: 29px;}
    .deposit-bonus-get .get-tab-list{margin-bottom: 16px;}
    .deposit-bonus-get .get-tab-con h3{line-height: 18px;}
    .deposit-bonus-get .get-tab-con p{line-height: 16px;}
    .deposit-bonus-get .get-tab-list p{line-height: 19px;}
    .deposit-bonus-get .step{width: 36px;height: 36px;font-size: 16px;line-height: 19px;}
    .deposit-bonus-get .swiper-slide::after{top: 50px;}
    .deposit-bonus-get .tab-con-swiper {margin-top: 16px;}

    .deposit-bonus-calculation{padding: 48px 0;}
    .deposit-bonus-calculation h2{margin-bottom: 16px;line-height: 29px;}
    .deposit-bonus-calculation p{font-size: 14px;margin-bottom: 16px;line-height: normal;}
    .deposit-bonus-calculation .calculation-table{margin: 0 auto 16px;}
    .deposit-bonus-calculation .text-bottom{display: flex;flex-direction: column-reverse;}
    .deposit-bonus-calculation .text-bottom p{text-align: left;}
    .deposit-bonus-calculation .text-bottom .small-text{color: var(--v-black);font-size: 14px;margin-bottom: 0;margin-top: 32px;font-weight: 400;}

}