form.post-password-form{ background:#000000; width:600px; max-width:100%; text-align:center; padding:50px 20px; margin:0px auto; text-align:center;margin-top: 100px;}
form.post-password-form .ppw-ppf-desc{ font-weight:bold; font-size:24px; text-align:center; color:#FFF; line-height:1.2;margin: 0 0 20px;}
form.post-password-form p label{ color:#FFF; font-size:16px; font-weight:normal; width:280px; max-width:100%; margin:0px auto; display: block; text-align:left; line-height:1.2;}
form.post-password-form p label input[type=password]{ display:block; width:100%; color:#000; height:40px !important; line-height:28px; 
    margin-top:6px; padding:0px !important;}
form.post-password-form input[type=submit]{text-transform: uppercase;background: #d2fc61;border-radius: 5px;border: none;display: block;
    text-shadow: 0px 0px 1px #d2fc61;color: #000;text-align: center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;
    -o-transition: all 0.2s;transition: all 0.2s;-webkit-appearance: none;cursor: pointer;width: 140px;margin: 10px auto 0px;
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    height: 42px !important;transition: 0.3s;font-size: 14px !important;padding: 0 !important;}
form.post-password-form input[type=submit]:hover{background:#87b801;color:white;text-decoration:none;transition: 0.3s;}

.title_box{margin-top: 150px;}

.title_box h1{color: #000000; font-size: 40px; font-weight: 900; margin-bottom: 40px; line-height: 1.25; text-align: center;}
.title_box .cpa_switch_ib{display:flex;justify-content:center;}
.title_box .cpa_switch_ib h2{color: #BBBABA; cursor: pointer; width: 100%; max-width: 300px; text-align: center; margin-bottom: 10px;}

.content_box .step01{padding: 65px 120px 60px; margin-bottom: 20px; border-radius: 20px; background-color: rgb(255 255 255 / 50%);}
.content_box .step02{padding: 36px 120px 37px; margin-bottom: 20px; border-radius: 20px; background-color: rgb(255 255 255 / 50%);}
.content_box .step03{padding: 60px 120px; border-radius: 20px; background-color: rgb(255 255 255 / 50%); margin-bottom: 20px;}

.content_box li label{color:#11140F;width: 100%;display:inline-block;font-size:16px;position: relative;}
.content_box li label span{font-style: normal; color: red; margin-left: 5px;display:inline-block;}
.content_box li span{display:none;color:#ff0000;}
.content_box h3{color: #000000; font-size: 20px; font-weight: 900; line-height: 1.35;}

.step01 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.step01 li{color:#11140F;max-width: 460px; display: inline-block; width: 100%;margin-bottom: 26px;position: relative;}
.step01 li input{width: 100%; height: 48px; border-radius: 10px; border: 1px solid #BBBABA; outline: none; padding-left: 20px; padding-right: 20px;font-size:16px;}
.gform-footer{display: none !important;}

.step02 ul li:nth-child(1){margin-bottom: 26px;}
.step02 ul li input{width: 100%; height: 48px;max-width: 460px;; border-radius: 10px; border: 1px solid #BBBABA; outline: none; padding-left: 20px; padding-right: 20px;font-size:16px;}
.step02 ul li label{color:#11140F;width: 100%;display:inline-block;font-size:16px;}
.step02 ul li textarea{outline: none; padding: 15px 20px; width: 100%; border-radius: 10px; min-height: 125px; border: 1px solid #BBBABA; resize: vertical;}

.step02_title{display:flex;justify-content: space-between;}
.step02_title h3{margin-bottom: 0;margin-bottom: 31px;}
.step02_btn span{display:inline-block;max-width: 36px;width: 100%;cursor: pointer;}
.step02_btn span.close{display:none;}
.step02 ul{display:none;}

.step03 h3{margin-bottom: 30px;font-size:20px;}
.step03 p{margin-bottom: 32px;font-size:16px;color: #000;}


.step03 #field_8_11,#field_8_10,#field_8_9,#field_8_8,#field_8_7,#field_8_6,#field_8_5,#field_8_4,#field_8_3,#field_8_1,#field_8_14,#field_8_15{height: 0px;overflow:hidden;width: 0px;display:none}
.step03 #gform_fields_8{display:flex;}
.step03 #field_8_12,#field_8_13{max-width: 520px;width: 100%;}
.step03 .gform_wrapper.gravity-theme .gfield_label{color: #000;font-weight:normal;position: relative;}
.step03 .gform_wrapper.gravity-theme .gform_drop_area{border:1px solid #BBBABA;border-radius:10px;padding: 0;}
.step03 .gform_wrapper.gravity-theme .gform_drop_instructions{display:none;}
.step03 #gform_browse_button_8_12,#gform_browse_button_8_13{padding: 20px; border: none; width: 100%; border-radius: 10px;background-color: #fff;}
.step03 #gfield_upload_rules_8_12,#gfield_upload_rules_8_13{display:none;}
.step03 .gform_footer.before{height: 0px;overflow:hidden;padding: 0 !important;}
.step03 .gform_wrapper.gravity-theme .gfield_label .password_img{margin-left: 5px;margin-bottom: 0;}

.step04{padding: 38px 120px 38px; border-radius: 20px; background-color: rgb(255 255 255 / 50%); display: flex; justify-content: space-between;}
.check{width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative;}
.check .inp{display: flex; align-items: center;}
#protocol{width: 24px; height: 24px; margin-right: 10px;}

#protocol[type=checkbox]{cursor: pointer;position: relative;}
#protocol[type=checkbox]::after{position: absolute;top: 0;border: none;color: #fff;width: 24px;height: 24px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: '';border-radius: 1px}  
#protocol[type=checkbox]:checked::after{background-color: #fff; border-color: #fff; content: "■"; color: #d2fc61; font-size: 30px; font-weight: bold; line-height: 18px; border: 1px solid #d2fc61;}

.check .inp label{cursor: pointer; font-size: 16px; font-weight: 400;}
.check .inp label a{color:#232020;}
.check .inp label a b{font-weight: 900;text-decoration: underline;}
.down{width: 100%; max-width: 50px; cursor: pointer;}
.check .err_warn{display: none; color: #EE5253; font-size: 12px; position: absolute; top: 100%; left: 0; letter-spacing: -0.7px; line-height: 1.334;}
.check .err_warn span{display: block; width: 100%;}

.submit_button{display: flex; justify-content: center; margin: 100px 0; }
.submit_button a{width: 200px; height: 48px; background-color: #d2fc61; border-radius: 10px; font-size: 16px; color: #11140f;   display: flex; justify-content: center; align-items: center;}

.green_text{display:none;display: none; width: 320px; background-color: #d2fc61; color: #000000; padding: 20px; position: absolute; top: -13px; left: calc(25% + 8px); border-radius: 10px; font-size: 12px; z-index: 999;}
.password_img{cursor: pointer;max-width: 18px;margin-bottom: 5px;}
.blue_text{display: none; width: 320px; background-color: #d2fc61; color: #000000; padding: 20px; position: absolute; top: -13px; left: calc(100% + 8px); border-radius: 10px; font-size: 12px; z-index: 999;}
#phoneCode{max-width: 100px; margin-right: 10px;}
.mobile_box{display: flex;}
.country_box{position: relative;}
.country_box ul{position: absolute; width: 100%; border: 1px solid #ccc; border-radius:0 0 8px 8px; top: 60px; height: 110px; overflow-y: scroll;display:none;z-index: 99;}
.country_box ul li{width: 100%; max-width: 100%; background-color: #fff; margin-bottom: 0; z-index: 9; font-size: 18px; border-bottom: 1px solid #ccc; padding: 8px 10px;}

.mobile_number_box{position: relative;}
.mobile_number_box ul{position: absolute; width: 100%; border: 1px solid #ccc; border-radius:0 0 8px 8px; top: 60px; height: 110px; overflow-y: scroll;display:none;z-index: 99;}
.mobile_number_box ul li{width: 100%; max-width: 100%; background-color: #fff; margin-bottom: 0; z-index: 9; font-size: 18px; border-bottom: 1px solid #ccc; padding: 8px 10px;}

.step01 li.tiers_box{position: relative;}
.step01 ul.tiers_list{position: absolute; border: 1px solid #d8d8d8; border-radius: 0 0 8px 8px; width: 100%; top: 60px;display: none;}
.step01 ul.tiers_list li{width: 100%; background: #fff; font-size: 20px; max-width: 100%; margin: 0; padding: 10px; border-bottom: 1px solid #d8d8d8; overflow: hidden;}
.step01 ul.tiers_list li:last-child{border: none;border-radius: 0 0 8px 8px;}

.um_cpa_form{height: 0;overflow: hidden;}

.gform_wrapper.gravity-theme .ginput_preview{color:#ff0000;}

.dialog_wrapper {width: 100%; height: 100%; padding: 0 20px; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; display: none; z-index: 9999;}
.dialog_content {width: 100%; max-width: 300px; padding: 80px 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #1d2836; border-radius: 5px; z-index: 10000;}
.dialog_content .close {width: 30px; height: 30px; line-height: 30px; position: absolute; right: 10px; top: 10px; color: #fff; background-color: #e35728; border-radius: 50%; display: block; text-align: center; cursor: pointer;}
.dialog_content .data_msg {font-size: 20px; text-align: center; color: #fff; margin: 0;}

.password_show,.password_hide{width: 24px; position: absolute; right: 12px; top: 34px; cursor: pointer;}

.content_box li span a{color:#000;display:block;margin-top: 5px; text-align: right;text-decoration: underline;}

@media (max-width:1240px){
.step01 li{max-width: 48%;}
}
@media (max-width:900px){
.content_box .step01{padding: 40px 60px 60px;}
.content_box .step02{padding: 40px 60px;}
.content_box .step03{padding: 40px 60px 60px;}
.step04{padding: 40px 60px 60px;}
}
@media (max-width:768px){
.step01 li{width: 100%;max-width: 100%;}
.step03 #gform_fields_8{flex-wrap:wrap;}
.content_box .step01{padding: 30px 34px 60px;}
.content_box .step02{padding: 35px 34px;}
.content_box .step03{padding: 41px 33px;}
.content_box .step04{padding: 60px 34px;}
.results_option{font-size: 14px;}
}
@media (max-width:600px){
.green_text,.blue_text{top: 25px; left: 30px;}
}
@media (max-width:430px) {
.open_cpa_account_content .inner{padding-left: 0;padding-right: 0;}
.content_box .step01,.content_box .step02,.content_box .step03,.content_box .step04{border-radius:0px;}
.check .inp label a{font-size:14px;}
#phoneCode{max-width: 70px;margin-right: 10px;padding: 0 15px;}
}
.country_code{width: 100%;position: absolute;top: 68px;z-index: 100;background: #fff;border: 1px solid #D9D9D9;display: none}
.country_code .results{max-height: 200px;overflow-y: auto;}
.country_code .results_option{margin-bottom: 0;padding: 5px 10px;font-size: 16px;color: #444150;}
.country_code .results_option:hover{background-color: #5897fb;color:#fff;}
.country_code .results_option.active{background:#5897fb;}
.country_code .code_line{padding: 5px 10px;color: #63778f;}
.results_option img{width: 22px;height: 15px;margin-right: 10px;}
.country_code .no_data{padding: 10px;margin: 0;font-size: 16px;color: #fff;display: none;}

.results_option{color: #768292;}
.results_option.active{color: #ffffff;}

.content_box li .results_option span{color: #000;display:inline-block;}