.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: #F1F3F5;position: relative; overflow: hidden; height: 600px; display: flex; align-items: center;}
.deposit-bonus-banner .out-img{display: none;}
.deposit-bonus-banner .inner{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.deposit-bonus-banner .text-box{width: 50%; max-width: 620px; position: relative; z-index: 10;}
.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 p.text{color: #002329; font-size: var(--fs-16);margin-bottom: 20px;line-height: 1.2; font-weight: 500;}
.deposit-bonus-banner .account{margin-bottom: 0px;font-size: var(--fs-14);color: #606060; margin-bottom: 7px;}
.deposit-bonus-banner .account a{text-decoration: underline;}
.deposit-bonus-banner .orange-button{margin-bottom: 12px;}
.deposit-bonus-banner .img-box{width: 70%; max-width: 814px; margin-right: -148px;}

/* form */
.form-content{background:url(/wp-content/themes/vantage/images/0.5-rebate-form-content-bg.svg?v=3) center no-repeat;background-size: cover; }
.form-content .inner{padding-top: 80px;padding-bottom: 100px;}
.form-content .inner .text-box{}
.form-content .inner .text-box .left{text-align: center;margin-bottom: 60px;}
.form-content .inner .text-box .left h2{font-size:var(--fs-56);margin-bottom: 20px; font-weight: 500;color: var(--v-black);}
.form-content .inner .text-box .left h2 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;margin: 0 auto;}
.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;}


.form-content .form-body button{border: none;outline: none;width: 100%;box-shadow: 0px 8px 30px #E3572880;height: 60px;font-size: var(--fs-16);margin-top: 16px;}
.form-content .form-body button::after{content: '';display: block;width: 200%;height: 1030%;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;line-height: 1.2;}
.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: 140px;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: 700;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 .tab-con-swiper 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 .tab-con-swiper p em{font-size: var(--fs-12);}
.deposit-bonus-get .get-tab-con .tab-con-item>p{color: var(--v-black);font-size: var(--fs-14);margin-top: 32px;text-align: center;}
.deposit-bonus-get .tab-con-item{display: none;}
.deposit-bonus-get .tab-con-item.active{display: block;}
.deposit-bonus-get .orange-button{margin-top: 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;}



.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: 700;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;}

@media(max-width:1440px) {
    .deposit-bonus-banner .img-box{margin-right: -40px;}
}
@media(max-width:1240px) {
    .deposit-bonus-get{padding: 86px 0;}
    .deposit-bonus-get .swiper-slide::after{right: -16px;top: 82px;}

    .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-anytime .anytime-left{padding: 50px 40px;}
    .deposit-bonus-anytime .anytime-right{padding: 50px 40px;}
}
@media(max-width:1024px) {

    .deposit-bonus-get{padding: 70px 0;}
    .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:940px) {
    .deposit-bonus-banner{height: auto; display: block;}
    .deposit-bonus-banner .inner{display: flex; flex-direction: column; margin: 0 -40px; width: auto;}
    .deposit-bonus-banner .text-box{width: 100%; max-width: initial; display: flex;flex-direction: column;align-items: center;text-align: center; padding: 32px 40px 40px; background: #fff;}
    .deposit-bonus-banner .img-box{width: 100%; text-align: center;}
    .deposit-bonus-banner .img-box img{width: 100%;}
}
@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;}

    .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{margin-bottom: 30px;}
    .form-content .inner .text-box .left h2{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 h1{color: #002329; font-size: 20px;}
    .deposit-bonus-banner .text-box p.text{display: none;}
    .deposit-bonus-banner .orange-button::after{width: 2em;height: 2em;}


    .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 .tab-con-swiper 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 .orange-button{margin-top: 16px;}

    .form-content .inner{padding-top: 48px;padding-bottom: 48px;}
    .form-content .form-body{width: auto;}

    .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;}
}
/* ! vantagemarekts|2025-10-21 17:20:00 ! */