/* CF7 Form styling */
.custom-form-field { position:relative; margin-bottom:20px; }
.custom-form-field>p { margin: 0; }
.custom-form-field br,
.custom-form-field>p>br { display:none; height:0; font-size:0; line-height:0; }
.custom-form-field p { margin-bottom:0!important}
.error-message { color:#ff0000; font-size:12px; margin-top:-5px; display:none; }
.form-input.valid { border-color:#ddd; }
.wpcf7-not-valid-tip {display:none!important;}
.form-input::placeholder { color:#999; font-size:28px; }
.form-input.invalid::placeholder{ color:#ff0000; }
.wpcf7-form-control-wrap input[type=\"text\"],
.wpcf7-form-control-wrap input[type=\"email\"],
.wpcf7-form-control-wrap input[type=\"tel\"] {font-size:16px; text-align:center; padding:10px;}
.wpcf7-form-control-wrap input::placeholder { text-align: center; opacity: 0.7;}
.wpcf7-form-control-wrap input[type=\"text\"],
.wpcf7-form-control-wrap input[type=\"email\"],
.wpcf7-form-control-wrap input[type=\"tel\"],
input.form-input { width:736px; padding:12px 15px; border:1px solid #dbdbdb; border-radius:10px; font-size:16px; outline:none; box-sizing:border-box; transition:border-color 0.3s; text-align:center; height:55px; margin-bottom:20px; }
.validation-indicator { position:absolute; right:15px; top:20%; transform:translateY(-50%); width:25px; height:25px; border-radius:50%; display:none; z-index:10; }
.wpcf7-form-control-wrap input.invalid, .form-input.invalid { border-color:#ff0000!important; }
.form-input.invalid + .validation-indicator,
.wpcf7-form-control-wrap.invalid + .validation-indicator { background-color:#ff0000; display:block; }
.wpcf7-form-control-wrap input.valid,.form-input.valid { border-color:#ddd; }
.form-input.valid + .validation-indicator,
.wpcf7-form-control-wrap.valid + .validation-indicator { background-color:#00cc00; display:block; }
.wpcf7-submit, .submit-btn { width:100%; padding:12px 15px; background-color:#756633!important; color:white !important; border:none!important; border-radius:10px!important; font-size:16px; cursor: pointer; transition:background-color 0.3s; text-transform:none; font-weight:normal; }
.wpcf7-submit:hover, .submit-btn:hover { background-color:#645728 !important; }
div.wpcf7-response-output { margin-top:20px !important; border-radius:0 !important; padding:10px !important; text-align:center; }
.wpcf7-form-control-wrap input::placeholder, .form-input::placeholder { color:#999; text-align:center; opacity:0.7;}
.wpcf7-form-control-wrap input.invalid::placeholder, .form-input.invalid::placeholder { color:#ff0000; }
.wpcf7-form-control-wrap input:-webkit-autofill, .form-input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px white inset !important;}
.wpcf7-form.sent .wpcf7-response-output { border-color:#46b450; color:#46b450; }
.wpcf7-form.invalid .wpcf7-response-output { border-color:#dc3232; color:#dc3232; }
.floating-label { position:absolute; top:50%; left:10px;  transform:translateY(-50%);  font-family:ABC ROM Mono, monospace; }
.floating-label.show {  opacity:1!important; text-align:start }
.register-btn .btn-text::after { content:\"\"; }

@media (min-width: 768px) {
   .elementor-108 .elementor-element.elementor-element-7f4f8e8 { --width: 2000px !important ;}  
   .register-btn .btn-text:not(#closeText)::after {content: \" Interest\";} 
}
@media (max-width: 767px) { 
input.form-input { width:100% !important; margin-bottom:15px !important; padding: 12px 15px; border: 1px solid #dbdbdb; border-radius: 10px; font-size:16px; outline:none; box-sizing:border-box; transition: border-color 0.3s; text-align:center; height:55px; }
.custom-form-field { margin-bottom:10px; }
}
@media screen and (min-width: 280px) and (max-width: 767px) {
   .floating-label.show { opacity: 1 !important; left: 10px; display: none; }
   #registerInterestBtn .btn-text:after {font-size: 14px;}
   .validation-indicator { position: absolute; right: 15px; top: 23%; transform: translateY(-50%); width: 25px; height: 25px; border-radius: 50%; display: none; z-index: 10; }
}