/* Body Typo */
/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* H6 */
 .breadcrumbs-wrapper {display: none;}
.banner-section {
  margin-top: -30px;
  position: relative;
  font-family: "Inter", Arial, Verdana, Tahoma, sans-serif !important;
  padding: 30px 0px;
  background-color: #5857F9;
  min-height: calc(100vh);
  display: flex;
  align-items: center;
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
.banner-section .banner-section-wrapper {display: flex; flex-direction: row; padding: 0 50px; justify-content: flex-start;}
.banner-section h1 { font-size: 52px; font-weight: 300; color: #fff;}
.banner-section ul { font-size: 14px; margin-bottom: 30px; marg font-weight: 200; color: #fff; margin-left: -15px}
.banner-section ul li {margin: 10px 0}
.banner-section .left-sec {width: 40%;}
.banner-section .right-sec {width: 35%; margin-left: auto}
.banner-section .cta img {max-width: 300px}
.banner-section .banner-form {background: #fff; padding: 30px; border-radius: 20px; box-shadow: 2px -1px 12px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px -1px 12px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px -1px 12px 0px rgba(0,0,0,0.75);}
.banner-section .banner-form h4{font-size: 30px}
.banner-section .banner-form input[type=text],.banner-section .banner-form input[type=tel] {background: #F2F2F2; color: #333; padding:15px 10px; width: 100%}
.banner-section .banner-form .wpcf7-form-control {background: #5857F9; padding: 15px 50px; color: #fff; border:0; text-transform: capitalize; font-weight: 500}
.banner-section .banner-form div {font-size: 13px}
.solution_sec {background: #FAFAFF; margin-bottom:50px!important }
.solution_sec h2{font-size: 28px; margin: 0 0  10px!important}
.solution_sec .subtitle{font-size: 16px; margin: 0; text-align: center; }
.solution_sec .solution_inner .col-inner .img-inner {width: auto!important;height: auto!important; background: transparent!important;}
.solution_data  {margin-top: 100px}
.solution_sec .solution_inner .col-inner h4 {color: #5857F9; font-weight: 600; margin-bottom: 10px;font-size: 24px!important}
.solution_sec .solution_inner .col-inner p{color: #333!important; font-size: 14px!important; margin: 0 auto!important; width:65% }

.landing-faq-section {background: transparent!important; padding-top: 0!important; }
.landing-faq-section .faq-title  {color: #333!important;  margin-bottom: 80px!important}
.landing-faq-section .faq-inner .faq-acc-wrap .faq-acc-inner .faq-acc-item h5 {color: #333!important; font-size:22px!important}
.landing-faq-section .faq-inner .faq-acc-wrap .faq-acc-inner .faq-acc-item .acc-details p{color: #333!important; font-size:14px!important  }
.landing-faq-section  .container {max-width: 85%!important}
.faq-acc-wrap .faq-acc-inner .faq-acc-item .acc-title::after {filter: invert(1); width: 20px!important; height: 20px!important; background-size: 20px!important; background-position: center center!important; opacity: .4}
.audiologists-sec {background: #fff!important}
    .testimonial-sec {
        padding-top: 90px!important;
        padding-bottom: 90px!important;
        background: #fafaff!important;
    }
  .landing_moment_sec {background: #fff; padding: 75px 0}
  .landing_moment_sec  .banner-section-wrapper, .landing_hearing_test .banner-section-wrapper{display: flex; align-items: center; flex-direction: row; padding: 0 50px; justify-content: flex-start;}
    .landing_moment_sec   .left-sec {width: 50%;}
  .landing_moment_sec .right-sec {width: 35%; margin-left: auto}
/*  .landing_moment_sec  button {background: #5857F9; padding: 15px 50px; color: #fff; border:0; text-transform: capitalize; font-weight: 500}*/
  .landing_moment_sec   .left-sec h2 {font-size: 44px; font-weight: 400; margin-bottom: 30px}
  .landing_moment_sec   .left-sec .text {font-size:18px; font-weight: 300;margin-bottom: 40px;line-height: 30px}
  .landing_hearing_test {background-position: 0 0 ;  background-size: 100%!important; padding: 0px 0}

  .landing_hearing_test   .left-sec {width: 40%;}
  .landing_hearing_test .right-sec {width: 35%; margin-left: auto}
  .landing_hearing_test   .left-sec h2 {font-size: 44px; font-weight: 600; color: #fff!important; margin-bottom: 30px}
  .landing_hearing_test   .left-sec .text {font-size:16px; font-weight: 300;margin-bottom: 40px;line-height: 30px; color: #fff;}
  .audiologists-sec {padding-top: 85px!important}
  .more_locations {background: #fff; padding: 50px 0; text-align: center;}
    .more_locations h2{text-align: center; margin-bottom: 50px; position: relative; font-weight:500; font-size:45px; margin-bottom:80px  }
    .more_locations h2::after {content: ""; width: 335px; height: 5px; border-radius: 5px; position: absolute; background: #5857F9; bottom: -10px; left: 38.5%}
     .more_locations .btn {width: 300px; margin: 0 auto; padding: 15px  30px}

     .form-control{margin-bottom: 20px}
      /* Basic Spinner CSS */
        .spinner {
            border: 3px solid rgba(255, 255, 255, 0.3);
            border-top: 3px solid #fff;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .modal .modal-dialog {max-width: 520px!important; max-height: calc(120vh - 30px)!important; margin: 0 auto}

@media screen and (max-width:768px){
  .banner-section{background-position: center center!important; background-size: cover!important;}
  .banner-section .banner-section-wrapper {flex-direction: column!important; padding: 0!important}
  .banner-section .left-sec, .banner-section .right-sec{width: 100%!important}
  .banner-section h1 {
    font-size: 26px; margin-bottom: 45px; line-height: 36px}
    .banner-section ul li {line-height: 24px}
    .banner-section .banner-form {padding: 10px; margin-top: 20px}
    .banner-section .banner-form h4{font-size: 20px}
    .solution_sec h2 {font-size: 24px}
    .solution_sec .subtitle {
    font-size: 13px; line-height: 22px}
    .solution_data{margin-top: 50px}
    .solution_data.row .d-col.d-col-4 {width: 50%}
    .solution_data img {max-width: 100px}
    .solution_sec .solution_inner .col-inner p{font-size: 12px!important;width: 100%;}
    .solution_sec .solution_inner .col-inner h4{font-size: 20px!important}
    .landing_hearing_test{background-position: center center!important; background-size: cover!important; padding-top: 50px}
    .landing_moment_sec .banner-section-wrapper, .landing_hearing_test .banner-section-wrapper {flex-direction: column; padding: 0;}
    .landing_hearing_test .left-sec, .landing_hearing_test .right-sec{width: 100%}
    .landing_hearing_test .right-sec{margin-top: 30px}
    .landing_hearing_test .left-sec h2, .landing_moment_sec .left-sec h2, .testimonial-sec .testimonial-title{font-size: 24px!important}
    .landing_hearing_test .left-sec .text, .landing_moment_sec .left-sec .text{font-size: 14px;line-height: 26px}
    .landing_moment_sec .left-sec, .landing_moment_sec .right-sec{width: 100%}
    .landing_moment_sec .right-sec {padding-top: 30px}
    .landing-faq-section .container {
        max-width: 100% !important;
    }
    .landing-faq-section .faq-inner .faq-acc-wrap .faq-acc-inner .faq-acc-item h5{font-size: 16px!important;line-height: 30px}
    .landing-faq-section .faq-inner .faq-acc-wrap .faq-acc-inner .faq-acc-item .acc-details p{font-size: 13px!important; line-height: 20px}
    .landing-faq-section .faq-title{font-size: 24px!important}
    .more_locations h2{font-size: 30px;}
    .more_locations h2::after{ left:15.8%; width:225px; height:3px }

}