/*Login form*/
.auth_form_sec{ padding: 150px 0;}
.auth_page_main{  position: relative;   background-image: url(../img/login_page_banner.jpg); background-size: cover; background-position: center; }
.auth_page_main:after{  position: relative; content: ""; background: transparent; z-index: 999; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: linear-gradient(to bottom, rgb(0 0 0 / 40%), rgb(0 0 0 / 10%), transparent, transparent, transparent); }
.auth_page_main.auth_login_page:after{ background-image: none; }
.auth_form_sec .auth_form_sec_{ background: rgba(255,255,255,0.06); z-index: 2; position: relative; padding: 25px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.1);
    box-shadow: none; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.auth_page .auth_page_main{ padding-top: 100px; padding-bottom: 50px; }
/*.auth_page .scroll__under{ position: relative; margin-top: -76px; }*/
.auth_page .scroll__under{ position: relative; }
.login-form-title{ text-align: center; margin-bottom: 35px; }
.login-form-title h5{ font-size: 40px; color: #3b3f5c; }
.login-form-title p{ font-size: 17px; color: #888ea8; font-weight: 300; margin-bottom: 0; }
.auth_form_sec{ padding: 11px 0px 16px 0; border-bottom: none; position: relative; }
.auth_form_sec input.form-control{ color: #000000; font-size: 16px;padding: 8px 5px 8px 46px; border-radius: 4px!important; width: 100%; height: 46px; border: 1px solid #bfc9d4; z-index: 5!important; }
.auth_form_sec .input-group span{ padding: 10px 15px; position: absolute; font-size: 18px; height: 46px; border-radius: 5px; z-index: 6; color: #888ea8; }
.auth_form_sec .form-control:hover, .auth_form_sec .form-control:focus{ box-shadow: 0 0 5px 2px rgba(194, 213, 255, 0.6196078431372549); border-color: var(--ds-accent, #D4A840); }
.auth_form_sec .forgot-pass{ text-align: right; float: right; color: #495057; font-weight: 100; }
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus{ z-index: 1; }
.auth_form_sec .btn-sec .btn{ width: 100%; background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840);box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; font-size: 22px; letter-spacing: 1px; }
.auth_form_sec .btn-sec{ padding-top: 10px; }
.auth_form_sec .btn-sec .division{ font-size: 13px; margin: 30px 0 30px 0; }
.auth_form_sec .btn-sec p a{ color: var(--ds-accent, #D4A840); }
.auth_form_sec .btn-sec p{ font-size: 16px; color: #000000; letter-spacing: 0.7px; margin-bottom: 10px; }
/*.auth_page .footer{ padding-bottom: 20px; margin-bottom: 0; margin-top: 0; position: relative; z-index: 2; border-top: 1px solid #fff; }
.auth_page .footer_copy_rights_txt p, .auth_page footer .footer_link_3 li a, .auth_page footer .social_media li a{ color: #ffffff; }*/
.auth_page .footer{ padding-bottom: 20px; margin-bottom: 0; margin-top: 0; border-top: 0px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .col-md-4, .auth_reg_page .auth_form_sec.auth_reg_form_sec .col-md-6{ padding: 0 5px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .input-group span { padding: 10px 10px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .row_column{ padding: 0 8px; }
.auth_reg_page .auth_form_sec input.form-control{ padding: 8px 5px 8px 33px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .input-group span i{ font-size: 15px; }

.auth_form_sec .btn-sec  .join-submit{width: auto; padding: 4px 40px; margin-bottom: 15px; margin-top: 10px; }
.auth_reg_form_sec label{ margin-bottom: 2px; color: #5b5b5b; font-weight: 300; }
.auth_reg_form_sec h2.reg_sub_title{ font-size: 25px; margin-bottom: 15px; }
.auth_reg_form_sec .activity_label span { font-size: 20px; display: block; font-family: inherit; }
.auth_reg_form_sec .activity_label span.span_last{ font-size: 15px; font-family: inherit; line-height: 20px;}
.activity_label_custom fieldset{ display: inline-block; width: 15%; vertical-align: top; }
.auth_reg_page{position: relative;  background-image: url(../img/register_banner.jpg); background-size: cover; background-position: top left;}
.auth_page header .collapse.navbar-collapse
{ display: none; }

.auth_page_key header .collapse.navbar-collapse{
	display: block;
}


.login-form-title a img{ width: 115px; }
.auth_reg_form_sec .login-form-title{ margin-bottom: 15px; }
.auth_reg_form_sec .login-form-title h5{ margin-bottom: 0px; }
.auth_form_sec label.error{ position: absolute; bottom: -19px; font-size: 14px; font-weight: 400; margin: 0; color: red; letter-spacing: 0.2px; }
.activity_label.choose_fee, .activity_label.activity_label_multi{ position: relative; }
.auth_form_sec .activity_label label.error{ bottom: -12px; left: 0;}
.auth_form_sec .activity_label.activity_label_multi label.error{ bottom: -18px;  }
.auth_form_sec .check_confirm input[type=checkbox]{ margin-top: 4px; margin-right: 15px; float: left;display: inline-flex; width: 18px; height: 18px; }
.auth_form_sec .check_confirm .checkbox label{ font-size: 16px; letter-spacing: 0.7px; margin-bottom: 20px; color: #000000; font-weight: 400; }
.auth_form_sec .confirm_txt_btm .form-group{ margin-bottom: 0px; }
.auth_form_sec .confirm_form_div .btn_section .btn{ font-size: 18px; letter-spacing: 0.7px; padding: 7px 26px; border: 1px solid var(--ds-accent, #D4A840); margin: 0 5px; }
.auth_form_sec .confirm_form_div .btn_section .btn#confirm-proceed{ background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840); box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; }
.auth_form_sec .confirm_form_div .btn_section .btn#show-register{ border: 0; text-decoration: underline; color: #3b3f5c; padding: 0; margin-top: 20px; letter-spacing: 1px; }
.auth_form_sec .confirm_form_div .btn_section .btn:focus{ outline: none; box-shadow: none; }
.payment-form-body.confirm_section input.form-control{ padding: 13px 10px 13px 15px; }
.payment-form-body select.form-control{ height: 46px; }
.payment-form-body select#state.form-control:disabled{ background-color: transparent;cursor: not-allowed; }
.auth_form_sec #cc-payment-form .payment-btn .btn{ padding: 7px 25px; background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840);box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; font-size: 22px; letter-spacing: 1px; }
.auth_form_sec #cc-payment-form .payment-btn{ padding-bottom: 10px; padding-top: 5px; }
#cc-payment-form .form-group{ position: relative; }
.auth_form_sec label#expiry-date-error{ font-size: 12px; line-height: 11px; bottom: -21px; }
.confirm-purchase-token p.sub_txt{ padding-top: 20px;  font-size: 16px; text-align: left; letter-spacing: 0.7px; font-weight: 400; }
.payment-step-two .btn{ padding: 7px 18px; background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840); box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; font-size: 20px; letter-spacing: 0;}
/*.confirm-purchase-token .creditcard-api-form, .confirm-purchase-token .coinpayments-form{ width: 49%; display: inline-block; }
input[type="image"] { width: 100%; }*/
.payment-form-options.activate_token{ padding-bottom: 25px; }
.confirm-notification form{ padding-bottom: 20px; }
.auth_form_sec input.form-control.number-of-token-value{ padding: 8px 5px 8px 10px; }
.auth_form_sec .confirm_txt_btm label{ color: #000000; font-weight: 400; }
.auth_form_sec .login_key .btn-sec .btn, .auth_reset_page .btn-sec .btn{ width: auto; padding: 7px 25px; margin-bottom: 25px; }
.auth_loginkey_page.auth_page_main, .auth_reset_page.auth_page_main{ padding-top: 150px; padding-bottom: 150px; }
.auth_loginkey_page.auth_page_main:after, .auth_reset_page.auth_page_main:after{ background-image: none; }





/*login form*/

.merchant-payments { display: inline-block;text-align: center; margin: 0 auto; }
.merchant-payments .alert { font-size: 16px; padding: 13px 26px; border-radius: 7px; }
.merchant-payments .alert { padding: 13px 20px; }
.dash_btn img.flag_small { max-height: 27px;margin-right: 15px; }

.close_button { display :none;    position: absolute;    top: 11px;    right: 15px;    color: #fff;    font-size: 30px;    line-height: 30px;    cursor: pointer;font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#debit-myDropdown .pay_btn_sec:first-child .close_button { display: block; }


/*Register*/
.register_section, .confirm_section{ background: transparent; }
.register_form_div{width:70%;margin:0 auto;background:#fff;border:1px solid var(--ds-accent, #D4A840);border-radius:6px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);}
.register_form_div .register_form_div_inr { padding: 30px; padding-top: 15px;}

.register_form_div h3 { text-align: center; background: var(--ds-accent, #D4A840); padding: 12px 12px 15px 12px; margin: 0; color: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; font-size: 32px; }

.signup_form_div{
	width:100% !important; border:0 !important; border-radius:0 !important;
	-webkit-box-shadow: none !important; -moz-box-shadow: none !important; 
	box-shadow: none !important;
}
.signup_form_div .register_form_div_inr{
	padding:0 !important;
}


.payment-form-body{width:70%;margin:0 auto;background:#fff;border:1px solid var(--ds-accent, #D4A840);border-radius:6px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);}
.payment-form-body .register_form_div_inr { padding: 30px; padding-top: 15px;}
.payment-form-body h3 { text-align: center; background: var(--ds-accent, #D4A840); padding: 12px 12px 15px 12px; margin: 0; color: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; font-size: 32px; }

/*.register_section .form-control{ height: 43px; border: 1px solid rgba(150, 0, 255, 0.72); padding-left: 45px; }*/
.register_section input, .login-form input { 
display: block; 
/*
width: 100%; 
*/
width: 90%; 

padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; height: 43px; 
//border: 1px solid rgba(150, 0, 255, 0.72); 

border: 1px solid var(--ds-accent, #D4A840); 
padding-left: 45px; }
.register_section label, .login-page label { font-size: 17px; font-weight: 700; }
.register_section .form-group i{ position: absolute; bottom: 41px; left: 28px; color: var(--ds-accent, #D4A840); font-size: 20px; }
.register_section .form-group{ margin-bottom: 28px; }
.form_title h2{ font-size: 32px; position: relative; padding-bottom: 10px; }
.form_title h2:after{ content: ""; position: absolute; bottom: 0px; left: 0px; width: 50px; height: 3px;background: var(--ds-accent, #D4A840); }
.form_title{ padding-bottom: 30px; }
.register_section .form-control:focus, .register_section .form-control:hover{ color: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840); box-shadow: none; }
.activity_label label { font-size: 14px; margin-right: 30px;}
.activity_label_custom {padding-bottom: 12px; }
.register_section input[type=checkbox] { width: auto; display: inline-block; line-height: initial; height: auto;}

.activity_label_multi .custom-checkbox{ width: 25%; display: inline-block; margin-bottom: 7px; }
.activity_label span{ font-size: 17px; display: block; font-weight: 700; }
.activity_label_multi span.span_last{ font-size: 16px; font-weight: 500; line-height: 19px; }
.activity_label_multi{ padding-top: 12px; }
.activity_label_title{ padding-bottom: 12px; padding-top: 15px; }
.register_section .btn_section .btn{ font-size: 19px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; padding: 7px 30px; background: var(--ds-accent, #D4A840); color: #fff; border: 1px solid var(--ds-accent, #D4A840);}
.register_section .btn_section .btn i{ padding-right: 7px; }
.register_section .btn_section{ padding-top: 25px; }
.register_section .btn_section .btn:hover{ background: #f6f6f6; color: var(--ds-accent, #D4A840) }
.register_section .btn_section .btn:focus{ box-shadow: none; }
/*End registration*/
.login-form label.error, #signup_form label.error{ position: absolute; bottom: -19px; font-size: 14px; font-weight: 400; margin: 0; color: red; letter-spacing: 0.2px; }

#signup_form label.error { bottom: 7px; }

.register_form label.error { bottom:-20px !important; }

.register_form label#cb_lic_fee-error { top:75px !important; }

label#free_donor_key-error{font-size:12px !important;}

.loading1:before{content: ""; background-color: transparent!important; background-image: url(../images/loading.gif)!important; width: 25px; height: 25px; right: 23px; left: auto; top: 44px; position: absolute; background-repeat: no-repeat; }

.loading{ position: relative;pointer-events: none; cursor: not-allowed !important; }
.loading:before { content: ""; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background-image: url(../images/loader.gif) !important; background-color: rgba(150, 0, 255, 0.53)!important; background-repeat: no-repeat !important; background-position: center; background-size: contain; }

/*5050cf Form*/
.form_5050cf .form_5050cf_inr{ position: relative; width: 65%; margin: 0 auto; border: 1px solid var(--ds-accent, #D4A840); border-radius: 3px; }
.form_5050cf h2.fm_title{ font-weight: 700; text-align: center; font-size: 21px; background: var(--ds-accent, #D4A840); color: #fff; margin: 0; padding: 15px; letter-spacing: 0.7px; }
.form_5050cf .payment-form-body{ padding: 26px 25px 20px; }

.debit-dropbtn { text-transform: initial; white-space: nowrap; font-size: 18px; height: 52px; border-radius: 7px; padding: 11px 21px; margin-top: 5px; margin-bottom: 15px;  min-width: 320px; }
.form_5050cf .order-id{ font-size: 15px; margin-bottom: 12px; display: inline-block; }
.form_5050cf .token-order-label{ font-size: 25px; width: 100%; display: inline-block; }
.form_5050cf .token-order-amount{ width: 100%; display: inline-block; font-size: 55px; font-weight: 600; padding: 15px 0; padding-bottom: 30px; }
.form_5050cf input[type="image"]{ margin: 0 auto; padding: 0; border: none; background: transparent; }
.form_5050cf .coinpayments-form{ padding-top: 25px; padding-bottom: 10px; }
.form_5050cf .coinpayments-form input[type="image"]{ border-radius: 11px; }
.login-page .fm_title:after{ content: none; }
.debit-dropdown-content{display:none;position:absolute;background-color:rgba(0,0,0,.8);min-width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);top:-448px!important;z-index:1;padding:88px 44px!important;left:-21px!important;}
.dash_btn{ cursor: pointer; padding: 8px 25px; background: var(--ds-accent, #D4A840); border-radius: 0; font-size: 15px; font-weight: 600; letter-spacing: 0.7px; color: #fff; border: 1px solid var(--ds-accent, #D4A840); text-transform: capitalize; }
.dash_btn:hover{ background: #dddddd; border: 1px solid #dddddd; color: #fff; }
.digital-wallet-form .dash_btn, .merchant-payments .dash_btn{ font-size: 18px; height: 52px; border-radius: 7px; padding: 11px 21px; margin-top: 5px; margin-bottom: 15px; }
.merchant-payments .dash_btn { padding: 11px 46px; text-transform: initial; white-space: nowrap; }
#cc-payment-form { margin-top:25px; }
.dash_cancel_btn.float-left { color: #ffffff;font-size: 42px;position: absolute;left: 8px;line-height: 50px;text-decoration: none !important; }

#login-form .forgotten .link_btn{ display: block; color: var(--ds-accent, #D4A840); margin-top: 15px; text-decoration: underline; font-weight: 600; }
.login_one_time_key .form-control{ height: 45px; border-radius: 0; }
.login_one_time_key .form-control:hover{ box-shadow: none; }
.login_one_time_key .payment-form-body { padding: 40px 25px 20px; }
.login_one_time_key .btn{ background: var(--ds-accent, #D4A840); padding: 10px 30px; font-weight: 500; font-size: 20px; color: #fff; border-color: var(--ds-accent, #D4A840); }
.login_one_time_key .btn:hover{ background: transparent; color: var(--ds-accent, #D4A840); }
.login_one_time_key .btn_sec{ margin-top: 30px; margin-bottom: 20px; }
.login_one_time_key .login_help_txt{ text-align: center; }
.login_one_time_key .login_help_txt p{ text-transform: capitalize; }
.login_one_time_key .login_help_txt p a{ color: var(--ds-accent, #D4A840); }

/*confirm-section 1*/
.confirm_form_div .main_confirm_txt{ text-align: center; font-size: 20px; font-weight: 700; margin: 0 20px; padding-bottom: 25px; color: #ffc107; }
.confirm_form_div .confirm_txt_top .checkbox label{ font-size: 16px; font-weight: 500; letter-spacing: 0.7px; margin-bottom: 15px; display: block; }
.confirm_form_div label.control-label{ margin: 0; font-size: 18px; font-weight: 700; letter-spacing: 0.7px; }
.confirm_txt_btm .form-control-static{ margin: 0; font-size: 18px; }
.confirm_form_div  .btn_section button{ width: auto; display: inline;cursor: pointer; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; padding: 7px 20px; background: transparent; color: var(--ds-accent, #D4A840); border: 1px solid var(--ds-accent, #D4A840); border-radius: 3px; margin: 0 5px; }
.confirm_form_div .btn_section button:first-child{ background: var(--ds-accent, #D4A840); color: #ffffff; }
.confirm_form_div .btn_section button:hover{ background: var(--ds-accent, #D4A840); color: #ffffff; }
.confirm_form_div button.disabled { cursor: not-allowed !important; opacity: 0.4;}
.confirm_form_div .btn_section{ padding-top: 25px; }
.confirm_form_div{ padding-bottom: 12px; }
.confirm_form_div .confirm_txt_top .checkbox label { font-weight: 400 !important; }
.confirm_form_div .checkbox { margin-right: 3px; }
.confirm_form_div{ background: transparent; }
.confirm_form_div{width:70%;margin:0 auto;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:12px;box-shadow:none;}
.confirm_form_div .confirm_form_div_inr{ padding: 30px; padding-top: 15px;}
.confirm_form_div h3{ text-align: center; background: var(--ds-accent, #D4A840); padding: 12px 12px 15px 12px; margin: 0; color: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; font-size: 32px; }
.confirm_section .main_confirm_txt { text-align: center; font-size: 20px; font-weight: 700; margin: 0 20px; padding-bottom: 25px; color: #ffc107; }
/*confirm-section 2*/
.confirm_section .col-form-label { line-height: 0.8; text-align: right; font-weight: 700;    font-size: 18px; }
.confirm-notification-section { position: relative; }
.confirm-notification-section:before { content:''; height:2px; background:-moz-linear-gradient(left, #FFFFFF 0%,var(--ds-accent, #D4A840) 50%,#FFFFFF 100%); background:-webkit-linear-gradient(left, #FFFFFF 0%,var(--ds-accent, #D4A840) 50%,#FFFFFF 100%); background:linear-gradient(left, #FFFFFF 0%,var(--ds-accent, #D4A840) 50%,#FFFFFF 100%); width:100%;  display:block; }
.confirm-notification {  padding-top: 25px;    font-weight: 600;line-height: 30px; }
.confirm-notification .form-control-static { font-size: 18px; margin-bottom: 15px; }
.activity_label { position: relative; }
.activity_label_custom .error { top: 58px; }
label#cb_lic_fee-error { top: 78px; }

#signup_form .donor_name { text-align: right; position: absolute;  right: 0;  top: 2px; font-size: 25px; color: var(--ds-accent, #D4A840); }
#signup_form .form_title { position: relative; }
#signup_form .donor_name span{ font-size: 16px; color: black; }
.video_section__.overflow:after{ background-color: rgba(0, 0, 0, 0.20); }



/*Login form*/
.auth_form_sec{ padding: 150px 0;}
.auth_page_main{  position: relative;   background-image: url(../img/login_page_banner.jpg); background-size: cover; background-position: center; }
.auth_page_main:after{  position: relative; content: ""; background: transparent; z-index: 999; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: linear-gradient(to bottom, rgb(0 0 0 / 40%), rgb(0 0 0 / 10%), transparent, transparent, transparent); }
.auth_page_main.auth_login_page:after{ background-image: none; }
.auth_form_sec .auth_form_sec_{ background: rgba(255,255,255,0.06); z-index: 2; position: relative; padding: 25px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.1);
    box-shadow: none; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.auth_page .auth_page_main{ padding-top: 100px; padding-bottom: 50px; }
/*.auth_page .scroll__under{ position: relative; margin-top: -76px; }*/
.auth_page .scroll__under{ position: relative; }
.login-form-title{ text-align: center; margin-bottom: 35px; }
.login-form-title h5{ font-size: 40px; color: #3b3f5c; }
.login-form-title p{ font-size: 17px; color: #888ea8; font-weight: 300; margin-bottom: 0; }
.auth_form_sec{ padding: 11px 0px 16px 0; border-bottom: none; position: relative; }
.auth_form_sec input.form-control{ color: #000000; font-size: 16px;padding: 8px 5px 8px 46px; border-radius: 4px!important; width: 100%; height: 46px; border: 1px solid #bfc9d4; z-index: 5!important; }
.auth_form_sec .input-group span{ padding: 10px 15px; position: absolute; font-size: 18px; height: 46px; border-radius: 5px; z-index: 6; color: #888ea8; }
.auth_form_sec .form-control:hover, .auth_form_sec .form-control:focus{ box-shadow: 0 0 5px 2px rgba(194, 213, 255, 0.6196078431372549); border-color: var(--ds-accent, #D4A840); }
.auth_form_sec .forgot-pass{ text-align: right; float: right; color: #495057; font-weight: 100; }
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus{ z-index: 1; }
.auth_form_sec .btn-sec .btn{ width: 100%; background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840);box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; font-size: 22px; letter-spacing: 1px; }
.auth_form_sec .btn-sec{ padding-top: 10px; }
.auth_form_sec .btn-sec .division{ font-size: 13px; margin: 30px 0 30px 0; }
.auth_form_sec .btn-sec p a{ color: var(--ds-accent, #D4A840); }
.auth_form_sec .btn-sec p{ font-size: 16px; color: #000000; letter-spacing: 0.7px; margin-bottom: 10px; }
/*.auth_page .footer{ padding-bottom: 20px; margin-bottom: 0; margin-top: 0; position: relative; z-index: 2; border-top: 1px solid #fff; }
.auth_page .footer_copy_rights_txt p, .auth_page footer .footer_link_3 li a, .auth_page footer .social_media li a{ color: #ffffff; }*/
.auth_page .footer{ padding-bottom: 20px; margin-bottom: 0; margin-top: 0; border-top: 0px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .col-md-4, .auth_reg_page .auth_form_sec.auth_reg_form_sec .col-md-6{ padding: 0 5px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .input-group span { padding: 10px 10px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .row_column{ padding: 0 8px; }
.auth_reg_page .auth_form_sec input.form-control{ padding: 8px 5px 8px 33px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .input-group span i{ font-size: 15px; }

.auth_form_sec .btn-sec  .join-submit{width: auto; padding: 4px 40px; margin-bottom: 15px; margin-top: 10px; }
.auth_reg_form_sec label{ margin-bottom: 2px; color: #5b5b5b; font-weight: 300; }
.auth_reg_form_sec h2.reg_sub_title{ font-size: 25px; margin-bottom: 15px; }
.auth_reg_form_sec .activity_label span { font-size: 20px; display: block; font-family: inherit; }
.auth_reg_form_sec .activity_label span.span_last{ font-size: 15px; font-family: inherit; line-height: 20px;}
.activity_label_custom fieldset{ display: inline-block; width: 15%; vertical-align: top; }
.auth_reg_page{position: relative;  background-image: url(../img/register_banner.jpg); background-size: cover; background-position: top left;}
.auth_page header .collapse.navbar-collapse
{ display: none; }
.auth_page_key header .collapse.navbar-collapse{
display:block;
}

.auth_page_key header .collapse.navbar-collapse ul{ float:right; }
.auth_page_key header .collapse.navbar-collapse a.nav-link{ color:#000; }


.login-form-title a img{ width: 115px; }
.auth_reg_form_sec .login-form-title{ margin-bottom: 15px; }
.auth_reg_form_sec .login-form-title h5{ margin-bottom: 0px; }
.auth_form_sec label.error{ position: absolute; bottom: -19px; font-size: 14px; font-weight: 400; margin: 0; color: red; letter-spacing: 0.2px; }
.activity_label.choose_fee, .activity_label.activity_label_multi{ position: relative; }
.auth_form_sec .activity_label label.error{ bottom: -12px; left: 0;}
.auth_form_sec .activity_label.activity_label_multi label.error{ bottom: -18px;  }
.auth_form_sec .check_confirm input[type=checkbox]{ margin-top: 4px; margin-right: 15px; float: left;display: inline-flex; width: 18px; height: 18px; }
.auth_form_sec .check_confirm .checkbox label{ font-size: 16px; letter-spacing: 0.7px; margin-bottom: 20px; color: #000000; font-weight: 400; }
.auth_form_sec .confirm_txt_btm .form-group{ margin-bottom: 0px; }
.auth_form_sec .confirm_form_div .btn_section .btn{ font-size: 18px; letter-spacing: 0.7px; padding: 7px 26px; border: 1px solid var(--ds-accent, #D4A840); margin: 0 5px; }
.auth_form_sec .confirm_form_div .btn_section .btn#confirm-proceed{ background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840); box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; }
.auth_form_sec .confirm_form_div .btn_section .btn#show-register{ border: 0; text-decoration: underline; color: #3b3f5c; padding: 0; margin-top: 20px; letter-spacing: 1px; }
.auth_form_sec .confirm_form_div .btn_section .btn:focus{ outline: none; box-shadow: none; }
.payment-form-body.confirm_section input.form-control{ padding: 13px 10px 13px 15px; }
.payment-form-body select.form-control{ height: 46px; }
.payment-form-body select#state.form-control:disabled{ background-color: transparent;cursor: not-allowed; }
.auth_form_sec #cc-payment-form .payment-btn .btn{ padding: 7px 25px; background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840);box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; font-size: 22px; letter-spacing: 1px; }
.auth_form_sec #cc-payment-form .payment-btn{ padding-bottom: 10px; padding-top: 5px; }
#cc-payment-form .form-group{ position: relative; }
.auth_form_sec label#expiry-date-error{ font-size: 12px; line-height: 11px; bottom: -21px; }
.confirm-purchase-token p.sub_txt{ padding-top: 20px;  font-size: 16px; text-align: left; letter-spacing: 0.7px; font-weight: 400; }
.payment-step-two .btn{ padding: 7px 18px; background: var(--ds-accent, #D4A840); border-color: var(--ds-accent, #D4A840); box-shadow: 0 10px 20px -10px var(--ds-accent, #D4A840); color: #fff; font-size: 20px; letter-spacing: 0;}
/*.confirm-purchase-token .creditcard-api-form, .confirm-purchase-token .coinpayments-form{ width: 49%; display: inline-block; }
input[type="image"] { width: 100%; }*/
.payment-form-options.activate_token{ padding-bottom: 25px; }
.confirm-notification form{ padding-bottom: 20px; }
.auth_form_sec input.form-control.number-of-token-value{ padding: 8px 5px 8px 10px; }
.auth_form_sec .confirm_txt_btm label{ color: #000000; font-weight: 400; }
.auth_form_sec .login_key .btn-sec .btn, .auth_reset_page .btn-sec .btn{ width: auto; padding: 7px 25px; margin-bottom: 25px; }
.auth_loginkey_page.auth_page_main, .auth_reset_page.auth_page_main{ padding-top: 150px; padding-bottom: 150px; }
.auth_loginkey_page.auth_page_main:after, .auth_reset_page.auth_page_main:after{ background-image: none; }



.auth_page_key{
}

@media ( min-width: 1024px) and (max-width: 1210px){


.register_section input, .login-form input { 
	width:80%;
	}
}
@media ( min-width: 992px) and (max-width: 1024px){

    .auth_form_sec .auth_form_sec_{ padding: 15px; }
    .login-form-title h5{ font-size: 34px; }
    .auth_reg_form_sec h2.reg_sub_title { font-size: 20px; margin-bottom: 10px; }
    .auth_form_sec input.form-control{ font-size: 14px; height: 41px; }
    .auth_form_sec .form-group{ margin-bottom: 10px; }
    .auth_form_sec .input-group span{ font-size: 15px; padding: 10px 15px; height: 41px; }
    .auth_reg_form_sec .activity_label span{ font-size: 17px; }
    .auth_page header .navbar .navbar-brand img { width: 85px; }
    .auth_page .auth_page_main { padding-top: 80px; padding-bottom: 25px; }

.register_section input, .login-form input { 
	width:70%;
	}

}




@media ( min-width: 768px) and (max-width: 991px){

.auth_page header .collapse.navbar-collapse{
display:none;
}
.auth_page header .collapse.navbar-collapse.show{
display:block;
}
    .auth_page header .collapse.navbar-collapse.show,
    .auth_page_key header .collapse.navbar-collapse.show,
    { display: block!important; }
    .auth_form_sec{ margin: 0 auto; }
    .auth_page_main{ background-image: none; }
    .auth_page footer .footer_copy_rights{ border-top: 1px solid #aaa; padding-top: 10px; }
    .auth_form_sec .btn-sec .division{ margin: 20px 0 20px 0; }
    .auth_page_main .login-form-title h5{ font-size: 37px; margin-bottom: 5px; }
    .auth_page_main .login-form-title{ margin-bottom: 22px; }
    .auth_page_main:after{ background-image: none; }
    .auth_reg_form_sec h2.reg_sub_title{ font-size: 23px; margin-bottom: 10px; }
    .auth_form_sec .auth_form_sec_{ padding: 25px 18px; }
    .auth_reg_form_sec .activity_label span{ font-size: 16px; }
    .auth_form_sec .check_confirm .checkbox label{ font-size: 15px; margin-bottom: 15px; }
    .auth_form_sec .confirm_form_div .btn_section .btn{ padding: 7px 19px; font-size: 17px; margin: 0 0px; }
    .auth_form_sec .check_confirm input[type=checkbox]{ width: 13px; height: 13px; }
    .confirm-register .btn_section{ padding: 0px; }
    .auth_form_sec .confirm_form_div .btn_section .btn#show-register{ margin-top: 15px; }


.register_section input, .login-form input { 
	width:70%;
	}

}


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

.auth_page header .collapse.navbar-collapse{
display:none;
}

    .auth_page header .collapse.navbar-collapse.show,
    .auth_page_key header .collapse.navbar-collapse.show
    { display: block!important; }
    .auth_page_main{ background-image: none; }
    .auth_page footer .footer_copy_rights{ border-top: 1px solid #aaa; padding-top: 10px; }
    .auth_form_sec .btn-sec .division{ margin: 20px 0 20px 0; }
    .auth_page_main .login-form-title h5{ font-size: 30px; }
    .auth_page_main .login-form-title{ margin-bottom: 22px; }
    .auth_page_main:after{ background-image: none; }
    .auth_reg_form_sec h2.reg_sub_title{ font-size: 20px; margin-bottom: 10px; }
    .auth_form_sec .auth_form_sec_{ padding: 25px 18px; }
    .auth_reg_form_sec .activity_label span{ font-size: 16px; }
    .activity_label_custom fieldset{ width: 30%; }
    .auth_form_sec .check_confirm .checkbox label{ font-size: 15px; margin-bottom: 15px; }
    .auth_form_sec .confirm_form_div .btn_section .btn{ padding: 7px 19px; font-size: 17px; margin: 0 0px; }
    .auth_form_sec .check_confirm input[type=checkbox]{ width: 13px; height: 13px; }
    .confirm-register .btn_section{ padding: 0px; }
    .auth_form_sec .confirm_form_div .btn_section .btn#show-register{ margin-top: 15px; }
    .auth_form_sec .payment-btn.payment-step-two{ width: 100%; display: block; padding-top: 15px; }

    .auth_page_main .payment_info .login-form-title h5{ font-size: 27px; }




.register_section input, .login-form input { 
	width:70%;
	}

.register_form div.activity_label_multi label.error{ top:80px !important; }


}



.input-group-text {
    width: 40px;
}
.input-group-text span {
    margin: 0 auto;
}

/* Terms & Policy Checkboxes */
.terms-checkboxes {
    margin: 20px 0 10px;
    padding: 18px 20px 8px;
    background: rgba(255,255,255,0.06);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
}
.terms-check-item {
    margin-bottom: 10px;
}
.terms-check-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    cursor: pointer;
    margin: 0;
    line-height: 1.5;
}
.terms-check-input {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-top: 2px;
    accent-color: var(--ds-accent, #D4A840);
    cursor: pointer;
}
.terms-check-label a {
    color: var(--ds-accent, #D4A840);
    font-weight: 600;
    text-decoration: none;
}
.terms-check-label a:hover {
    text-decoration: underline;
    color: #ff8a3d;
}
.terms-check-error .terms-check-label {
    color: #ef4444;
}
.terms-check-error .terms-check-input {
    outline: 2px solid #ef4444;
    outline-offset: 1px;
}
#terms-error {
    color: #ef4444;
    font-size: 13px;
    margin-top: 4px;
    font-weight: 500;
}


/* ============================================
   Banner-Based Auth Layout (Login Redesign)
   ============================================ */

/* Override the dark animated layout when banner is used */
.auth-banner-layout {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 90px 24px 60px;
    overflow: hidden;
    background: #0a0a1a !important;
    background-image: none !important;
}
/* Login page — vertically center the card */
.auth-banner-layout.auth_login_page {
    align-items: center;
}
.auth-banner-layout .auth-split-layout,
.auth-banner-layout .auth-brand-panel,
.auth-banner-layout .auth-brand-orbs,
.auth-banner-layout .auth-form-panel {
    all: unset;
}

/* Full-page background image */
.auth-banner-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
}
.auth-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.auth-banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.35) 40%,
        rgba(0, 0, 0, 0.45) 100%
    );
}

/* Glass form card — left aligned */
.auth-banner-card {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 460px;
    margin: 0 auto 0 100px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    padding: 40px 36px 32px;
    animation: authBannerCardIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Wide variant for signup */
.auth-banner-card-wide {
    max-width: 620px;
    margin: 0 auto 0 40px;
    padding: 24px 24px 20px;
    margin-top: 80px;
}
/* Compact layout inside signup card */
.auth-banner-card-wide .login-form-title {
    margin-bottom: 10px;
}
/* Give phone input room for intl-tel-input flag */
.auth-banner-card.auth-banner-card-wide .auth_form_sec input#phone.form-control {
    padding-left: 75px !important;
}
.auth-banner-card-wide .auth_form_sec .input-group span + input.form-control {
    padding-left: 6px !important;
}
.auth-banner-card-wide .auth_form_sec .form-group {
    margin-bottom: 8px;
}
.auth-banner-card-wide .row.row_column {
    margin-left: -4px;
    margin-right: -4px;
}
.auth-banner-card-wide .row.row_column > [class*="col-"] {
    padding-left: 4px;
    padding-right: 4px;
}
.auth-banner-card-wide .activity_label span {
    font-size: 11px !important;
}
.auth-banner-card-wide .activity_label span.span_last {
    font-size: 9px !important;
    line-height: 1.3;
}
.auth-banner-card-wide .activity_label_custom fieldset {
    width: 30%;
}
.auth-banner-card-wide .activity_label_custom fieldset label {
    font-size: 11px !important;
}
.auth-banner-card-wide .activity_label {
    margin-bottom: 4px;
}
.auth-banner-card.auth-banner-card-wide .auth_form_sec .btn-sec .btn,
.auth-banner-card.auth-banner-card-wide .join-submit {
    height: 34px !important;
    font-size: 13px !important;
    width: auto !important;
    padding: 0 40px !important;
}
.auth-banner-card-wide .check_confirm .checkbox label,
.auth-banner-card-wide .check_confirm label {
    font-size: 11px !important;
    text-transform: none !important;
}
.auth-banner-card .terms-check-label,
.auth-banner-card .confirm_form_div label,
.auth-banner-card .confirm_form_div .checkbox label {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.auth-banner-card-wide .terms-checkboxes {
    padding: 8px 10px 2px;
    margin: 8px 0 4px;
}
.auth-banner-card-wide .terms-check-label {
    font-size: 10px;
    gap: 6px;
}
.auth-banner-card-wide .terms-check-input {
    width: 13px;
    height: 13px;
    min-width: 13px;
}
.auth-banner-card-wide .terms-check-item {
    margin-bottom: 4px;
}
.auth-banner-card-wide .btn-sec {
    margin-top: 2px;
}
.auth-banner-card-wide .btn-sec p {
    font-size: 11px !important;
    margin-bottom: 2px;
}

@keyframes authBannerCardIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.auth-banner-card-inner {
    width: 100%;
}

/* Logo */
.auth-banner-logo {
    text-align: center;
    margin-bottom: 24px;
}
.auth-banner-logo img {
    height: 60px;
    width: auto;
}

/* Override dark-theme auth-form-panel styles inside banner card */
.auth-banner-card .auth_form_sec .auth_form_sec_ {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    backdrop-filter: none !important;
}

/* Title — light text on glass card */
.auth-banner-card .login-form-title {
    text-align: center;
    margin-bottom: 28px;
}
.auth-banner-card .login-form-title h5 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.5px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.auth-banner-card .login-form-title p {
    font-size: 14px !important;
    color: rgba(255,255,255,0.75) !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

/* Form labels — light on glass */
.auth-banner-card .auth_form_sec label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.9) !important;
    text-transform: none !important;
    letter-spacing: 0.3px;
    margin-bottom: 6px !important;
}

/* Input icon spans */
.auth-banner-card .auth_form_sec .input-group span {
    height: 46px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.25);
    border-right: none;
    border-radius: 10px 0 0 10px;
    color: rgba(255,255,255,0.6);
    font-size: 15px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    position: relative !important;
    z-index: auto !important;
    padding: 0 !important;
}

/* Inputs */
.auth-banner-card .auth_form_sec input.form-control,
.auth-banner-card .auth_form_sec select.form-control {
    height: 46px !important;
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    padding-left: 14px !important;
    z-index: auto !important;
}
.auth-banner-card .auth_form_sec .input-group span + input.form-control {
    border-left: none !important;
    border-radius: 0 10px 10px 0 !important;
    padding-left: 10px !important;
}
.auth-banner-card .auth_form_sec input.form-control::placeholder {
    color: rgba(255,255,255,0.45) !important;
}
.auth-banner-card .auth_form_sec input.form-control:focus,
.auth-banner-card .auth_form_sec input.form-control:hover {
    background: rgba(255,255,255,0.18) !important;
    border-color: var(--ds-accent, #D4A840) !important;
    box-shadow: 0 0 0 3px var(--ds-accent-bg, rgba(212,168,64,0.2)) !important;
    color: #fff !important;
}
.auth-banner-card .auth_form_sec .input-group:focus-within span {
    background: var(--ds-accent-bg, rgba(212,168,64,0.15));
    border-color: var(--ds-accent, #D4A840);
    color: var(--ds-accent, #D4A840);
}

/* Password toggle */
.auth-banner-card .auth-pass-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    cursor: pointer;
    padding: 4px 2px;
    z-index: 2;
    transition: color 0.25s ease;
}
.auth-banner-card .auth-pass-toggle:hover {
    color: var(--ds-accent, #D4A840);
}

/* Forgot password */
.auth-banner-card .auth_form_sec .forgot-pass {
    font-size: 13px !important;
    color: var(--ds-accent, #D4A840) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    float: right;
    transition: color 0.2s ease;
}
.auth-banner-card .auth_form_sec .forgot-pass:hover {
    color: #e8c04a !important;
    text-decoration: underline !important;
}

/* Submit button — gold */
.auth-banner-card .auth_form_sec .btn-sec .btn,
.auth-banner-card .auth_form_sec .btn-sec .login_submit,
.auth-banner-card .login_submit {
    height: 48px !important;
    width: 100%;
    border-radius: 10px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    border: none !important;
    background: linear-gradient(135deg, var(--ds-accent, #D4A840) 0%, #c49a38 50%, var(--ds-accent, #D4A840) 100%) !important;
    background-size: 200% auto !important;
    color: #fff !important;
    box-shadow: 0 6px 20px var(--ds-accent-bg, rgba(212,168,64,0.35)) !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    animation: none !important;
}
.auth-banner-card .auth_form_sec .btn-sec .btn:hover,
.auth-banner-card .login_submit:hover {
    background-position: right center !important;
    box-shadow: 0 8px 28px var(--ds-accent-bg, rgba(212,168,64,0.45)) !important;
    transform: translateY(-1px);
}

/* OR divider */
.auth-banner-card .division {
    position: relative;
    text-align: center;
    margin: 20px 0;
}
.auth-banner-card .division::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
}
.auth-banner-card .division span {
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    padding: 0 14px;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

/* Links — light on glass */
.auth-banner-card .btn-sec p {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px !important;
}
.auth-banner-card .btn-sec p a {
    color: var(--ds-accent, #D4A840) !important;
    font-weight: 600;
}
.auth-banner-card .btn-sec p a:hover {
    color: #e8c04a !important;
    text-decoration: underline;
}

/* Error labels */
.auth-banner-card .auth_form_sec label.error {
    font-size: 12px !important;
    color: #e74c3c !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

/* Success/error messages */
.auth-banner-card .success-message .alert {
    border-radius: 10px;
    font-size: 14px;
}

/* reCAPTCHA */
.auth-banner-card .g-recaptcha {
    transform-origin: left center;
}

/* Payment form overrides inside banner card */
.auth-banner-card .form_5050cf .form_5050cf_inr {
    width: 100%;
    border-radius: 10px;
}
.auth-banner-card .form_5050cf h2.fm_title {
    border-radius: 10px 10px 0 0;
}
.auth-banner-card .form_5050cf .payment-form-body {
    width: 100%;
    border: none;
    box-shadow: none;
}

/* Signup form overrides inside glass card */
.auth-banner-card .register_section label,
.auth-banner-card .register_section .form-group i,
.auth-banner-card .auth_reg_form_sec label {
    color: rgba(255,255,255,0.85) !important;
}
.auth-banner-card .register_section .form_title h2,
.auth-banner-card .reg_sub_title {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.auth-banner-card .register_section .form_title h2:after {
    background: var(--ds-accent, #D4A840);
}
.auth-banner-card .activity_label span,
.auth-banner-card .activity_label label,
.auth-banner-card .check_confirm label,
.auth-banner-card .check_confirm .checkbox label {
    color: rgba(255,255,255,0.85) !important;
}
.auth-banner-card #signup_form .donor_name {
    color: var(--ds-accent, #D4A840) !important;
}
.auth-banner-card #signup_form .donor_name span {
    color: rgba(255,255,255,0.7) !important;
}
.auth-banner-card .register_form_div,
.auth-banner-card .signup_form_div,
.auth-banner-card .register_form_div_inr {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.auth-banner-card .register_section {
    background: transparent !important;
}
.auth-banner-card .register_section input,
.auth-banner-card .register_section .form-control {
    width: 100% !important;
}
.auth-banner-card .terms-checkboxes {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
}
.auth-banner-card .terms-check-label {
    color: rgba(255,255,255,0.8);
}
.auth-banner-card .terms-check-label a {
    color: var(--ds-accent, #D4A840);
}
.auth-banner-card .confirm_form_div {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.15) !important;
}
.auth-banner-card .confirm_form_div .main_confirm_txt {
    color: var(--ds-accent, #D4A840) !important;
}
.auth-banner-card .confirm_form_div label,
.auth-banner-card .confirm_form_div .confirm_txt_top .checkbox label,
.auth-banner-card .confirm_form_div .confirm_txt_btm label,
.auth-banner-card .confirm_txt_btm .form-control-static {
    color: rgba(255,255,255,0.85) !important;
}

/* ---- Responsive ---- */
@media (max-width: 575px) {
    .auth-banner-layout,
    .auth-banner-layout.auth_login_page {
        padding: 80px 16px 40px;
        justify-content: center;
    }
    .auth-banner-card {
        padding: 30px 24px 24px;
        border-radius: 14px;
        margin: 0 auto !important;
    }
    .auth-banner-card-wide {
        max-width: 95%;
        padding: 20px 16px 18px;
        margin: 0 auto !important;
    }
    .auth-banner-logo img {
        height: 48px;
    }
    .auth-banner-card .login-form-title h5 {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {
    .auth-banner-bg .auth-banner-img {
        object-position: 30% center;
    }
}

/* ==============================================
   V2 REGISTRATION — Glassmorphism + Gold Theme
   ============================================== */

/* New layout wrapper */
.reg-v2-layout {
    min-height: 100vh;
    position: relative;
}

/* 50/50 text bottom-right */
.reg-v2-fifty-text {
    display: none;
    position: fixed;
    bottom: 48px;
    right: 48px;
    z-index: 10;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    pointer-events: none;
    user-select: none;
}
.reg-v2-fifty-line1 {
    color: rgba(255,255,255,0.7);
    font-weight: 600;
    letter-spacing: 0.2em;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.reg-v2-fifty-line2 {
    color: rgba(255,255,255,0.5);
    font-weight: 500;
    letter-spacing: 0.2em;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
@media (min-width: 992px) {
    .reg-v2-fifty-text {
        display: flex;
    }
}

/* Top-right nav buttons */
.reg-v2-topnav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
}
.reg-v2-login-link {
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
}
.reg-v2-login-link:hover {
    color: #fff;
    text-decoration: none;
}
.reg-v2-home-btn {
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

/* ==============================================
   Glass card override — DARK glass (same as login)
   Inherits the dark glass from .auth-banner-card,
   only adjusts sizing/spacing for the signup form.
   ============================================== */
.reg-v2-card {
    border-radius: 16px !important;
    padding: 24px 28px 22px !important;
}

/* Logo centered inside card */
.reg-v2-logo-wrap {
    text-align: center;
    margin-bottom: 10px;
}
.reg-v2-logo {
    height: 80px;
    width: auto;
}

/* Title */
.reg-v2-card .login-form-title h5 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 700 !important;
    font-style: italic !important;
    letter-spacing: -0.02em !important;
    font-size: 24px !important;
}
.reg-v2-card .login-form-title p {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Section subtitles */
.reg-v2-card .reg_sub_title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.9) !important;
    margin-bottom: 8px !important;
    margin-top: 6px !important;
}

/* Form labels */
.reg-v2-card .auth_form_sec label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.7) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-bottom: 2px !important;
}
/* Tighter form groups */
.reg-v2-card .auth_form_sec .form-group {
    margin-bottom: 8px !important;
}
.reg-v2-card .auth_form_sec .row_column {
    margin-left: -4px;
    margin-right: -4px;
}
.reg-v2-card .auth_form_sec .row_column > [class*="col-"] {
    padding-left: 4px;
    padding-right: 4px;
}

/* Input icon spans — dark glass theme */
.reg-v2-card .auth_form_sec .input-group span {
    height: 34px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
}

/* Inputs — compact sizing (inherits dark glass colors from .auth-banner-card) */
.reg-v2-card .auth_form_sec input.form-control,
.reg-v2-card .auth_form_sec select.form-control {
    border-radius: 8px !important;
    font-size: 12px !important;
    height: 34px !important;
    padding: 4px 5px 4px 30px !important;
}
.reg-v2-card .auth_form_sec .input-group span + input.form-control {
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
}

/* intl-tel-input flag — fit inside compact 34px input */
.reg-v2-card .iti {
    width: 100%;
}
.reg-v2-card .iti__flag-container {
    height: 34px !important;
}
.reg-v2-card .iti__selected-flag {
    height: 34px !important;
    padding: 0 6px 0 8px !important;
    font-size: 12px !important;
}
.reg-v2-card .iti__flag {
    transform: scale(0.8);
}
.reg-v2-card .iti__selected-dial-code {
    font-size: 11px !important;
    margin-left: 4px !important;
    color: rgba(255,255,255,0.7) !important;
}
.reg-v2-card .iti__arrow {
    margin-left: 4px !important;
    border-top-color: rgba(255,255,255,0.5) !important;
}
.reg-v2-card input#phone.form-control {
    padding-left: 65px !important;
    height: 34px !important;
    font-size: 12px !important;
}

/* Activity labels */
.reg-v2-card .activity_label span {
    font-size: 12px !important;
    color: rgba(255,255,255,0.9) !important;
}
.reg-v2-card .activity_label span.span_last {
    font-size: 11px !important;
    color: rgba(255,255,255,0.5) !important;
    font-style: italic !important;
}
.reg-v2-card .activity_label_custom fieldset label {
    font-size: 12px !important;
    color: rgba(255,255,255,0.85) !important;
}

/* Terms checkboxes — dark glass */
.reg-v2-card .terms-checkboxes {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px;
    padding: 10px 12px 4px !important;
}
.reg-v2-card .terms-check-label {
    font-size: 12px !important;
    color: rgba(255,255,255,0.85) !important;
}
.reg-v2-card .terms-check-label a {
    color: var(--ds-accent, #D4A840) !important;
    font-weight: 500 !important;
}
.reg-v2-card .terms-check-label a:hover {
    color: hsl(42,52%,72%) !important;
}

/* Gold-styled Join button */
.reg-v2-card .join-submit.btn-gold {
    padding: 10px 40px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    height: auto !important;
    width: auto !important;
    background: linear-gradient(180deg, hsl(41,50%,68%) 0%, hsl(39,55%,52%) 50%, hsl(35,55%,40%) 100%) !important;
    color: hsl(35,30%,10%) !important;
    box-shadow: 0 4px 0 hsl(35,55%,30%), 0 6px 12px hsla(35,55%,30%,0.4), inset 0 1px 0 hsla(42,45%,78%,0.6) !important;
}
.reg-v2-card .join-submit.btn-gold:hover {
    background: linear-gradient(180deg, hsl(42,52%,72%) 0%, hsl(40,58%,55%) 50%, hsl(36,58%,43%) 100%) !important;
    transform: translateY(-1px);
}

/* btn-sec text */
.reg-v2-card .btn-sec p {
    font-size: 14px !important;
    color: rgba(255,255,255,0.5) !important;
}
.reg-v2-card .btn-sec p a {
    color: var(--ds-accent, #D4A840) !important;
    font-weight: 500;
}

/* ==============================================
   Confirmation step — seamless card (matches main form)
   ============================================== */

/* Remove the old boxed container — make it transparent/flat */
.reg-v2-card .confirm_form_div {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.reg-v2-card .confirm_form_div .confirm_form_div_inr {
    padding: 0 !important;
}
/* Hide the old h3 bar — replaced by logo+title in HTML */
.reg-v2-card .confirm_form_div h3 {
    display: none !important;
}

/* All text in confirm section — light on dark glass */
.reg-v2-card .confirm_section p,
.reg-v2-card .confirm_section label,
.reg-v2-card .confirm_section .checkbox label,
.reg-v2-card .confirm_form_div label,
.reg-v2-card .confirm_form_div .confirm_txt_top .checkbox label,
.reg-v2-card .confirm_form_div .confirm_txt_btm label,
.reg-v2-card .confirm_txt_btm .form-control-static,
.reg-v2-card .confirm_section .col-form-label,
.reg-v2-card .confirm_section strong {
    color: rgba(255,255,255,0.9) !important;
}

/* Checkbox labels — left-aligned */
.reg-v2-card .confirm_txt_top.check_confirm {
    text-align: left !important;
}
.reg-v2-card .confirm_txt_top.check_confirm .checkbox {
    margin-bottom: 6px;
    text-align: left !important;
}
.reg-v2-card .confirm_txt_top.check_confirm .checkbox label {
    font-size: 12px !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,0.9) !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px;
    margin-bottom: 8px !important;
    text-align: left !important;
}
.reg-v2-card .confirm_txt_top.check_confirm .checkbox label input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    min-width: 16px;
}
/* Email display in checkbox — gold for visibility on dark glass */
.reg-v2-card .confirm_txt_top.check_confirm .checkbox label .email-display,
.reg-v2-card .confirm_txt_top.check_confirm .checkbox label strong {
    color: var(--ds-accent, #D4A840) !important;
    font-weight: 600 !important;
}

/* Confirm section — left-align everything except logo/title */
.reg-v2-card .confirm-register .confirm_form_div,
.reg-v2-card .confirm-register .confirm_form_div_inr,
.reg-v2-card .confirm-register .confirm_form_div form,
.reg-v2-card .confirm-register .confirm_txt_top,
.reg-v2-card .confirm-register .confirm_txt_btm,
.reg-v2-card .confirm-register .donation-level-label,
.reg-v2-card .confirm-register .donation-level-label .checkbox,
.reg-v2-card .confirm-register .donation-level-label .checkbox label,
.reg-v2-card .confirm-register h2.reg_sub_title {
    text-align: left !important;
}
/* Dynamically injected donation-level checkboxes */
.reg-v2-card .donation-level-label .checkbox label {
    font-size: 12px !important;
    color: rgba(255,255,255,0.85) !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px;
    margin-bottom: 8px !important;
    text-align: left !important;
    line-height: 1.5 !important;
}
.reg-v2-card .donation-level-label .checkbox label input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    min-width: 16px;
}

/* Info display rows — compact, gold values for visibility on dark glass */
.reg-v2-card .confirm_txt_btm .form-control-static {
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    color: var(--ds-accent, #D4A840) !important;
    font-weight: 600 !important;
    padding: 0 !important;
}
.reg-v2-card .confirm_txt_btm label.control-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.55) !important;
    margin-bottom: 0 !important;
}
.reg-v2-card .confirm_txt_btm .form-group {
    margin-bottom: 4px !important;
}

/* Confirm button — gold, same as Join button */
.reg-v2-card .confirm_section .btn-sec .join-submit.btn-gold#confirm-proceed {
    padding: 10px 40px !important;
}

/* Cancel / Edit link buttons */
.reg-v2-card .btn-link-muted {
    background: none !important;
    border: none !important;
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    cursor: pointer;
    padding: 0 !important;
    text-decoration: underline;
    box-shadow: none !important;
}
.reg-v2-card .btn-link-muted:hover {
    color: rgba(255,255,255,0.75) !important;
}
.reg-v2-card .btn-link-gold {
    background: none !important;
    border: none !important;
    color: hsl(39,55%,52%) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer;
    padding: 0 !important;
    text-decoration: underline;
    box-shadow: none !important;
}
.reg-v2-card .btn-link-gold:hover {
    color: hsl(35,55%,40%) !important;
}

/* ==============================================
   Payment options — card style
   ============================================== */
.reg-v2-payment-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.reg-v2-pay-card {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 !important;
    width: 100% !important;
    text-align: left;
}
.reg-v2-pay-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
    transform: translateY(-1px);
}
.reg-v2-pay-card-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}
.reg-v2-pay-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--ds-accent-bg, rgba(212,168,64,0.1));
    color: hsl(39,55%,52%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.reg-v2-pay-text h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 2px 0 !important;
}
.reg-v2-pay-text p {
    font-size: 11px !important;
    color: rgba(255,255,255,0.5) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.reg-v2-pay-btn {
    flex-shrink: 0;
    padding: 8px 0 !important;
    font-size: 12px !important;
    white-space: nowrap;
    min-width: 130px !important;
    text-align: center !important;
}

/* Responsive: stack on small screens */
@media (max-width: 480px) {
    .reg-v2-pay-card {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    .reg-v2-pay-card-inner {
        flex-direction: column;
        text-align: center;
    }
    .reg-v2-pay-icon {
        margin: 0 auto;
    }
    .reg-v2-pay-btn {
        width: 100%;
    }
}

/* Error labels visible on dark glass */
.reg-v2-card .auth_form_sec label.error {
    color: #ff6b6b !important;
}

/* Payment form body & token sections — dark glass */
.reg-v2-card .confirm-purchase-token p.sub_txt,
.reg-v2-card .confirm-purchase-token p,
.reg-v2-card .confirm-notification p,
.reg-v2-card .payment-form-body h3 {
    color: #fff !important;
}
.reg-v2-card .payment-form-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.reg-v2-card .confirm-purchase-token .sub_txt {
    color: rgba(255,255,255,0.85) !important;
}
.reg-v2-card .confirm_section .confirm_form_div,
.reg-v2-card .confirm_section .payment-form-options {
    background: transparent !important;
}
.reg-v2-card .merchant-payments .alert {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.85) !important;
}

/* Responsive: left-aligned card on desktop, full-width on mobile */
@media (min-width: 992px) {
    .reg-v2-layout .auth-banner-card-wide {
        max-width: 620px;
        margin-left: 40px !important;
        margin-right: auto !important;
        margin-top: 20px !important;
    }
}
@media (max-width: 991px) {
    .reg-v2-topnav {
        padding: 12px 16px;
    }
    .reg-v2-card {
        border-radius: 12px !important;
        padding: 20px 18px 18px !important;
        margin-top: 60px !important;
    }
    .auth-banner-card-wide {
        max-width: 380px;
        margin: 0 auto !important;
    }
}
@media (max-width: 575px) {
    .reg-v2-card {
        padding: 18px 14px 14px !important;
    }
    .reg-v2-card .login-form-title h5 {
        font-size: 22px !important;
    }
    .auth-banner-card-wide {
        max-width: 100%;
    }
}

/* Hide footer on registration v2 page */
.auth_page .site-footer,
.auth_page footer.footer {
    display: none !important;
}