.header-Form-wrap { max-width: 976px; margin: 0 auto;   margin: 0 auto;    padding: 20px 0;    border-bottom: 1px solid #dcdcdc;}

.header-Form-wrap .logo-form {
    width: 195px;
    margin: 0 auto;
}
.cf7-smart-date {
    justify-content: space-between;
    gap: 0;
}

.middle-form-wrap { max-width: 976px; margin: 0 auto; }
.form-heading { text-align: center; }
.form-heading h1 { font-size: 30px; color: #000; }
.step-application { display: flex; flex-wrap: wrap; justify-content: space-around; }
.step-application-col { color: #999a9f; font-size: 15px; font-weight: bold; line-height: 1.3; position: relative; text-transform: uppercase; display: block; margin: 0; padding: 15px 8px; background: #fff; border-bottom: 1px solid #d9d9d9; flex: 1; text-align: center; }
.step-application-col.step-active { border-bottom: 3px solid #00228a; color: #00228a; }
.step-application-col.step-active .step-content-info h3 { color: #00228a; }
.step-content-info p { color: #ccc; margin-bottom: 2px; font-weight: 400; font-size: 14px; }
.step-icon { padding-bottom: 10px; }
.step-content-info h3 { font-size: 18px; margin-top: 0; color: #ccc; margin-bottom: 0px; }
.step-application-col.step-active p { color: #000; }

.step-icon svg { width: 40px; height: 40px; }
.form_sec {box-shadow: unset;}

.appointments-heading h4 { color: #000000;}
.appointments-heading {background: #9e9e9e0d;}
/*============Responsive css start========*/
@media only screen and (max-width:1023px) {}
 
@media only screen and (max-width:767px) {
 .logo-form { width: 150px; }
.logo-form img { width: 100%; }
.form-heading h1 { font-size: 24px; }
.step-content-info h3 { font-size: 16px; }
    
}
@media only screen and (max-width:575px) {
.form_sec {
        padding: 20px 0px !important;
    }
}