@media(max-width: 767px){
    .banner {
        position: relative;
        width: 100vw;
        height: 20ch;
        overflow: hidden;
    }
    .better{
        /* display: none; */
    }
    .loaction-container{
        display: none;
    }
    .homepage4-body .vl-transparent-header .vl-logo img{
        width: 140px;
    }
    .para-logo-wrap {
        padding: 5px 15px;
    }
    .headingdark h2 {
        font-size: 28px;  
        line-height: 32px;  
    }
    .locations-section {
        padding: 60px 0px;
    }
    .location-card {
        gap: 0px;
        padding: 15px;
    }
    .service-header {
        font-size: 21px;
        line-height: 26px;
    }
    .card-title{
        font-size:22px;
    }
    .service-benefites-section-area .benefites-box .benefites-widget-boxarea .content-area .title {
  
    font-size: var(--ztc-font-size-font-s22);
   
}
 .service-card h3 {
      font-size: 22px;
     
    }
    .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons {
    height: 50px;
    width: 50px;

}
.card__content > div{
    min-height:auto;
}
.card-content{
    padding:22px;
}
.general-service {
    margin-bottom:20px;
}









@media (min-width: 767px) and (max-width: 1400px) {
 .service-card h3 {
       
      font-size: 22px;
     
    }
    .service-card{
        padding:20px;
    }
    .partner-title{
        font-size:32px;
    }
    .card-figure img{
        height:150px;
    }
    .card-figure{
        height:150px;
    }
    .card3 {
  position: sticky;
  top: 190px; /* adjust based on heading height */
}

.card__content > div {
    min-height:350px;

}

}