@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 980px){
  
}
@media (max-width: 540px){
   .hero-inner h1{
     font-size: 30px;
  }
  .hero-actions .book-btn{
    width: 100%;
    text-align: center;
  }
  .hero-actions .main-btn{
    width: 100%;
    text-align: center;
  }
  .hero-trust{
    gap: 10px;
  }
  .hero {
    height: auto;
  }
  .hero-inner{
    padding: 0px 0;
    padding-top: 60px;
  }
  .intro .col-6 {
    width: 100%;
    padding:0;
}
  .intro img{
   height:300px; 
  }
  .intro .row{
   gap:25px; 
  }
  .head-sec {
    margin-bottom: 30px;
  }
  .services .col-4{
    width:100%;
    padding:0;
  }
  .services .row{
   gap:25px; 
  }
  .service-card {
    padding: 20px;
    min-height: auto;
  }
  .service-card .num{
    font-size: 32px;
     margin-bottom: 10px;
  }
  .service-card h3{
    font-size: 24px;
  }
  section#inquiry .col-5{
    width:100%;
    padding:0;
    margin-bottom:25px;
  }
  section#inquiry .col-7{
    width:100%;
    padding:0;
  }
  .form-card{
    width: 100%;
    padding: 20px;
    border-radius: 15px;
  }
  .form-grid{
    grid-template-columns: 1fr;
  }
  section.faq .col-4{
   width:100%;
    padding:0;
  }
  section.faq .col-8{
    width:100%;
    padding:0;
  }
  .faq-left {
    text-align: center;
}
  .faq-right {
    width: 100%;
  }
  .final-cta{
    min-height: auto;
  }
  .final-inner{
    padding: 40px 0;
  }
}