/**
 * Contact Form Block - Frontend Styles
 * These styles are loaded on the frontend
 */
.contact-form-block { padding: 120px 0; position: relative; }
.contact-form-wrap { display: flex; gap: 48px; flex-wrap: wrap; }
.contact-form-wrap .address-block { flex: 1; min-width: 334px; max-width: 576px; }
.contact-form-wrap .address-block h2 { color: var(--primary-color); margin: 0 0 24px 0; }
.contact-form-wrap .address-block ul.contact-info  { margin: 0 0 0 0; padding: 0; display: flex; flex-wrap: wrap; }
.contact-form-wrap .address-block ul.contact-info li { width: 100%; color: var(--primary-color); margin: 0 0 16px 0; list-style: none; display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 22px; }
.contact-form-wrap .address-block ul.contact-info li a { width: 100%; color: var(--primary-color); }
.contact-form-wrap .address-block ul.contact-info li a:hover { color: var(--light-red-color); }
.contact-form-wrap .form-block { flex: 1; min-width: 334px; max-width: 576px; }
.contact-form-wrap .form-block .form-inner { background: var(--white-color); padding: 32px; border-radius: 16px; }
.contact-form-wrap .form-block .form-inner form .gform_fields .gfield label { display: block; font-weight: var(--font-weight-medium); font-size: 16px; line-height: 1.2; color: var(--black-color); margin: 0 0 8px 0; }
.contact-form-wrap .form-block .form-inner form .gform_fields .gfield label span.gfield_required { display: none; }
.contact-form-wrap .form-block .form-inner form .gform_fields .gfield input { display: block; font-weight: var(--font-weight-medium); font-size: 16px; line-height: 1.2; color: var(--primary-color); margin: 0 0 8px 0; border: 1px solid var(--gray-light-color); border-radius: 8px; padding: 12px 16px; width: 100%; box-sizing: border-box; height: auto; box-shadow: none; margin: 0; }
.contact-form-wrap .form-block .form-inner form .gform_fields { gap: 24px; }
.contact-form-wrap .form-block .form-inner form .gform_fields .gfield textarea { display: block; font-weight: var(--font-weight-medium); font-size: 16px; line-height: 1.2; color: var(--black-color); margin: 0 0 8px 0; border: 1px solid var(--gray-light-color); border-radius: 8px; padding: 12px 16px; width: 100%; box-sizing: border-box; height: auto; resize: none; height: 150px; min-block-size: 150px; box-shadow: none; margin: 0; }
.contact-form-wrap .form-block .form-inner form .gform_footer { margin-top: 32px; text-align: center; justify-content: center; }
.contact-form-wrap .form-block .form-inner .gform_wrapper form .gform_footer input[type="submit"] { border: 1px solid transparent; transition: all 0.4s ease-in-out; padding: 12px 32px; border-radius: 50px; font-family: var(--font-family-onest); font-weight: var(--font-weight-semibold); font-size: 16px; text-decoration: none; display: inline-block; vertical-align: middle; background-color: var(--light-red-color); color: var(--white-color); border-color: var(--light-red-color); cursor: pointer; }
.contact-form-wrap .form-block .form-inner .gform_wrapper form .gform_footer input[type="submit"]:hover { background-color: var(--dark-red-color); border-color: var(--dark-red-color); color: var(--white-color); }
.gform-theme--framework .gform_validation_errors { display: none !important; }
.contact-form-bg { position: absolute;bottom: 200px; max-width: 146px; width: 100%;height: 155px;background-repeat: no-repeat;background-size: contain; }
.contact-form-wrap .form-block .form-inner .gform_validation_error form .gform_fields .gfield.gfield_error input { border-color: var(--light-red-color); }
.contact-form-wrap .form-block .form-inner form .gform_fields .gfield .gfield_description.instruction.validation_message { color: var(--primary-color); }


/*Responsive Css Start Here*/
@media only screen and (max-width: 1280px) {
    
}
@media only screen and (max-width: 1200px) {
    .contact-form-block {padding: 80px 0;}
}
@media only screen and (max-width: 1024px) {
    .contact-form-block {padding: 60px 0;}
    .contact-form-wrap .address-block { min-width: 334px; max-width: 345px; }
    .contact-form-wrap { gap: 32px; }
}
@media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 767px) {
    .contact-form-block {padding: 48px 0;}
    .contact-form-wrap { gap: 40px; }
    .contact-form-wrap .address-block { min-width: 100%; max-width: 100%; }
    .contact-form-wrap .form-block { min-width: 100%; max-width: 100%; }
    .contact-form-wrap .form-block .form-inner { padding: 20px; }
    .contact-form-wrap .address-block ul.contact-info li { margin: 0 0 17.5px 0; gap: 15px; }
    .contact-form-bg { bottom: inherit; top: 190px; left: inherit; right: 0; width: 70px; height: 70px; }
    .contact-form-wrap .address-block ul.contact-info li { font-size: 14px; line-height: 20px; }
    .contact-form-wrap .form-block .form-inner form .gform_fields .gfield input { padding: 9.5px 15px; }
    .contact-form-wrap .form-block .form-inner form .gform_footer { margin-top: 28px; }
}