/* Contact Form CSS  */

.zi-chronos-contact-form input:focus-visible {
    outline: none;
}

.zi-chronos-contact-form .form-field label{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.72px;
    color: #000000;
    margin-bottom: 8px;
}

.zi-chronos-contact-form .form-field .form-control {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.72px;
    padding: 15px 20px;
    border: 1px solid rgba(5, 97, 171, 0.2);
    border-radius: 16px;
    color: #000000;
}

.zi-chronos-contact-form .form-field .form-control::placeholder {
    color: #757575;
}

.zi-chronos-contact-form .form-group {
    display: flex;
    gap: 20px;
}

.zi-chronos-contact-form .form-group .form-field {
    width: 100%;
    padding-bottom: 20px;
    position: relative;
}

.zi-chronos-contact-form .form-group .form-field:has(.form-submit-btn) {
    padding-bottom: 0px;
}

.zi-chronos-contact-form .form-field textarea {
    resize: none;
}

.zi-chronos-contact-form .form-submit-btn {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: -0.88px;
    color: #FFFFFF;
    border: none !important;
    padding: 13px 22px;
    border-radius: 16px;
    width: fit-content;
    margin: 0 auto;
    display: flex;
    background: linear-gradient(270.00deg, #7FCBF2 0%, #2487D8 100%);
}

.zi-chronos-contact-form .form-submit-btn:hover {
    background: linear-gradient(90deg, #7FCBF2 0%, #2487D8 100%) no-repeat;
}

.zi-chronos-contact-form .wpcf7-response-output {
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: center;
}

.zi-chronos-contact-form.failed .wpcf7-response-output,
.zi-chronos-contact-form.invalid .wpcf7-response-output {
    color: #ff0000;
}

.zi-chronos-contact-form.sent .wpcf7-response-output  {
    color: #46b450;
}

.zi-chronos-contact-form .wpcf7-spinner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: calc(50% - 140px);
    top: 50%;
    transform: translate(-50%, -50%);
}
/* Contact Form CSS  */


@media (max-width:1199px){
    .zi-chronos-contact-form .form-group { flex-direction: column; gap: 0; }
    .zi-chronos-contact-form .form-submit-btn { font-size: 20px; }
    .zi-chronos-contact-form .form-field .form-control { padding: 12px 18px; }
}

@media (max-width:767px) {
    .zi-chronos-contact-form .form-field label {font-size: 16px;}
    .zi-chronos-contact-form .form-field .form-control {font-size: 16px; padding: 15px 20px;}
}

@media (max-width:420px) {
    .zi-chronos-contact-form .form-field label {font-size: 15px;} 
    .zi-chronos-contact-form .form-field .form-control {font-size: 15px; padding: 12px 14px; border-radius: 12px; }
}