@font-face { font-family: "Gilroy-Bold"; src: url("/wp-content/themes/vantage/register-investing/font/Gilroy-Bold.woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gilroy-Heavy"; src: url("/wp-content/themes/vantage/register-investing/font/Gilroy-Heavy.woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gilroy-Light"; src: url("/wp-content/themes/vantage/register-investing/font/Gilroy-Light.ttf"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gilroy-Medium"; src: url("/wp-content/themes/vantage/register-investing/font/Gilroy-Medium.ttf"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gilroy-Regular"; src: url("/wp-content/themes/vantage/register-investing/font/Gilroy-Regular.ttf"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Gilroy-SemiBold"; src: url("/wp-content/themes/vantage/register-investing/font/Gilroy-SemiBold.ttf"); font-weight: normal; font-style: normal; }

/* protected Css Start */
.ppw-post-password-container{ height: 100%; padding:0 20px; display: flex; align-items: center; justify-content: center;}
.ppw-ppf-input-container {max-width: 500px;}
.ppw-ppf-desc{font-size: 22px;color: #002329;margin-bottom: 30px;}
.ppw-ppf-field-container{display: flex;justify-content: space-between;align-items: center;}
.ppw-ppf-input-container label.ppw-pwd-label{width: 100%;color: #002329;}
.ppw-ppf-input-container label.ppw-pwd-label input{width: 70%;margin-left: 10px;border: 1px solid #002329;padding: 4px 10px;}
.ppw-pwd-submit-btn{width: 120px;height: 36px;background: #e35728;border: 0px;border-radius: 18px;color: #FFFFFF;cursor: pointer;}
/* protected Css End*/

.d_block { display: block; }

header,footer,.video-mobile-content.main-menu,.video-pc-content,.breadcrumb-section,.video-sidebar.openvideo,.page-tool-bar{ display: none !important; height: 0px !important;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #F5F5F5 inset !important;
    -webkit-text-fill-color: #000000 !important;
}

html { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ }

html, body { margin: 0; padding: 0; background: #F5F5F5; }

.main { width: 100%; min-height: 100vh; font-family: Gilroy-Regular; background: #F5F5F5; color: #000000; }

.main .container { width: 100%; display: flex; flex-wrap: nowrap; }

.main .container .box { width: 50%; }

.main .container .box.side_banner.banner_img { width: 80%; min-height: 100vh; background-image: url(/wp-content/themes/vantage/register-investing-th/image/banner_pc_new.webp?v=6); background-repeat: no-repeat; background-size: contain; background-position: center; background-color: #022d31; }

.main .container .box .banner_inner { margin-left: 25%; margin-top: 18%; }

.main .container .box .banner_inner .banner_inner_img { width: 5.45rem; height: 4rem; background-image: url(/wp-content/themes/vantage/register-investing/image/banner_inner.webp?=1); background-repeat: no-repeat; background-size: contain; background-position: center;
}
.main .container .box .banner_inner .banner_inner_txt { color: #000; text-align: center; font-family: Gilroy-SemiBold; font-size: 0.48rem; font-style: normal; line-height: 120%; width: 5.45rem; }

.main.kol .container .box.side_banner.banner_img { width: 20%; background-position: top 100% right 35%; }

.main .container .box .side_banner .banner_img { width: 100%; }

.main .container .box.contents { /* width: 100%; */ min-height: 100vh; display: flex; flex-wrap: nowrap; /* align-items: center; */ justify-content: center; background: var(--Default-White, #FFF); }

/* .main .container .box.contents::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url(/wp-content/themes/vantage/register-investing/image/giveaway-thai-investing.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    width: 3.8rem;
    height: 3.55rem;
} */

.main .container .box.contents .content_container { position: relative; z-index: 10; padding: 0.6rem 0 0 0; box-sizing: border-box; padding-top: 1.5rem; box-sizing: border-box; }

.main .container .box.contents .content_container .title, .main .container .box.contents .content_container .subtitle { color: #034754; text-align: center; }

.main .container .box.contents .content_container .title { font-family: Gilroy-Bold; font-size: .4rem; }

.main .container .box.contents .content_container .subtitle { font-size: .20rem; line-height: .4rem; margin-bottom: .4rem; }

.main .container .box.contents .content_container .form { width: 100%; box-sizing: border-box; }

.main .container .box.contents .content_container .form .form_input { position: relative; z-index: 10; width: 100%; margin-bottom: .2rem; /*border: 1px solid #C1C1C1; */background: var(--Light-Mode-Background-Light, #F5F5F5); transition:.4s all ; -webkit-transition:.4s all ; -moz-transition:.4s all ; -ms-transition:.4s all ; -o-transition:.4s all ; }

.main .container .box.contents .content_container .form .form_input.hide { opacity: 0; height: 0; transition: .4s all ; -webkit-transition: .4s all ; -moz-transition: .4s all ; -ms-transition: .4s all ; -o-transition: .4s all ; }

/* display: none; */
.password_validation { opacity: 0; height: 0; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; margin-bottom: 0; }

.password_validation.hide { opacity: 0; height: 0; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }

.main .container .box.contents .content_container .form .form_input.invalid { /* border-color: red; */ margin-bottom: 0; }

/* .main .container .box.contents .content_container .form .form_input.keyin.invalid label {
    color: red;
} */

.main .container .box.contents .content_container .form .form_input .input_field { font-family: Gilroy-Regular; position: relative; z-index: 10; width: 100%; box-sizing: border-box; background: none; border: none; color: #000000; }

.main .container .box.contents .content_container .form .form_input .input_field:focus, .main .container .box.contents .content_container .form .form_input .input_field:focus-visible, .main .container .box.contents .content_container .form .form_input .input_field:active { border-color: #E25628; outline: none; border-radius: .1rem; }

.main .container .box.contents .content_container .form .form_input.active { border-color: #E25628; }

.main .container .box.contents .content_container .form .form_input.keyin label, .main .container .box.contents .content_container .form .form_input .input_field:focus ~ label { /*background: #F5F5F5; *//*background: var(--Default-White, #FFF); */top: -0.1rem !important; left: .23rem; bottom: .4rem; color: #C1C1C1; font-size: .16rem; z-index: 20; padding: 0 .02rem 0 .02rem; }

.main .container .box.contents .content_container .form .form_input .input_field:focus ~ label { color: #E25628; }

.main .container .box.contents .content_container .form .country .form_input .country_label, .main .container .box.contents .content_container .form .form_input label { position: absolute; top: 0; bottom: 0; left: 0; color: #C1C1C1; display: flex; flex-wrap: nowrap; align-items: center; padding: .25rem; box-sizing: border-box; pointer-events: none; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }

.main .container .box.contents .content_container .form .form_input.otp.active .input_field:focus ~ label { display: none; }

.main .container .box.contents .content_container .form .form_input.otp.active .input_field:focus ~ .otp_send { color: #E25628; }

.main .container .box.contents .content_container .form .form_input.phone { display: flex; flex-wrap: nowrap; align-items: center; }

.main .container .box.contents .content_container .form .form_input.phone .phone_country { /* position: absolute; */ top: 0; bottom: 0; /* left: .25rem; */ padding-left: 0.25rem; margin: 0; display: flex; flex-wrap: nowrap; align-items: center; z-index: 20; cursor: pointer; }

.main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_flag { position: relative; /* background-image: url(/wp-content/themes/vantage/register-investing/image/united_states.webp); */ background-repeat: no-repeat; background-size: cover; background-position: center; font-weight: 700; /* background: #034754; */ color: #fff; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 0.5rem; /* padding: 0.1rem 0.2rem; */ box-sizing: border-box; border-radius: 0.075rem; font-size: .23rem; border: 1px solid #DCDCDC; }

.main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_flag::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; background-image: url(/wp-content/themes/vantage/register-investing/image/arrow_down.webp); background-repeat: no-repeat; background-size: contain; }

.main .container .box.contents .content_container .form .form_input.phone .phone_country.highlight .phone_country_flag::after { background-image: url(/wp-content/themes/vantage/register-investing/image/arrow_down_active.webp); }

.main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_code { display: none; }

.main .container .box.contents .content_container .form .form_input.phone.keyin .phone_country .phone_country_code { display: block; }

.main .container .box.contents .content_container .form .form_input.phone.keyin label { left: .23rem; }

.main .container .box.contents .content_container .form .form_input.phone.active .phone_country .phone_country_code, .main .container .box.contents .content_container .form .form_input.phone .input_field:focus ~ .phone_country .phone_country_code { display: block; }

.main .container .box.contents .content_container .form .mobile_box { width: 100%; display: flex; flex-wrap: nowrap; }

.main .container .box.contents .content_container .form .mobile_box.hide { display: none; }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown { width: 55%; margin-right: .2rem; display: flex; flex-wrap: nowrap; align-items: center; }

.main .container .box.contents .content_container .form .mobile_box.active .form_input.country_dropdown { border-color: #E35728; }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown .phone_country { width: 100%; padding-left: 0.25rem; margin: 0; display: flex; flex-wrap: nowrap; align-items: center; z-index: 20; cursor: pointer; }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown .phone_country::after { content: ""; position: absolute; top: 0.03rem; bottom: 0; right: .18rem; margin: auto; background-image: url(/wp-content/themes/vantage/register-investing/image/arrow_down.webp); background-repeat: no-repeat; background-size: contain; width: 0.3rem; height: 0.16rem; }

.main .container .box.contents .content_container .form .mobile_box.active .form_input.country_dropdown .phone_country::after { background-image: url(/wp-content/themes/vantage/register-investing/image/arrow_down_active.webp); }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown .phone_country .phone_country_flag { position: relative; font-weight: 700; background-repeat: no-repeat; background-size: cover; background-position: center; /* background: #034754; */ color: #fff; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: .55rem; height: .42rem; /* padding: .1rem .2rem; */ box-sizing: border-box; margin-right: .1rem; border-radius: .075rem; font-size: .23rem; border: 1px solid #DCDCDC; }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown .phone_country .phone_country_code { width: 100%; font-size: .35rem; margin-top: 0.05rem; margin-right: 0.56rem; }

.main .container .box.contents .content_container .form .mobile_box .form_input.phone .phone_country { display: none; }

.main .container .box.contents .content_container .form .mobile_box .form_input.phone .input_field#phone_number { padding: 0.25rem 0.3rem !important; }
.main .container .box.contents .content_container .form .mobile_box.active .form_input.phone label {color: #e25628;}

.main .container .box.contents .content_container .form .mobile_box .form_input.phone label { left: 0; }

.main .container .box.contents .content_container .form .mobile_box .form_input.keyin.phone label, .main .container .box.contents .content_container .form .mobile_box.active .form_input .input_field:focus ~ label { left: 0.45rem; }

.main .container .box.contents .content_container .form .mobile_box.active .form_input.country_dropdown .code_label { display: block; }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown .code_label { display: none; position: absolute; /* color: #C1C1C1; */ font-size: .3rem; top: -0.21rem; left: 0.25rem; bottom: unset; /* background: #F5F5F5; */ z-index: 20; padding: 0 0.02rem 0 0.02rem; box-sizing: border-box; flex-wrap: nowrap; align-items: center; pointer-events: none; }

.main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown.keyin .code_label, .main .container .box.contents .content_container .form .mobile_box.active .form_input.country_dropdown .code_label { display: flex; }

.main .container .box.contents .content_container .form .mobile_box.active .form_input.country_dropdown .code_label { color: #E35728; }

.main .container .box.contents .content_container .form .country { position: relative; display: none; }

.main .container .box.contents .content_container .form .country.active { display: block; }

.main .container .box.contents .content_container .form .country.active .country_name_field { border-color: #E25628; }

.main .container .box.contents .content_container .form .country.active ~ .form_input.phone { /* display: none; */ position: absolute; opacity: 0; }

.main .container .box.contents .content_container .form .country .form_input .country_label .search_icon { background-image: url(/wp-content/themes/vantage/register-investing/image/search.webp); background-repeat: no-repeat; background-size: contain; width: 0.25rem; height: 0.25rem; margin-right: 0.1rem; }

.main .container .box.contents .content_container .form .country .form_input .input_field { padding-left: .6rem; }

.main .container .box.contents .content_container .form .country .form_input.keyin .country_label, .main .container .box.contents .content_container .form .country .form_input .input_field:focus ~ .country_label { color: transparent; }

.main .container .box.contents .content_container .form .country .country_list { position: absolute; top: .54rem; z-index: 20; width: 100%; border: 1px solid #C1C1C1; background: #FCFCFC; border-radius: .1rem; padding: .1rem .2rem; box-sizing: border-box; overflow-y: scroll; }

.main .container .box.contents .content_container .form .country .country_list .country_item { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; cursor: pointer; }

.main .container .box.contents .content_container .form .country .country_list .country_item.d_none { display: none; }

.main .container .box.contents .content_container .form .country .country_list .country_item .country_info { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; }

.main .container .box.contents .content_container .form .country .country_list .country_item .country_info .country_flag { /* background-image: url(/wp-content/themes/vantage/register-investing/image/united_states.webp); */ background-repeat: no-repeat; background-size: cover; background-position: center; font-weight: 700; /* background: #034754; */ color: #fff; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 0.5rem; /* padding: 0.1rem 0.2rem; */ box-sizing: border-box; border-radius: 0.075rem; font-size: .23rem; margin-right: .1rem; border: 1px solid #DCDCDC; }

.main .container .box.contents .content_container .form .country .country_list .country_item .country_info .country_name { padding-top: .05rem; color: #000000; }

.main .container .box.contents .content_container .form .country .country_list .country_item.selected .country_info .country_name, .main .container .box.contents .content_container .form .country .country_list .country_item.selected .country_phone_code, .main .container .box.contents .content_container .form .country .country_list .country_item:hover .country_info .country_name, .main .container .box.contents .content_container .form .country .country_list .country_item:hover .country_phone_code { color: #E25628; }

.main .container .box.contents .content_container .form .country .country_list .country_item .country_phone_code { font-family: Gilroy-Medium; color: #767676; padding-top: .05rem; }
.main .container .box.contents .content_container .form .form_input.otp .otp_send { position: absolute; top: 0; bottom: 0; right: .26rem; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; color: #C1C1C1; font-weight: 600; cursor: pointer; z-index: 20; transition: all .15s; -webkit-transition: all .15s; -moz-transition: all .15s; -ms-transition: all .15s; -o-transition: all .15s; }


.main .container .box.contents .content_container .form .form_input.otp .otp_send.send_code:active, .main .container .box.contents .content_container .form .form_input.otp .otp_send.resend:active { color: #C1C1C1;
}

.main .container .box.contents .content_container .form .form_input.otp .otp_send.send_code .send_code_btn, .main .container .box.contents .content_container .form .form_input.otp .otp_send.resend .resend_code_btn { display: block; text-decoration: underline; color: #E35728; }
.main .container .box.contents .content_container .form .form_input.otp .otp_send.send_code .send_code_btn{ transition:all .2s ; -webkit-transition:all .2s ; -moz-transition:all .2s ; -ms-transition:all .2s ; -o-transition:all .2s ; }
.main .container .box.contents .content_container .form .form_input.otp .otp_send.send_code .send_code_btn:hover{color: #d43d14;}

.main .container .box.contents .content_container .form .form_input.otp .otp_send .send_code_btn, .main .container .box.contents .content_container .form .form_input.otp .otp_send .resend_code_btn, .main .container .box.contents .content_container .form .form_input.otp .otp_send .send_code_timer { display: none; }

.main .container .box.contents .content_container .form .form_input.otp .otp_send.cooldown .send_code_timer { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }

.main .container .box.contents .content_container .form .form_input.otp .otp_send .send_code_timer .countdown {
    margin: 0 .05rem;
}

.main.zh .container .box.contents .content_container .form .form_input.otp .otp_send .send_code_timer .countdown,
.main.tw .container .box.contents .content_container .form .form_input.otp .otp_send .send_code_timer .countdown {
    margin-top: .03rem;
}

.main .container .box.contents .content_container .form .form_input.otp .otp_send.verification::after {
    content: "";
    background-image: url(/wp-content/themes/vantage/register-investing/image/otp_loading_icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.main .container .box.contents .content_container .form .form_input.otp .otp_send.verif_success::after {
    content: "";
    background-image: url(/wp-content/themes/vantage/register-investing/image/otp_success_icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.main .container .box.contents .content_container .form .form_input.otp .otp_send.verif_success_blur::after {
    content: "";
    background-image: url(/wp-content/themes/vantage/register-investing/image/otp_success_blur_icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.main .container .box.contents .content_container .agree_tnc {
    width: 100%;
    color: #6D6D6D;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 600;
}

.main .container .box.contents .content_container .agree_tnc .checkbox {
    border: 1px solid #C1C1C1;
}

.main .container .box.contents .content_container .agree_tnc .checkbox.active {
    border-color: rgba(3, 72, 84, 1);
    background-image: url(/wp-content/themes/vantage/register-investing/image/checkbox.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.main .container .box.contents .content_container .agree_tnc .checkbox.active ~ .agree_text {
    color: #147875;
}

.main .container .box.contents .content_container .agree_tnc .checkbox.active ~ .agree_text .terms_of_service{
    color: #147875;
    font-weight: 600;
}

.main .container .box.contents .content_container .agree_tnc .checkbox.active ~ .agree_text .privacy_policy{
    color: #147875;
    font-weight: bold;
}

.main .container .box.contents .content_container .agree_tnc .agree_text {
    width: 100%;
    font-weight: 400;
    font-size: 0.2rem;
}

.terms_of_service, 
.privacy_policy,
.target_mkt_tbd,
.terms_and_condition {
    color: #000000;
}

.main .container .box.contents .content_container .btn {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: .3rem;
    justify-content: flex-end;
}

.main .container .box.contents .content_container .btn .btn_text {
    font-family: Gilroy-SemiBold;
    color: #FFFFFF;

}

.main .container .box.contents .content_container .signup {
    background: #E35728;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;


    border-radius: 1rem;
    background: var(--Brand-Orange, #E35728);
    box-shadow: 0rem .16rem .4rem 0rem rgba(183, 93, 38, 0.44);
}

.main .container .box.contents .content_container .signin {
    width: 100%;
    text-align: center;
    color: #5C5C5C;
    margin-bottom: .3rem;
    display: block;

    /* display: flex; */
    /* padding: 0.32rem 0.72rem;
    justify-content: flex-end;
    align-items: flex-end; */
    /* border-radius: 1rem;
    background: var(--Brand-Orange, #E35728);
    box-shadow: 0px 8px 20px 0px rgba(183, 93, 38, 0.44); */
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.main .container .box.contents .content_container .signin_link:active {
    color: #000000;
}

.main .container .box.contents .content_container .signin_link {
    color: #18B69B;
    cursor: pointer;
}

.main .container .box.contents .content_container .signin.d_none{
    display: none;
}

.input_invalid {
    color: #E35728;
    box-sizing: border-box;
    font-size: 18px;
}

.main .container .box.contents .content_container .form .form_input.otp .otp_send,
.main .container .box.contents .content_container .agree_tnc,
.main .container .box.contents .content_container .btn,
.main .container .box.contents .content_container .signin {
    /* If you want to implement it in very old browser-versions */
    -webkit-user-select: none; /* Chrome/Safari */ 
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* The rule below is not implemented in browsers yet */
    -o-user-select: none;

    /* The rule below is implemented in most browsers by now */
    user-select: none;
}

.info {
    position: fixed;
    bottom: 4rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.info.active {
    opacity: 1;
    pointer-events: initial;
}

.info_body {
    padding: .3rem;
    background: rgb(0, 0, 0, .9);
    color: #fff;
    border-radius: .35rem;
    line-height: 1;
    min-width: 70%;
    font-size: .25rem;
    font-family: Gilroy-Regular;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    transition-timing-function: ease-in;
    transition: 0.2s;
    transform: translateY(120%);
    box-sizing: border-box;
}

.info.active .info_body {
    opacity: 1;
    transform: translateY(0);
}

.break_box {
    width: 100%;
    height: 2rem;
}

.empty_country_list {
    width: 100%;
    font-family: Gilroy-Regular;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-style: italic;
}

.main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone .phone_country {
    cursor: default;
}

.main .container .box.contents .content_container .qr_code_wrapper{
    display: none;
    margin-bottom: .32rem;
}

.main .container .box.contents .content_container .qr_code_wrapper .qr_code_image{
    width: 100%;
    border-radius: .15rem;
}
@media (min-width:3000px) {
    .main .container .box.side_banner.banner_img{background-size: 100% 100%;}
}

@media screen and (min-width: 0px) {
    .main .container .box.contents .content_container .title {
        font-size: .6rem;
        line-height: .7rem;
        margin-bottom: .2rem;
    }

    .main .container .box.contents .content_container .subtitle {
        font-size: .35rem;
        margin-bottom: 0.5rem;
    }

    .main .container .box.contents .content_container .form .form_input {
        border-radius: .25rem;
        margin-bottom: 0.3rem;
    }



    .password_validation > .password_format {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0.1rem;
    }

    .password_validation > .password_format > img { max-width: 0.2rem; margin-right: 0.2rem; margin-top: .04rem;
    }

    .password_validation > .password_format > span {
        font-size: 0.2rem;
        color: #054955;
    }

    .main .container .box.contents .content_container .form .form_input .input_field {
        height: unset;
        border-radius: .25rem;
        font-size: .35rem;
        padding: 0.25rem 0.45rem;
    }

    .main .container .box.contents .content_container .form .country .form_input .country_label,
    .main .container .box.contents .content_container .form .form_input label {
        font-size: .35rem;
    }

    .main .container .box.contents .content_container .form .form_input.keyin label,
    .main .container .box.contents .content_container .form .form_input .input_field:focus ~ label {
        font-size: .3rem;
        top: -0.21rem !important;
        left: 0.45rem;
    }

    .main .container .box.contents .content_container .form .form_input.otp.keyin label {
        display: none;
    }

    .main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_flag {
        width: 0.55rem;
        height: 0.42rem;
        margin-right: 0.65rem;
    }
    
    .main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_flag::after {
        right: -0.45rem;
        width: 0.3rem;
        height: 0.19rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_code {
        font-size: .35rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone .input_field#phone_number {
        padding: 0.25rem 0.1rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone label {
        left: 1.2rem;
    }

    .main .container .box.contents .content_container .form .country .country_list {
        top: .951rem;
        height: 3.8rem;
        border-radius: .2rem;
        padding: .1rem .4rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item {
        height: .9rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item .country_info .country_flag {
        width: 0.55rem;
        height: 0.42rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item .country_info .country_name {
        font-size: .35rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item .country_phone_code {
        font-size: .35rem;
    }

    .main .container .box.contents .content_container .form .form_input.otp .otp_send {
        font-size: .25rem;
    }

    .main .container .box.contents .content_container .agree_tnc {
        font-size: .35rem;
    }
    .main .container .box.contents .content_container .agree_tnc:nth-child(2) {
        margin-bottom: 0.2rem;
    } 
    .main .container .box.contents .content_container .agree_tnc:nth-child(3) {
        margin-bottom: 0.48rem;
    } 

    .main .container .box.contents .content_container .agree_tnc .checkbox {
        width: 0.28rem;
        height: 0.28rem;
        border-radius: 50%;
        margin-right: 0.2rem;
    }
    .main .container .box.contents .content_container .agree_tnc .active {
        border: 1px solid rgba(3, 72, 84, 1) !important;
    }

    .main .container .box.contents .content_container .btn .btn_text {
        font-size: .3rem;
    }

    .main .container .box.contents .content_container .signup {
        width: 100%;
        height: 0.96rem;
        border-radius: 0.2rem;
    }

    .main .container .box.contents .content_container .signin {
        /* flex-wrap: wrap; */
        font-size: .35rem;
        line-height: .5rem;
    }

    .main .container .box.contents .content_container .signin_link {
        width: 100%;
        font-size: .35rem;
    }
    
    .main .container .box.contents .content_container .form .form_input.otp .otp_send.verification::after,
    .main .container .box.contents .content_container .form .form_input.otp .otp_send.verif_success::after,
    .main .container .box.contents .content_container .form .form_input.otp .otp_send.verif_success_blur::after {
        width: .3rem;
        height: .3rem;
    }

    .input_invalid {
        font-size: .24rem;
        padding: .12rem 0;
    }

    .info {
        bottom: 4rem;
    }

    .info_body {
        padding: .3rem;
        border-radius: .45rem;
        line-height: .8;
        min-width: 70%;
        font-size: .25rem;
    }

    .main .container .box.contents .content_container .form .mobile_box.mb_merge {
        flex-wrap: wrap;
    }

    .main .container .box.contents .content_container .form .mobile_box.mb_merge .form_input.phone .phone_country {
        display: flex;
    }

    .main .container .box.contents .content_container .form .mobile_box.mb_merge .form_input.country_dropdown {
        display: none;
    }

    .main .container .box.contents .content_container .form .mobile_box.mb_merge .form_input.phone .input_field#phone_number {
        padding: .25rem .45rem .25rem .08rem !important;
    }

    .main .container .box.contents .content_container .form .mobile_box .form_input.phone .phone_country {
        padding-left: .45rem;
    }

    /* .main .container .box.contents .content_container .form .mobile_box .form_input.phone label {
        left: 1.35rem;
    } */

    .main .container .box.contents .content_container .form .mobile_box .form_input.keyin.phone label {
        left: .45rem;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.country_dropdown {
        width: 40%;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.country_dropdown .phone_country {
        padding-left: unset;
        padding: 0 .25rem;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.country_dropdown .phone_country::after,
    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone .phone_country .phone_country_flag::after {
        background-image: none;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.country_dropdown .phone_country .phone_country_code {
        margin-right: unset;
        text-align: center;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone .phone_country .phone_country_flag {
        margin-right: .15rem;
    }

    .empty_country_list {
        height: 3rem;
        font-size: .3rem;
    }

    .main .container .box.contents .content_container .qr_code_wrapper{
        margin-top: .5rem;
    }
}

@media screen and (min-width: 1200px) {

    /* .success .banner_img {
        background-image: url('/wp-content/themes/vantage/register-investing/image/sucess_banner.webp?v=2') !important;
    } */

    .card-pupop {
        display: none !important;
    }
    
    .box-center {
        width: 60%;
    }
    .view-top  {
        margin: auto !important;
    }
    
    .view-top img {
        width: 160px !important;
        height: 160px !important;
    }

    .success_contents .icon_title  {
        margin-top: 60px !important;
        margin-bottom: 40px !important;
        font-family: Gilroy-SemiBold;
    }

    .success_contents .tab-list  {
        justify-content: center;
        cursor: pointer;
    }

    .tab-list img:nth-child(1) {
        margin-right: 17px;
    }
    .success_contents .tab-list img {
        width: 227.313px;
        height: 67.325px;
        cursor: pointer;
    }
    .box-center .btn {
        width: 471.933px !important;
        height: 64.538px !important;
    }
    .success_contents .box-center .signup {
        border-radius: 67.227px !important; 
        background: var(--Global-Global_1, #E35728);
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        width: 100% !important;
        height: 100% !important;
    }

    .main .container .box.side_banner {
        display: block;
    }
    .main .container .box.contents .content_container {
        width: 70%;
    }

    .main .container .box.contents .content_container .title {
        font-size: .4rem;
        line-height: unset;
        margin-bottom: unset;
    }

    .main .container .box.contents .content_container .subtitle {
        font-size: .20rem;
        margin-bottom: .4rem;
        line-height: 1.3;
    }

    .main .container .box.contents .content_container .form .form_input {
        border-radius: .1rem;
        margin-bottom: 0.2rem;
        background: var(--Light-Mode-Background-Light, #F5F5F5);
        border: none;
    }

    .main .container .box.contents .content_container .form .form_input .input_field {
        height: .4rem;
        border-radius: .1rem;
        font-size: .20rem;
        padding: 0.26rem 0.25rem;
        
    }

    .main .container .box.contents .content_container .form .country .form_input .country_label,
    .main .container .box.contents .content_container .form .form_input label {
        font-size: .20rem;
    }

    .main .container .box.contents .content_container .form .form_input.keyin label,
    .main .container .box.contents .content_container .form .form_input .input_field:focus ~ label {
        font-size: .16rem;
        top: -0.1rem !important;
        left: 0.23rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_flag {
        width: .39rem;
        height: .29rem;
        margin-right: 0.45rem;
        font-size: .2rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_flag::after {
        right: -0.3rem;
        width: 0.2rem;
        height: 0.14rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone .phone_country .phone_country_code {
        font-size: .20rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone .input_field#phone_number {
        padding: 0.26rem 0.08rem;
    }

    .main .container .box.contents .content_container .form .form_input.phone label {
        left: .75rem;
    }

    .main .container .box.contents .content_container .form .country .country_list {
        top: .54rem;
        height: 2.4rem;
        border-radius: .1rem;
        padding: .1rem .2rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item {
        height: .45rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item .country_info .country_flag {
        width: .39rem;
        height: .29rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item .country_info .country_name {
        font-size: .20rem;
    }

    .main .container .box.contents .content_container .form .country .country_list .country_item .country_phone_code {
        font-size: .20rem;
    }

    .main .container .box.contents .content_container .form .form_input.otp .otp_send {
        font-size: .17rem;
    }

    .main .container .box.contents .content_container .agree_tnc {
        font-size: .21rem;
        margin-bottom: .3rem;
    }
    
    .main .container .box.contents .content_container .agree_tnc .checkbox {
        width: .18rem;
        height: .18rem;
        margin-right: .08rem;
        border-radius: .06rem;
    }

    .main .container .box.contents .content_container .btn .btn_text {
        font-size: .21rem;
    }

    .main .container .box.contents .content_container .signup {
        width: auto;
        height: .5rem;
        border-radius: .3rem;
        padding: 0 .36rem;
    }

    .main .container .box.contents .content_container .signin {
        flex-wrap: nowrap;
        font-size: .21rem;
    }

    .main .container .box.contents .content_container .signin_link {
        width: unset;
        /* margin-left: .06rem; */
        font-size: .19rem;
    }

    .main .container .box.contents .content_container .form .form_input.otp .otp_send.verification::after,
    .main .container .box.contents .content_container .form .form_input.otp .otp_send.verif_success::after,
    .main .container .box.contents .content_container .form .form_input.otp .otp_send.verif_success_blur::after {
        width: .2rem;
        height: .2rem;
    }

    .input_invalid {
        font-size: .12rem;
        padding: .12rem 0;
    }

    .info {
        bottom: 1rem;
    }

    .info_body {
        padding: .25rem;
        border-radius: .45rem;
        line-height: .1;
        min-width: 30%;
        font-size: .2rem;
    }

    .main .container .box.contents .content_container .form .mobile_box {
        display: block;
    }

    .main .container .box.contents .content_container .form .mobile_box .form_input.phone .phone_country {
        display: flex;
    }
    
    .main .container .box.contents .content_container .form .mobile_box .form_input.phone .input_field#phone_number {
        padding: 0.26rem 0.08rem !important;
    }
    
    .main .container .box.contents .content_container .form .mobile_box .form_input.phone label {
        left: 0.75rem;
        color: #C1C1C1;
    }
    
    .main .container .box.contents .content_container .form .mobile_box .form_input.phone .input_field:focus ~ label,
    .main .container .box.contents .content_container .form .mobile_box .form_input.keyin.phone label {
        left: 0.23rem;
    }

    .main .container .box.contents .content_container .form .mobile_box .form_input.country_dropdown {
        display: none;
    }

    .main .container .box.contents .content_container .form .mobile_box.mb_merge .form_input.phone .input_field#phone_number {
        padding: 0.26rem 0.08rem !important;
    }

    .main .container .box.contents .content_container .form .mobile_box .form_input.phone .phone_country {
        padding-left: 0.25rem;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone .phone_country .phone_country_flag {
        margin-right: 0.15rem;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone .phone_country .phone_country_flag::after {
        background-image: none;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone label {
        left: 0.55rem;
    }

    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.phone .input_field:focus ~ label, 
    .main .container .box.contents .content_container .form .mobile_box.default_code .form_input.keyin.phone label {
        left: 0.23rem;
    }

    .break_box {
        display: none;
    }

    .empty_country_list {
        height: 2rem;
        font-size: .16rem;
    }

    .main .container .box.contents .content_container .qr_code_wrapper{
        margin-top: 0;
    }
}

.relative{
    position: relative;
}

.flip {
    transform: scaleX(-1);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@media screen and (max-width: 1200px) {

    .main .container {
        display: flex;
        flex-direction: column;
    }
    .main .content_container {

        margin-top: 0.32rem;
    }
    .main .container .box.side_banner.banner_img { width: auto; min-height: 12rem; background-position: center; }

    .main .contents { min-height: calc(100vh - 4rem) !important; }

    .card-pupop {display: flex; height: unset; padding: 0.3rem 0.24rem; flex-direction: row; align-items: center; justify-content: space-around; border-radius: 0.2rem; background: linear-gradient(98deg, #0890A7 19.81%, #023842 88.3%, #002329 105.86%); box-sizing: border-box; margin-top: auto; bottom: 0.68rem; position: fixed; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: 1111; padding-left: 20px; padding-right: 20px;width: calc(100% - 20px);gap: .1rem;}

    .card-pupop .left-box{display: flex; align-items: center;}
    .card-pupop .left-box div{display: flex; flex-wrap: wrap; flex-direction: column;}

    .card-pupop .icon { width: 0.2rem; height: 0.2rem; margin-right: 0.1rem; }
    .card-pupop .logo { width: 0.8rem; height: 0.8rem; margin-right: 0.1rem; }
    .card-pupop .card_title { white-space: nowrap; color: #fff !important; font-family: Gilroy !important; font-size: .34rem; font-style: normal; font-weight: 600; line-height: normal; font-family: Gilroy-SemiBold !important; }
    .card-pupop .card_text { color: var(--Dark-Mode-Secondary-Dark, rgba(255, 255, 255, 0.60)); font-size: 0.29rem; font-style: normal; font-weight: 600; line-height: normal; }

    .card-pupop .btn1 { color: var(--Default-White, #FFF); text-align: center; font-size: 0.24rem; font-style: normal; font-weight: 600; line-height: normal; border-radius: 0.12rem; background: var(--Brand-Orange, #E35728); text-align: center; width: 1.6rem; padding: 0 0.1rem; font-family: Gilroy-SemiBold !important; line-height: 0.64rem; white-space: nowrap; flex: 0 0 25%; }

    .container .success_contents { height: calc(100vh - 4rem); min-height: auto !important; }

    .main .container .box { width: 100%; }

    .main .container .box.side_banner.banner_img .banner_inner { display: flex; flex-direction: row; margin: 0; align-items: center; padding: 0 .24rem; }

    .main .container .box.side_banner.banner_img .banner_inner .banner_inner_img { width: 2.16rem; height: 1.56rem; margin-right: .62rem; }
    .main .container .box.side_banner.banner_img .banner_inner .banner_inner_txt { font-size: 16px; }

    .main .container .box.contents .content_container { padding: 0 .24rem; }
}

@media (max-width: 1024px) {
    .main .container .box.side_banner.banner_img { min-height: 10rem; }
}
@media (max-width: 850px) {
    .card-pupop{row-gap: .1rem; padding: 0.2rem 0.2rem; }
    .card-pupop .left-box{justify-content: center;}
    .card-pupop .btn1{ line-height: 0.6rem;}

    .main .container .box.side_banner.banner_img { min-height: 9rem; }
}

@media (max-width: 768px) {
    
    .password_validation > .password_format > span {font-size: 0.28rem;}
    .password_validation > .password_format > img{ max-width: 0.3rem; margin-top: .06rem;}
    .main .container .box.contents .content_container .agree_tnc .agree_text {font-size: 0.3rem;}
    .main .container .box.side_banner.banner_img { min-height: 8rem; }
}