:root {
    --v-white: #FFFFFF;
    --v-grey: #818181;
    --v-grey-light1: #E8E9ED;
    --v-grey-light2: #F5F5F5;
    --v-grey-light3: #F8F8F9;
    --v-grey-light4: #E2E2E2;
    --v-grey-dark: #C6C6C6;
    --v-grey-darker: #616161;
    --v-orange: #E35728;
    --v-orange-light: #FF8E5C;
    --v-pink: #FF3C70;
    --v-pink-light: #E87B6D;
    --v-red: #F44040;
    --v-red-dark: #C62400;
    --v-blue: #007FFF;
    --v-blue-dark: #0900FF;
    --v-green: #147875;
    --v-green-soft: #00DDCE;
    --v-green-mute: #14AEA9;
    --v-green-light: #00C79C;
    --v-green-lighter: #00AB86;
    --v-green-darker: #034854;
    --v-black: #000000;
    --v-black-light: #002329;
    --fs-84: 84px;
    --fs-70: 70px;
    --fs-60: 60px;
    --fs-56: 56px;
    --fs-50: 50px;
    --fs-40: 40px;
    --fs-38: 38px;
    --fs-36: 36px;
    --fs-34: 34px;
    --fs-32: 32px;
    --fs-30: 30px;
    --fs-26: 26px;
    --fs-24: 24px;
    --fs-22: 22px;
    --fs-20: 20px;
    --fs-18: 18px;
    --fs-16: 16px;
    --fs-14: 14px;
    --fs-13: 13px;
    --fs-12: 12px;
    --page-h1: var(--fs-56);
    --page-h2: var(--fs-50);
    --page-h3: var(--fs-38);
    --page-h4: var(--fs-22);
    --page-h5: var(--fs-20);
    --page-h6: var(--fs-18);
    --page-h7: var(--fs-16);
    --hm-fs-84: 84px;
    --hm-fs-74: 74px;
    --hm-fs-70: 70px;
    --hm-fs-60: 60px;
    --hm-fs-50: 50px;
    --hm-fs-46: 46px;
    --hm-fs-40: 40px;
    --hm-fs-34: 34px;
    --hm-fs-34-sm: 34px;
    --hm-fs-26: 26px;
    --hm-fs-24: 24px;
    --hm-fs-22: 22px;
}

:root{
    /* Public font size */
    --fs-84:84px;
    --fs-70:70px;
    --fs-60:60px;
    --fs-56:56px;
    --fs-50:50px;
    --fs-40:40px;
    --fs-38:38px;
    --fs-36:36px;
    --fs-34:34px;
    --fs-32:32px;
    --fs-30:30px;
    --fs-26:26px;
    --fs-24:24px;
    --fs-22:22px;
    --fs-20:20px;
    --fs-18:18px;
    --fs-16:16px;
    --fs-14:14px;
    --fs-13:13px;
    --fs-12:12px;

    /* 暂定页面大小 */
    --page-h1:var(--fs-56);
    --page-h2:var(--fs-50);
    --page-h3:var(--fs-38);
    --page-h4:var(--fs-22);
    --page-h5:var(--fs-20);
    --page-h6:var(--fs-18);
    --page-h7:var(--fs-16);

    --hm-fs-84:84px;
    --hm-fs-74:74px;
    --hm-fs-70:70px;
    --hm-fs-60:60px;
    --hm-fs-50:50px;     
    --hm-fs-46:46px;
    --hm-fs-40:40px;
    --hm-fs-34:34px;
    --hm-fs-34-sm:34px;
    --hm-fs-26:26px;
    --hm-fs-24:24px;
    --hm-fs-22:22px;
}


@media (max-width:1600px){
   :root{
       --fs-84:60px;
       --fs-70:60px;
       --fs-60:60px;
       --fs-56:50px;
       --fs-50:46px;
       --fs-40:36px;

       --hm-fs-84:50px;
       --hm-fs-74:50px;
       --hm-fs-70:50px;
       --hm-fs-60:50px;
       --hm-fs-50:40px;     
       --hm-fs-46:38px;
       --hm-fs-40:36px;
       --hm-fs-34:26px;
       --hm-fs-34-sm:22px;
       --hm-fs-26:22px;
       --hm-fs-24:22px;
       --hm-fs-22:20px;
   }
}

@media (max-width:1440px){
   :root{
       --fs-84:50px;
       --fs-70:50px;
       --fs-60:50px;
       --fs-56:45px;
       --fs-50:45px;
       --fs-40:35px;
       --fs-38:35px;
       --fs-36:30px;
       --fs-34:30px;
       --fs-32:30px;
       --fs-30:28px;
       --fs-26:24px;
       --fs-24:22px;
       --fs-22:18px;

       --hm-fs-84:40px;
       --hm-fs-74:40px;
       --hm-fs-70:40px;
       --hm-fs-60:40px;
       --hm-fs-50:30px;     
       --hm-fs-46:28px;
       --hm-fs-40:26px;
       --hm-fs-34:24px;
       --hm-fs-34-sm:20px;
       --hm-fs-26:20px;
       --hm-fs-24:20px;
       --hm-fs-22:18px;
   }
}

@media (max-width:1024px){
   :root{
       --fs-84:60px;
       --fs-70:56px;
       --fs-60:50px;
       --fs-56:48px;
       --fs-50:42px;
       --fs-32:28px;
       --fs-30:26px;
   }
}

@media (max-width:768px){
   :root{
       --fs-84:36px;
       --fs-70:36px;
       --fs-60:36px;
       --fs-56:36px;
       --fs-50:36px;
       --fs-40:32px;
       --fs-38:30px;
       --fs-36:30px;
       --fs-34:30px;
       --fs-32:28px;
       --fs-30:26px;
       --fs-26:24px;
       --fs-24:22px;
       --fs-22:20px;
       --fs-20:18px;
       --fs-18:16px;
   }	
}

@media (max-width:510px){
   :root{
       --hm-fs-84:24px;
       --hm-fs-74:24px;
       --hm-fs-70:24px;
       --hm-fs-60:24px;
       --hm-fs-50:20px;     
       --hm-fs-46:20px;
       --hm-fs-40:20px;
       --hm-fs-34:18px;
       --hm-fs-34-sm:14px;
       --hm-fs-26:20px;
       --hm-fs-24:16px;
       --hm-fs-22:16px;

       --fs-84:24px;
       --fs-70:24px;
       --fs-60:24px;
       --fs-56:24px;
       --fs-50:20px;
       --fs-40:19px;
       --fs-38:18px;
       --fs-36:18px;
       --fs-34:18px;
       --fs-32:18px;
       --fs-30:18px;
       --fs-26:16px;
       --fs-24:16px;
       --fs-22:16px;
       --fs-20:16px;
       --fs-18:14px;
       --fs-16:14px;
       --fs-14:12px;
       --fs-13:12px;
   }
}
@font-face { font-family: 'Gilroy-SemiBold'; src: url('/wp-content/themes/vantage/h5/font/Gilroy-SemiBold.ttf'); }
@font-face { font-family: "Gilroy-Regular"; src: url("/wp-content/themes/vantage/h5/font/Gilroy-Regular.ttf"); font-weight: normal; font-style: normal; }

input[type="password"]::-ms-reveal {display: none}
.open-live-account{position: relative;margin: 30px;font-family: Gilroy-Regular;}
.logo{text-align: center;}
.open-live-account h1{margin: 20px 0; text-align: center;color: #000000;font-size: var(--fs-32);font-weight: 600;margin-bottom: 32px; line-height: 1.22;}
.open-live-account .form-body .form-element{margin-bottom: 0px;position: relative;}
.open-live-account .form-body .form-element .input-label{font-size: var(--fs-16); color: #C1C1C1;position: absolute;top: 20px;left: 15px;transition: all .2s linear;z-index: 9;pointer-events:none;}
.open-live-account .form-body .form-element .input-container {position: relative;}
.open-live-account .form-body .form-element .input-container .remind{display: none;}
.open-live-account .form-body .form-element .input-container .remind{color: #000000;font-size: var(--fs-14);}
.open-live-account .form-body .form-element .input-container input{width: 100%;height: 61px;font-size: var(--fs-16);border: none;outline: none;border-radius: 8px;background-color: #F5F5F5;padding-left: 15px;padding-top: 0px;transition: all .2s linear;padding-right: 64px;}
.open-live-account .form-body .form-element .input-container input:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.open-live-account .form-body .form-element .input-container input::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}
.open-live-account .form-body .form-element .input-container input:hover{background-color: #ECECEC;}
.country_name_field input{width: 100%;height: 61px;font-size: var(--fs-16);border: none;outline: none;border-radius: 8px;background-color: #F5F5F5;padding-left: 45px;padding-top: 0px;transition: all .2s linear;padding-right: 64px;}
.country_name_field input:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.country_name_field input::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}
.country_name_field input:hover{background-color: #ECECEC;}
.open-live-account .form-body .form-element .input-container::after{content: '';display: block;width: 0;height: 1px;transition: all 0.4s;background-color: #E35728;position: absolute;top: 61px;left: 0px;}
.open-live-account .form-body .form-element .input-label sup{color: #C62400;font-size: 18px;display: inline-block;transform: translateY(10px) translateX(2px);}
.open-live-account .form-body .form-element .input-container .icons-box{display: none;justify-content: flex-end;align-items: center;width: 30px;height: 26px;position: absolute;top: 16px;right: 5px;}
.password_del_icon{display: none;}
.error{opacity: 0;margin-bottom: 8px;visibility: hidden;margin-top: 0px;color: #ff0000;font-size: var(--fs-12);transition: opacity 0.5s ease-in-out;}
.open-live-account .form-body .otp-verification{display: flex;justify-content: space-between;align-content: center;}
.open-live-account .form-body .otp-verification .otp{width: calc(100% - 112px);;margin-right: 6px;}
.open-live-account .form-body .otp-verification #getVerifyCode{font-size: var(--fs-14);width: 170px;min-width: 100px;height: 61px;border-radius: 8px;text-align: center;line-height: 61px;color: #f8f8f9;background: var(--v-orange);cursor: pointer;border: none;outline: none;font-weight: 400;margin-right: 5px;text-transform: uppercase;}
.open-live-account .form-body .otp-verification #getVerifyCode:hover{background-color: var(--v-red-dark)}
.open-live-account .form-body .otp-verification #getVerifyCode.timing{background-color: var(--v-grey-dark);color: var(--v-white);}
.mobile_box {position: relative;width: 100%;display: flex;flex-wrap: nowrap;}
.phone_number{width: 100%;}
.mobile_box .country_dropdown {width: 100px;height: 61px;margin-right: 10px;border-radius: 8px;display: flex;flex-wrap: nowrap;align-items: center;background: #F5F5F5;padding: 16px 12px;box-sizing: border-box;}
.mobile_box .country_dropdown .phone_country {position: relative;width: 100%;margin: 0;display: flex;flex-wrap: nowrap;align-items: center;z-index: 20;cursor: pointer;}
.country_dropdown .phone_country .phone_country_code {width: 100%;font-size: var(--fs-14);margin-top: 2.5px;margin-right: 28px;}
.country_dropdown .phone_country::after {content: "";position: absolute;top: 1.5px;bottom: 0;right: -9px;margin: auto;background-image: url(/wp-content/themes/vantage/h5/images/arrow_down_v2.webp);background-repeat: no-repeat;background-size: contain;width: 26px;height: 26px;}
.country_dropdown .phone_country .phone_country_flag {position: relative;font-weight: 700;background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;width: 20px;height: 15px;box-sizing: border-box;margin-right: 7px;border-radius: 3.75px;font-size: 11.5px;border: 1px solid #DCDCDC;}
.country_box{display: none;position: relative;}
.country .country_list {min-height: 100px; max-height: 300px;position: absolute;top: 60px;z-index: 20;width: 100%;border: 1px solid #C1C1C1;background: #FCFCFC;border-radius: 5px;padding: 5px 10px;box-sizing: border-box;overflow-y: scroll;}
.mobile_box .country .country_list {top: 60px;height: 190px;border-radius: 10px;padding: 5px 20px;}
.country_item {height: 45px;width: 100%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;cursor: pointer;}
.country_list .country_item .country_info {width: 100%;display: flex;flex-wrap: nowrap;align-items: center;}
.country_list .country_item .country_phone_code {font-family: Gilroy-Medium;color: #767676;padding-top: 2.5px;}
.country_list .country_item .country_info .country_flag {background-repeat: no-repeat;background-size: cover;background-position: center;font-weight: 700;color: #fff;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;width: 25px;box-sizing: border-box;border-radius: 3.75px;font-size: 11.5px;margin-right: 5px;border: 1px solid #DCDCDC;}
.country_item .country_info .country_flag {width: 27.5px;height: 21px;}
.country_label {font-size: 17.5px;position: absolute;top: 15px;bottom: 0;left: 0px;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;}
.country_label .search_icon {background-image: url(/wp-content/themes/vantage/h5/images/search.webp);background-repeat: no-repeat;background-size: contain;width: 12.5px;height: 12.5px;margin-right: 5px;}
.agree_tnc {font-size: var(--fs-14);color: rgba(61, 61, 61, 0.65);font-weight: 500;display: flex;flex-wrap: nowrap;align-items: flex-start;cursor: pointer;}
.agree_tnc .checkbox {margin-top: 3px;width: 15px;height: 14px;margin-right: 6px;border-radius: 100%;box-sizing: border-box;border: 1px solid #3d3d3d73;}
.agree_tnc .checkbox.active {border: none;background-image: url(/wp-content/themes/vantage/h5/images/checkbox.webp);background-repeat: no-repeat;background-size: contain;}
.agree_tnc .agree_text {width: 100%;}
.btn{width: 100%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;margin-bottom: 15px;}
.signup {width: 100%;height: 40px;border-radius: 25px;background: #E35728;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;cursor: pointer;}
.btn .btn_text {font-family: Gilroy-SemiBold;color: #FFFFFF;font-size: var(--fs-16);}
.label_up{top: -12px !important;left: 22.5px;color: #E25628 !important;}
.label_up_val{top: -12px !important;left: 22.5px;color: #C1C1C1 !important;}
.country_item:hover{color: #E25628;}
.selected{color: #E25628;}
.empty_country_list {line-height: 100px;width: 100%;font-family: Gilroy-Regular;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;font-style: italic;}
.input_tip_content {display: none; z-index: 999;top: 60px;right: 0;left: 0;position: absolute;background: #C6DEE3;border-radius: 8px;padding: 12px;}
.input_tip_content::before {content: "";position: absolute;top: -12px;right: 7px;border-left: 12.5px solid transparent;border-right: 12.5px solid transparent;border-bottom: 14px solid #C6DEE3;}
.input_confirm_password_tip_content {display: none; z-index: 999;top: 60px;right: 0;left: 0;position: absolute;background: #C6DEE3;border-radius: 8px;padding: 12px;}
.input_confirm_password_tip_content::before {content: "";position: absolute;top: -12px;right: 7px;border-left: 12.5px solid transparent;border-right: 12.5px solid transparent;border-bottom: 14px solid #C6DEE3;}
.input_tip_item:not(:last-child) {margin-bottom: 10px;}
.input_tip_item {display: flex;align-items: center;}
.input_tip_item .tip_status {width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;}
.password {margin-bottom: 35px !important;}
.confirm_password{margin-bottom: 35px !important;}
/* display: flex; */
.send_code_timer {display: none;width: 170px;height: 61px;align-items: center;justify-content: center;border-radius: 10.727px;background: #A2A2A2;}
.password_invalid{cursor: pointer;}

.info {position: absolute;bottom: 80px;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: 15px;background: rgb(0, 0, 0, .9);color: #fff;border-radius: 17.5px;line-height: 1;min-width: 70%;font-size: var(--fs-12);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);}



.loading {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background-color: rgba(0,0,0,0.45);display: none;}
.loading div {width: 100%;height: 100%;justify-content: center;display: flex;align-items: center;}
.loading div> img {width: 0.64rem;}
.d_block { display: block; }
.us_citizen_box .error{margin: 0;}
.privacy_policy_box .error{margin: 0;}


/* .mobile_box{display: none;} */
.algeria {background-image: url(/wp-content/themes/vantage/h5/images/country_flag/a/algeria.webp);}

@media (max-width:768px) {
    .error {margin-bottom: 5px;}
    .confirm_password{margin-bottom: 23px !important;}
    .password{margin-bottom: 23px !important;}
}