/* General form styling */

/* Input fields */
.wpcf7 .row.two-col p{display:flex;gap:20px;}
.wpcf7 p{margin-bottom:20px !important;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-family:var(--roboto);font-size:var(--f16);box-sizing:border-box;transition:border-color 0.3s,box-shadow 0.3s;}

/* Focus effect */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus{border-color:var(--color-primary);box-shadow:0 0 5px rgba(0,115,230,0.5);outline:none;}

/* Submit button */
.wpcf7 input[type="submit"]{display:inline-block;padding:12px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color 0.3s;}
.wpcf7 input[type="submit"]:hover{background-color:var(--color-primary);}

/* Labels */
.wpcf7 label{display:block;font-weight:bold;color:var(--black);font-size:16px;width:100%;}

 /* Error message styling */
.wpcf7-response-output{margin-top:15px;padding:10px;border:1px solid #f44336;background-color:#fdecea;color:#f44336;border-radius:4px;display:none;}

/* Success message styling */
.wpcf7 .wpcf7-mail-sent-ok{margin-top:15px;padding:10px;border:1px solid #4caf50;background-color:#e8f5e9;color:#4caf50;border-radius:4px;}

/* Validation error styling */
.wpcf7 .wpcf7-not-valid{border-color:#f44336;box-shadow:0 0 5px rgba(244,67,54,0.5);}

/* Gravity Form */
/* Input fields */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea{width: 100%; padding: 12px 20px !important; border: 1px solid #00000024 !important; border-radius: 20px !important; font-family: "Sora" !important; font-size: 13px !important; box-sizing: border-box; box-shadow: none !important; transition: border-color 0.3s, box-shadow 0.3s; background: #F5F5F5;opacity: 1 !important;color: #000 !important;}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"]{min-height: 30px !important;}

.gform_wrapper select{border: 1px solid #00000024 !important; border-radius: 20px !important; font-family: "Sora" !important; font-size: 13px !important; box-sizing: border-box; transition: border-color 0.3s, box-shadow 0.3s; background-color: #F5F5F5; }
/* Focus effect */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper textarea:focus,.gform_wrapper select:focus{border-color:#9d9d9d !important;box-shadow:0 0 5px rgba(0,195,218,0.5) !important;outline:none;}

/* Submit button */
/* Submit button */
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"]{display:inline-block;padding:12px 24px !important;background-color: var(--white) !important;color: var(--color-secondary) !important;border: 2px solid var(--color-secondary) !important;font-family: var(--montserrat) !important;border-radius:0px !important;font-size: var(--f16) !important;line-height:1.25em !important;font-weight:600 !important;cursor:pointer;transition:background-color 0.3s;text-transform: uppercase !important;}
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover{background-color:var(--black) !important;color: var(--white) !important;}
.gform_wrapper input[type="submit"]:focus{outline:0 !important;box-shadow:none !important;}
.gform-theme--foundation .gform_fields{gap:30px !important;}

/* Labels */
.gform_wrapper .gfield_label{display:block;font-weight:bold;color:var(--black);font-size:16px;width:100%;}
.gform_wrapper label.error{color:red !important;font-size: 12px !important;text-transform: capitalize;}

/* Error message styling */
.gform_wrapper .gform_validation_error{margin-top:15px;padding:10px;border:1px solid #f44336;background-color:#fdecea;color:#f44336;border-radius:4px;}

/* Success message styling */
.gform_confirmation_message{margin-top:15px;padding:10px;border:1px solid #4caf50;background-color:#e8f5e9;color:#4caf50;border-radius:4px;}

/* Validation error styling for fields */
.gform_wrapper .gfield_error input[type="text"],
.gform_wrapper .gfield_error input[type="email"],
.gform_wrapper .gfield_error input[type="tel"],
.gform_wrapper .gfield_error textarea{border-color:#f44336;box-shadow:0 0 5px rgba(244,67,54,0.5);}

/* End */
.gform-theme--framework select{background-image: var(--gf-ctrl-select-icon-hover);background-repeat: no-repeat; background-position: calc(100% - 10px) 50%;}

.gform_wrapper label { color: #4ac3da; text-transform: uppercase; font-weight: 400; font-size: 14px; }
.gform_heading {
    display: none;
}
.gform_wrapper .gfield_label {
    color: #4ac3da;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
}

.gform_wrapper .gfield_label .gfield_required {
    text-transform: capitalize;
    line-height: 0 !important;
    font-size: 14px;
    margin-left: 1px;
}
.gform-footer button.gformBtn {
    background-color: #000 !important;
    font-family: "Sora" !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: normal !important;
    color: #ffffff !important;
    border-radius: 100px 100px 100px 100px !important;
    padding: 10px 40px 10px 40px !important;
}

.gform-footer button.gformBtn:hover {
    background-color: #4ac3da !important;
    color: #ffffff !important;
}
.ginput_container_name .name_first {
    padding-right: 10px;
}

.ginput_container_name .name_last {
    padding-left: 10px;
}
footer .gform-footer button.gformBtn {
    background: #4AC3DA !important;
    color: #fff !important;
}

footer .gform-footer button.gformBtn:hover {
    background: #fff !important;
    color: #4AC3DA !important;
}

footer .gform-body .gform_fields {
    max-width: fit-content !important;
    display: inline !important;
}

.gform_body input[placeholder],
.gform_body input::placeholder,
.gform_body textarea::placeholder ,.gform_body select::placeholder {
    color: #000000 !important;
    opacity: 0.5;
}

@media only screen and (max-width: 767px) {
    .gform_fields {
        display: inline-flex !important;
        flex-direction: column;
    }
}

@media only screen and (max-width: 640px) {
    .ginput_container_name .name_first {
        padding-right: 0;
        padding-inline: 0;
    }
    
    .ginput_container_name .name_last {
        padding-left: 0;
        padding-inline: 0;
    }
  }