.blue_button{border: 0;position: relative;z-index: 1;overflow: hidden;background:#031f45; border-radius:23px; padding:12px 20px; display:inline-block; color:#fff; font-size:16px;line-height:1.375;text-decoration:none; font-family: "PublicSans-Bold";-webkit-tap-highlight-color: transparent;    transition: all .3s linear;}
    .blue_button:hover{color:#064291;text-decoration:none;background: #fff;}
    .blue_button::after{z-index: -1;content: "";position: absolute;top: var(--top);left: var(--left);width: 2em;height: 2em;border-radius: 50%;background-color: #00f0ff;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.5s ease-in-out;}
    .blue_button:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);}

    .open_form_account_box{padding: 46px 0;}
    
   
    .form_account_right {width: 100%; border-radius: 23px;background-color: #fff;box-shadow: 0px 0px 12px #00000029;position: relative;}
    .form_account_right h4{font-size: 24px;line-height: 1.28;color: #323223;max-width: 100%;width: 100%;margin: 0 auto 40px;text-align: center;}
    .form_account_right .form_body .form_body_li{padding-bottom:33px;position: relative;width: 100%;}
    .form_account_right .form_body .form_body_li:last-child{padding-bottom: 8px;}
    .form_account_right .form_body_li .gfield_label{display: block;letter-spacing: 0.8px;color: #838383;padding-bottom: 13px;padding-left: 6px; text-transform: uppercase;line-height: 1.18;}
    .form_account_right .form_body_li .ginput_container{position: relative;}
    .form_account_right .form_body_li .ginput_container .ginput_container_input{background: #FFFFFF;border: 2px solid #EFEFEF;border-radius: 3px;}
    .form_account_right .form_body_li .ginput_container .psd_info{margin-top: 13px;margin-left: 6px;display: block;}
    .form_account_right .form_body_li .ginput_container input{display: block;padding: 18px 20px 17px 10px; width: 100%;height: 100%;border: none; color: #031F45;position: relative;}
    .form_account_right .form_body_li .ginput_container input::placeholder {color: #ccc;}
    .form_account_right .form_body .country_code, 
    .form_account_right .form_body .phone_code{position: absolute;z-index: 99; display: none;max-height: 260px;overflow: auto;left: 0;top: 59px;background: #fff;color: #323232; box-shadow: 0 9px 35px 0 rgba(0, 0, 0, 0.13);width: 100%;font-size: 14px;padding: 16px 24px;}
    .form_account_right .form_body .country_option, 
    .form_account_right .form_body .phone_option{padding: 8px 0;cursor: pointer;word-wrap: break-word;}
    .form_account_right .form_body_phone_code{display: none;justify-content: space-between;}
    .form_account_right .form_body_phone_code .form_body_code{width: 197px;}
    .form_account_right .form_body_phone_code .form_body_phone{width: calc(100% - 216px);}

    .open_demo_account_form .blue_button{min-width: 134px;line-height: 1;padding: 14px 30px 13px;cursor: pointer;border: none;z-index: 0;}

    /* active */
    .form_account_right .form_body_li .gfield_label.active,
    .form_account_right .form_body_li .ginput_container .ginput_container_input.active{color: #0051ff;border-color: #0051ff;}
    .form_account_right .form_body .country_code.active,
    .form_account_right .form_body .phone_code.active {display: block;}
    .form_account_right .form_body .country_option.accounr_hover, 
    .form_account_right .form_body .phone_option.accounr_hover{color: #0051ff;}
    .form_account_right .form_body_li .ginput_container_input_select_icon{position: absolute;top: 22px;right: 14px;transition: all 0.2s;transform: rotate(0deg);line-height: 13px;}
    .form_account_right .form_body_li .ginput_container_input_select_icon.active {transform: rotate(180deg);}
    .form_account_right .form_body_li .ginput_container_input.active .ginput_container_input_select_icon {transform: rotate(180deg);}
    .form_account_right .form_body_li:nth-of-type(1) .ginput_container_input_select_icon img {width: 28px;}
    .form_account_right .form_body_li:nth-of-type(1) .ginput_container .ginput_container_input .ginput_container_input_select_icon {top:19px;}
    .form_account_right .form_body_li:nth-of-type(1) .ginput_container .ginput_container_input .ginput_container_input_select_icon img {width: 22px;}
    .form_account_right .form_body_li:nth-of-type(1) .ginput_container_input_select_icon {top: 12px;}

    .form_account_right .form_body_phone_code .form_body_code .ginput_container{z-index: 2;}
    .form_account_right .form_body_phone_code .form_body_code .ginput_container .ginput_container_input{background: rgba(0,0,0,0);}
    .form_account_right .form_body_phone_code .form_body_code .ginput_container .ginput_container_input input{padding-right:35px;background: rgba(0,0,0,0);cursor: pointer;}


    /* error */
     .form_account_right .form_body_li .ginput_container li{position: relative;display: block;font-size: 12px;line-height: 1.42;width: 100%;color: #CCC;padding-left: 8px;}
     .form_account_right .form_body_li .ginput_container li:before {content: '';position: absolute;top: 7px;width: 3px;height: 3px;border-radius: 50%;background-color: #CCC;left: 0px;}
    .form_account_right .form_body_li .ginput_container .error_info{display: none;padding-top: 8px;font-size: 14px;color: #ed164e;}
    .form_account_right .form_body_li.error .gfield_label{color: #ed164e;}
    .form_account_right .form_body_li.error  .ginput_container .ginput_container_input{border-color: #ed164e;}
    .form_account_right .form_body .form_body_li.error .error_info{display: block;}
    .form_account_right .form_body_li.error .ginput_container li {color: #ed164e;}
    .form_account_right .form_body_li.error .ginput_container li:before {background-color: #ed164e;}

    .open_live_account_wrapper .form_body .form_body_li.error .psd_info li{color: #ed164e;}
    .open_demo_account_form .blue_button{border: none;}

    p.button_url{margin:0;}
    .us_resident{max-width:max-content;margin: 33px auto 10px;font-size: 12px;color: #323232;line-height: normal;padding: 0 0 0 23px;position:relative;}
    .us_resident .us_resident_text{cursor: pointer;-webkit-tap-highlight-color: transparent;}
    .us_resident.error{color: #e91545;font-family: 'Oblivian-Regular';}
    .us_resident.active:before{border: none;background-image: url(/wp-content/themes/vt/images/icon_checkbox_box.webp);background-position: center;background-repeat: no-repeat;background-color: var(--functional-tints-blue);}
    /* .us_resident.active:before{background:url(/wp-content/themes/vt/images/icon_checkbox_box.webp) center no-repeat;} */
    .us_resident:before{content:'';width: 15px;height: 15px;border: 1px solid #ccc;position: absolute;left: 0px;bottom: 3px;cursor:pointer;top: 1px;}
    .register_login{margin-left: 0px;}
    .register_login p{font-size: 14px;margin-bottom: 0;color: #323232;max-width: 350px;}
    .register_login p a{font-size: 14px;text-decoration: underline;color: #0051ff;}

    .open_form_account_box{padding: 60px 0 76px;}
    .open_form_account_box .inner{padding: 0px 20px;}
    .form_account_right .form_body_li .ginput_container .ginput_container_input input{padding: 16px 20px 16px 10px;}
    .form_account_right .form_body_li:nth-of-type(1) .ginput_container .ginput_container_input input {padding-right: 40px;}
    .form_account_right .form_body_phone_code .form_body_code{width: 33%;}
    .form_account_right .form_body_phone_code .form_body_phone{width: 65%;}
    .open_form_account_box .demo_from2 .form_body li{border-bottom: 1px solid #D9D9D9;}
    .open_form_account_box .demo_from2 .form_body li .currency_box span img{display: none;}

    .form_account_right .form_body_li.form_psd_li .ginput_container .ginput_container_input{position: relative;}
    .form_account_right .form_body_li.form_psd_li .ginput_container .ginput_container_input input{padding: 19px 40px 20px 10px;}
    .form_account_right .form_body .ginput_container #eyes{position: absolute;display: block;width: 20px;height: 20px;right: 20px;bottom: 18px;background: url(/wp-content/themes/vt/images/eyes.png) -20px 0px no-repeat;margin: 0;cursor:pointer;-webkit-tap-highlight-color: transparent;}
    .form_account_right .form_body .ginput_container #eyes.active{background-position: 0;}

    @media (max-width:1240px) {

        
        .form_account_right{margin-right: 0;}
        .open_form_account_box .demo_from2 .form_body li .leverage_box span{margin-right: 10px;}
        .open_form_account_box .demo_from2 .form_body li .balance_box span,
        .open_form_account_box .demo_from2 .form_body li .balance_box span:last-child,
        .open_form_account_box .demo_from2 .form_body li .leverage_box span{width: auto;margin: 0px 10px 10px 0;}
    }
    @media (max-width:1095px) {
        
        .open_demo_account_right{margin: 0 auto;}

        .open_form_account_box .demo_from2 .form_body li .balance_box span:nth-child(4n){margin-right: 10px;}
    }
    @media(max-width:768px){
        .open_form_account_box{padding: 16px 0 36px 0;}
        .form_account_right .form_body_li .ginput_container li:before {background-color: #838383;}
        .form_account_right .form_body_li .ginput_container li{margin-bottom: 0;height: auto;color: #838383;line-height: 1.5;}
        .form_account_right .form_body_li .ginput_container li:first-child{margin-bottom: 0px;}
        .form_account_right .form_body .form_body_li:last-child{padding-bottom: 0;}
        .us_resident{padding: 0 0 0 30px;}
        .us_resident:before{width: 20px;height: 20px;}
        .us_resident .us_resident_text{font-size: 16px;}
    }
    @media (max-width:600px) {
        .form_account_right{padding: 40px 20px;}
        .form_account_right .form_body .form_body_li{padding-bottom: 16px;}
        .form_account_right .form_body_li .gfield_label{padding-bottom: 6px;}
        .form_account_right .form_body_li .ginput_container .ginput_container_input input{padding: 20px 10px 18px 10px;}
        .form_account_right .form_body .country_code, .form_account_right .form_body .phone_code{top: 60px;}
        
        .form_account_right .form_body_phone_code{flex-wrap: wrap;flex-direction: column;}
        .form_account_right .form_body_phone_code .form_body_code{width: 100%;}
        .form_account_right .form_body .form_body_phone_code .form_body_phone{width: 100%;padding-bottom: 16px;}

        .open_form_account_box .demo_from2 .form_body li .platform_box span{max-width: 48%;}
        .open_form_account_box .demo_from2 .form_body li .currency_box span{margin:0 10px 10px 0;}
        .open_form_account_box .demo_from2 .form_body li{margin-bottom: 20px;padding-bottom: 20px;}
        .form_account_right .form_body_li:nth-of-type(1) .ginput_container_input_select_icon img {width: 38px;}

    }