.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-20240111.webp) center bottom no-repeat; background-size:cover;position: relative;position: relative;overflow: hidden;}
.deposit-bonus-banner .inner{display: flex;justify-content: space-between;align-items: center;}
.deposit-bonus-banner .text-box{width: 35%;padding:214px 0px 164px;position: relative;z-index: 10;}
.deposit-bonus-banner h1{font-size: 48px;font-weight: 600;color: #002329;margin-bottom: 20px;line-height: 57px;}
.deposit-bonus-banner h1 span{color: var(--v-orange);}
.deposit-bonus-banner .account{margin-bottom: 75px;}
.deposit-bonus-banner .small-txt{font-size: var(--fs-14);color: #606060;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: 12px;}
.deposit-bonus-banner .img-box{margin-right: -148px;flex: 0 0 59%;}
.trade-more{}
.trade-more .inner{padding-top:96px;padding-bottom: 96px;}
.trade-more .inner .text-box{max-width: 1080px;margin: 0 auto;}
.trade-more .inner .text-box h2{color: var(--v-black-light);font-size: var(--fs-56);font-weight: 500;margin-bottom: 44px;text-align: center;line-height: 1.2;}
.trade-more .inner .text-box h2 span{color: var(--v-orange);}
.trade-more .inner .text-box ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.trade-more .inner .text-box ul li{width: 32%;max-width: 320px;}
.trade-more .inner .text-box ul li img{margin-bottom: 31px;}
.trade-more .inner .text-box ul li p{color: #636363;font-size: var(--fs-16);padding-left: 32px;margin-bottom: 0;line-height: 1.2;}
.trade-more .inner .text-box ul li p.title{color: #002329; font-size: var(--fs-24);font-weight: 500;margin-bottom: 12px;position: relative;}
.trade-more .inner .text-box ul li p.title:before{content: "";display: block;width: 20px;height: 20px;background: url(/wp-content/themes/vantage/images/vantage-reward-get-check.svg) top center no-repeat;background-size: cover;position: absolute;top: 4px;left: 0;}
/* form */
.form-content{background:url(/wp-content/themes/vantage/images/deposit-bonus-form-content-bg.webp) center no-repeat;background-size: cover; }
.form-content .inner{padding-top: 80px;padding-bottom: 96px;}
.form-content .inner .text-box{max-width: 900px;display: flex;justify-content: space-between;margin: 0 auto;}
.form-content .inner .text-box .left{max-width: 277px;}
html[lang='vi-VN'] .form-content .inner .text-box .left{max-width: 286px;}
.form-content .inner .text-box .left h3{font-size:var(--fs-38);margin-bottom: 20px; font-weight: 500;color: var(--v-black);}
.form-content .inner .text-box .left h3 span{color: #E35728;}
.form-content .inner .text-box .left p{color: #1E1E1E;font-size: var(--fs-18);margin-bottom: 0;}
.form-content .form-body{width: 463px;}
.form-content .form-body .form-element{margin-bottom: 16px;position: relative;}
.form-content .form-body .form-element .input-container {position: relative;}
.form-content .form-body .form-element .input-container .remind{display: none;}
.form-content .form-body .form-element .input-container .remind{color: var(--v-black);font-size: var(--fs-14);}
.form-content .form-body .form-element .country-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 309px;position: absolute;top: 62px;width: 100%;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.form-content .form-body .form-element .country-code #country-search{width: 100%;height: 44px;border: none;outline: none;padding-right: 42px;border-radius: 4px;margin-bottom: 12px;background-color: var(--v-grey-light2);padding-left: 12px;position: relative;}
.form-content .form-body .form-element .country-code #country-search:hover{background-color: #ECECEC;}
.form-content .form-body .form-element .country-code #country-search:focus{border-radius: 4px 4px 0px 0px;}
.form-content .form-body .form-element .country-code #country-search:focus ~ .country-search-bottom{width: calc(100% - 24px);}
.form-content .form-body .form-element .country-code .country-search-bottom{display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 56px;left: 12px;}
.form-content .form-body .form-element .country-code .search-icon{position: absolute;top: 16px;right: 24px;display: flex;justify-content: space-around;align-items: center;width: 36px;height: 36px;}
.form-content .form-body .form-element .country-code .search-icon img{z-index: 9;position: relative;transform: translate(-1px, -1px);}
.form-content .form-body .form-element .country-code .search-icon::after{z-index: 1;content: '';display: block;position: absolute;width: 0px;height: 0px;background: var(--v-grey-light4);border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all 0.3s;}
.form-content .form-body .form-element .country-code .search-icon:hover:after{width: 36px;height: 36px;opacity: 1;}
.form-content .form-body .form-element .country-code .results{height: 229px;overflow-y: scroll;padding-bottom: 10px;}
.form-content .form-body .form-element .country-code .results::-webkit-scrollbar-thumb{background-color: rgba(227, 87, 40, 1);width: 4px;}
.form-content .form-body .form-element .country-code .results::-webkit-scrollbar-button{display: none;}
.form-content .form-body .form-element .country-code .results::-webkit-scrollbar-track{display: none;}
.form-content .form-body .form-element .country-code .results .results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);height: 35px;line-height: 35px;white-space: nowrap;}
.form-content .form-body .form-element .country-code .results .results-option:hover{background-color: var(--v-grey-light1);}
.form-content .form-body .form-element .country-code .results .results-option.active{background-color: var(--v-grey-light1);}
.form-content .form-body .form-element .country-code .no-data{display: none;position: absolute;top: 70px;left: 50%;transform: translateX(-50%);color: var(--v-grey-dark);}
.form-content .form-body .form-element .input-label{position: absolute;top: 18px;left: 15px;transition: all .2s linear;z-index: 9;pointer-events:none;}
.form-content .form-body .form-element .input-label sup{color: var(--v-red-dark);font-size: 18px;display: inline-block;transform: translateY(10px) translateX(2px);}
.form-content .form-body .form-element .input-container input{width: 100%;height: 61px;font-size: 16px;border: none;outline: none;border-radius: 8px;background-color: var(--v-grey-light2);padding-left: 15px;padding-top: 17px;transition: all .2s linear;padding-right: 64px;}
.form-content .form-body .form-element .input-container input:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.form-content .form-body .form-element .input-container input::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}
.form-content .form-body .form-element .input-container input:hover{background-color: #ECECEC;}
.form-content .form-body .form-element .input-container input#password{padding-right: 88px;}
.form-content .form-body .form-element .input-container::after{content: '';display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 61px;left: 0px;}
.form-content .form-body .form-element .input-container .icons-box{display: flex;justify-content: flex-end;align-items: center;width: 56px;height: 26px;position: absolute;top: 16px;right: 16px;}
.form-content .form-body .form-element .input-container .error-icon{display: none;width: 26px;height: 26px;}
.form-content .form-body .form-element .input-container .del-icon{display: none;width: 26px;height: 26px;}
.form-content .form-body .form-element.password .input-container .icons-box,
.form-content .form-body .form-element.country .input-container .icons-box,
.form-content .form-body .form-element.province .input-container .icons-box{right: 35px;}
.form-content .form-body .form-element.country .arrow-down,
.form-content .form-body .form-element.province .arrow-down{position: absolute;top: 16px;right: 4px;pointer-events: none;}
.form-content .form-body .form-element .input-container #changePassword{position: absolute;right: 4px;top: 16px;width: 30px;height: 30px;display: flex;justify-content: space-around;align-items: center;}
.form-content .form-body .form-element .input-container #changePassword img{transition: all .15s linear;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/* input */
.form-content .form-body .hasInner .input-label,
.form-content .form-body .hasFouns .input-label{top: 11px;font-size: 12px;}
.form-content .form-body .hasInner .input-container .del-icon{display: block !important;}
.form-content .form-body .hasFouns .input-label{color:var(--v-orange);}
.form-content .form-body .hasFouns .input-container::after{width: 100%;}
.form-content .form-body .hasBorder .input-container input{background-color:var(--v-grey-light4);border-radius: 8px 8px 0px 0px;}
.form-content .form-body .hasError .input-container .error{display: block;}
.form-content .form-body .hasError .input-container .error-icon{display: block;}
.form-content .form-body .hasError .input-container input{background-color: rgba(167, 30, 0, .1);}
.form-content .form-body .hasError .input-label{color: #a71e00;}
.form-content .form-body .password .input-container .error span{display: block;}
.form-content .form-body .password .input-container .error span.conform{color: var(--v-green);}
.error{margin-bottom: 0px;color: #a71e00;font-size: var(--fs-14);display: none;}
#eyesClose{display: block;}
#eyesOpen{display: none;}
#hide-box{display: none;}
input[type="password"]::-ms-reveal{display: none;}
input[type="password"]::-ms-clear{display: none;}
input[type="password"]::-o-clear{display: none;}
.register-info{display: none;z-index: 999;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;color: #d72d2b;text-align: center;margin-top: 10px;background-color: #fff;box-shadow: -1px 4px 15px 4px #2f2e2ead;border-radius: 30px;padding: 70px 50px 60px 50px;}
.register-info span{cursor: pointer;}
/* box-shadow: 0px 8px 30px #E3572880; */
.form-content .form-body button{border: none;outline: none;width: 100%;height: 60px;font-size: var(--fs-16);}
.form-content .form-body button::after{content: '';display: block;width: 200%;height: 1020%;background-color: #d43d14;position: absolute;top: 540%;transform-origin: top right;transition: all .4s;z-index: -1;left: -80%;border-radius: 35%;transform: rotate(26deg);}
.form-content .form-body button:hover:after{transform: rotate(100deg) translateZ(0px);}
.form-content .form-body p.other{margin-bottom: 0;margin-top: 32px;font-size: var(--fs-16);color: var(--v-black);font-weight: 500;text-align: center;}
.form-content .form-body p.other a{color: #C62400; text-decoration-line: underline;}
.deposit-bonus-get{padding: 96px 0;overflow: hidden;position: relative;}
.deposit-bonus-get .inner{position: relative;z-index: 10;}
.deposit-bonus-get h2{color: var(--v-black-light);font-size: var(--fs-56);font-weight: 500;margin-bottom: 32px;text-align: center;line-height: 68px;}
.deposit-bonus-get h2 span{color: var(--v-orange);}
.deposit-bonus-get .get-tab-list{display: flex;justify-content: center;margin-bottom: 32px;cursor: pointer;position: relative;}
.deposit-bonus-get .get-tab-list .tab-item{position: relative;}
.deposit-bonus-get .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#BABABA;position: absolute;bottom: -1px;left: 0;}
.deposit-bonus-get .get-tab-list p{width: 180px;color: var(--v-black);font-size: var(--fs-22);font-weight: 400;line-height: 25px;margin-bottom: 0;padding-bottom: 10px;text-align: center;}
.deposit-bonus-get .get-tab-list .tab-item.active p{color: var(--v-orange);}
.deposit-bonus-get .swiper{overflow: visible;}
.deposit-bonus-get .swiper-wrapper{justify-content: center;}
.deposit-bonus-get .swiper-slide{max-width: 240px;}
.deposit-bonus-get .swiper-slide:last-child{margin-right: 0 !important;}
.deposit-bonus-get .swiper-slide::after{content:"";display:block;width: 15px;height: 19px;background:url(/wp-content/themes/vantage/images/deposit-bonus-get-icon1.svg) top center no-repeat; background-size:cover;position: absolute;top: 97px;right: -61px;}
.deposit-bonus-get .get-tab-con .swiper-slide:last-child::after{display: none;}
.deposit-bonus-get .step{width: 64px;height: 64px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: 28px;font-weight: 500;margin-bottom: 16px;line-height: 34px;}
.deposit-bonus-get .get-tab-con{text-align: center;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(1) .step{background:#FF8E5C;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(2) .step{background:#E35728;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(3) .step{background:#164B53;}
.deposit-bonus-get .get-tab-con h3{color: var(--v-black);font-size: var(--fs-20);font-weight: 600;line-height: 23px;margin-bottom: 16px;text-align: left;}
.deposit-bonus-get .get-tab-con .swiper-slide:last-child h3::after{display: none;}
.deposit-bonus-get .get-tab-con p{color: var(--v-black);font-size: var(--fs-16);font-weight: 400;line-height: 19px;margin-bottom: 0;text-align: left;}
.deposit-bonus-get .get-tab-con p em{font-size: var(--fs-12);}
.deposit-bonus-get .tab-con-item{opacity: 0;height: 0;}
.deposit-bonus-get .tab-con-item.active{opacity: 1;height: auto;}
/* .deposit-bonus-get .tab-con-item{display: none;}
.deposit-bonus-get .tab-con-item.active{display: block;} */
.deposit-bonus-get .tab-con-swiper { margin-bottom: 32px; }
.wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.deposit-bonus-get .get-tab-con .account{text-align: center;margin-top: 32px;line-height: 19px;}
.deposit-bonus-get .orange-button.p16 span span{ color:#FCE055;}
.public-have-to-say .inner-position .mask-layer-white{display: none !important;}
.deposit-bonus-anytime{padding: 96px 0;}
.deposit-bonus-anytime .anytime-con{display: flex;}
.deposit-bonus-anytime .anytime-left{width: 50%;background:url(/wp-content/themes/vantage/images/deposit-bonus-anytime-img1.webp) center center no-repeat; background-size:cover;background-position: 0% center;padding: 73px 100px 64px 70px;border-radius: 16px 0 0 16px;}
.deposit-bonus-anytime .anytime-right{width: 50%;background:url(/wp-content/themes/vantage/images/deposit-bonus-anytime-img2.webp) center center no-repeat; background-size:cover;padding: 73px 100px 64px 70px;border-radius: 0px 16px 16px 0;}
.deposit-bonus-anytime .anytime-con h2{font-size: var(--fs-32);font-weight: 600;margin-bottom: 13px;color: var(--v-white);line-height: 37px;}
.deposit-bonus-anytime .anytime-con p{font-size: var(--fs-14);font-weight: 400;margin-bottom: 10px;color: var(--v-white);line-height: 16px;}
.deposit-bonus-anytime .anytime-con p:nth-last-of-type(1){margin-bottom: 0px;}
.deposit-bonus-anytime .link-box{display: flex;margin-top: 46px;}
.deposit-bonus-anytime .link-box a:first-child{margin-right: 16px;}
html[lang='ar-AE'] .deposit-bonus-anytime .link-box {justify-content: flex-end;}
html[lang='ar-AE'] .deposit-bonus-banner .text-box{display: flex;flex-direction: column;align-items:flex-end;}
html[lang='ar-AE'] .text-box h1 {text-align: right;}
html[lang='ar-AE'] .trade-more .inner .text-box ul li{text-align: right;}
html[lang='ar-AE'] .form-content .inner .text-box .left{text-align: right;}
/* html[lang='ar-AE'] .deposit-bonus-get .get-tab-con h3{text-align: right;}
html[lang='ar-AE'] .deposit-bonus-get .get-tab-con p{text-align: right;} */
html[lang='ar-AE'] .public-have-to-say ul li p{text-align: right;}
html[lang='ar-AE'] .deposit-bonus-anytime .anytime-left{text-align: right;}
/* html[lang='ar-AE'] .deposit-bonus-get .swiper-slide{text-align: right;} */
html[lang='ar-AE'] .form-content .form-body .form-element .input-container input{padding-right: 15px;padding-left: 64px;text-align: right;}
html[lang='ar-AE'] .form-content .form-body .form-element .input-label{left: unset;right: 15px;}
html[lang='ar-AE'] .form-content .form-body .form-element .input-container .icons-box{right: unset;left: 16px;}
html[lang='ar-AE'] .form-content .form-body .form-element.country .input-container .icons-box{left: 35px;}
html[lang='ar-AE'] .form-content .form-body .form-element.country .arrow-down{right: unset;left: 4px;}
/* html[lang='ar-AE'] .deposit-bonus-get .swiper-wrapper{flex-direction:row-reverse;}
html[lang='ar-AE'] .deposit-bonus-get .swiper-slide{margin-right: 0 !important;margin-left: 144px;}
html[lang='ar-AE'] .deposit-bonus-get .swiper-slide:last-child{margin-left:0 !important;}
html[lang='ar-AE'] .deposit-bonus-get .swiper-slide::after{left:-61px;} */
@media(max-width:1600px) {
.deposit-bonus-banner .text-box{padding: 125px 0;}
}
@media(max-width:1440px) {
.deposit-bonus-banner .text-box{padding: 70px 0;}
.deposit-bonus-banner .img-box{margin-right: -40px;flex: 0 0 64%;}
}
@media(max-width:1240px) {
/* .deposit-bonus-banner{padding: 180px 0 170px;}
.deposit-bonus-banner .img-box{right: 0px;} */
.deposit-bonus-get{padding: 86px 0;}
.deposit-bonus-get .swiper-slide::after{right: -16px;top: 82px;}
.trade-more .inner{padding-top: 86px;padding-bottom: 86px;}
.deposit-bonus-anytime{padding: 86px 0;}
.deposit-bonus-anytime .anytime-left{padding: 60px 70px;}
.deposit-bonus-anytime .anytime-right{padding: 60px 70px;}
}
@media(max-width:1200px) {
.deposit-bonus-banner .text-box{width: 46%;}
/* .deposit-bonus-banner .img-box{right: -50px;} */
/* .deposit-bonus-banner .img-box img{width: 90%;} */
.deposit-bonus-anytime .anytime-left{padding: 50px 40px;}
.deposit-bonus-anytime .anytime-right{padding: 50px 40px;}
}
@media(max-width:1024px) {
.deposit-bonus-banner{padding: 0;background-position: 20% 100%;}
.deposit-bonus-banner .inner{display: flex;flex-direction: column;margin: 0 -40px;}
.deposit-bonus-banner .text-box{width: 100%;background: #ffffff;padding: 70px 40px;display: flex;flex-direction: column;align-items: center;text-align: center;}
.deposit-bonus-banner .account{margin-bottom: 40px;}
.deposit-bonus-banner .img-box{margin-right: 0px;flex: 0 0 100%;}
/* .deposit-bonus-banner .img-box img{width: 80%;} */
.deposit-bonus-get{padding: 70px 0;}
.trade-more .inner{padding-top: 70px;padding-bottom: 70px;}
.form-content .inner{padding-top: 70px;padding-bottom: 70px;}
.deposit-bonus-anytime{padding: 70px 0;}
}
@media(max-width:980px) {
.deposit-bonus-anytime .anytime-con{flex-direction: column;}
.deposit-bonus-anytime .anytime-left{width: 100%;border-radius: 16px 16px 0 0px;}
.deposit-bonus-anytime .anytime-right{width: 100%;height: 374px;border-radius: 0px 0px 16px 16px;}
}
@media(max-width:860px) {
.deposit-bonus-get .swiper-wrapper{justify-content: flex-start;}
}
@media(max-width:768px) {
.deposit-bonus-banner h1{font-size: 36px;line-height: 1.2;}
/* .deposit-bonus-banner .img-box img{width: 100%;} */
.deposit-bonus-get{padding: 60px 0;}
.deposit-bonus-get h2{line-height: 1.2;}
.trade-more .inner{padding-top: 60px;padding-bottom: 60px;}
.trade-more .inner .text-box h2{margin-bottom: 20px;}
.trade-more .inner .text-box ul{justify-content: center;}
.trade-more .inner .text-box ul li{width: 100%;margin: 0 15px 20px;}
.trade-more .inner .text-box ul li img{margin-bottom: 15px;}
.trade-more .inner .text-box ul li p.title{margin-bottom: 5px;}
.form-content .inner{padding-top: 60px;padding-bottom: 60px;}
.form-content .inner .text-box{flex-wrap: wrap;justify-content: center;}
.form-content .inner .text-box .left{max-width: 80%;margin-bottom: 40px;}
.form-content .inner .text-box .left h3{text-align: center;}
.form-content .inner .text-box .left p{text-align: center;}
.deposit-bonus-anytime{padding: 60px 0;}
.form-content .form-body .email-verification .captcha{width: calc(100% - 96px);}
.form-content .form-body .email-verification #getVerifyCode{margin-right: 0px;min-width: unset;}
}
@media(max-width:510px) {
.deposit-bonus-banner .text-box{padding: 32px 40px;}
.deposit-bonus-banner h1{font-size: 20px;line-height: 24px;}
.deposit-bonus-banner .orange-button::after{width: 2em;height: 2em;}
.deposit-bonus-banner .account{display: none;}
.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-bottom: 16px; }
.trade-more .inner{padding-top: 48px;padding-bottom: 48px;}
.form-content .inner{padding-top: 48px;padding-bottom: 48px;}
.deposit-bonus-anytime{padding: 48px 0;}
.deposit-bonus-anytime .anytime-con h2{font-size: 24px;margin-bottom: 32px;line-height: 32px;}
.deposit-bonus-anytime .anytime-con p{font-size: 14px;line-height: 18px;}
.deposit-bonus-anytime .anytime-left{padding: 40px 24px;}
.deposit-bonus-anytime .link-box{margin-top: 32px;}
.deposit-bonus-anytime .link-box img{width: 140px;height: 44px;}
.deposit-bonus-anytime .anytime-right{height: 280px;padding: 40px 24px;}
.form-content .form-body .form-element .input-container .icons-box{top: 18px;right: 6px;}
.form-content .inner .text-box .left{margin-bottom: 20px;}
}
@media (max-width: 360px) {
.form-content .form-body .email-verification .captcha label{top: 11px !important;font-size: 12px !important;}
}