@media only screen and (max-width:768px){
.service-page-sec1 .images {
  height: 240px;
  text-align: start;
}

}

@media (max-width: 767px) {
  .sm\:text-30 {
    font-size: 26px;
  }
}


/* Optional: Style the secondary button differently */
.secondary-btn {
  background-color: transparent;
  /* border: 2px solid #ff6b00; */
  color: #ff6b00;
}

.secondary-btn:hover {
  /* background-color: #ff6b00; */
  color: #fff;
}


@media only screen and (max-width:768px){
    .main-image{
        height: 400px !important;
    }

    .mobs{
      font-size:15.6px;
    }

    .mobt{
      font-size: 31.8px;
    }

    .about2-images-all {
  text-align: center;
  border-radius:10px;
}



}

@media (max-width: 767px) {
  .vl-header-area5 .black-logo {
    display: block;
    width: 160%;
  }

  .ban-mob{
    font-size: 23.2px;
  }
  
  .choose2 .choose-text-box {
    padding-left: 10px;
  }

  .choose2 .choose-text-box h3 {
    font-size: var(--f-fs-font-40);
  }

  .choose2 .choose-text-box p {
    font-size: var(--f-fs-font-16);
  }

  .rag-ban{
    margin-top: -2rem;
  }

   .about2-images-all {
    height: 460px;
  }
  
  .mobm{
      margin-bottom:10px;
  }

}

.white-icon {
  filter: brightness(0) invert(1);
}



@media (min-width: 992px) {
    
    .imgheight{
    height: 600px;
  margin-left: 80px;
    }

}



.colo{
  --vtc-bg-main6: var(--vtc-bg-main4);
}

.colo:hover{
 background-color: none;
}

@media screen and (max-width:768px){
 .colo{
margin-bottom:10px;
 }
}


@media screen and (max-width:768px){
 .colgap{
margin-top:10px;
 }
}


@media screen and (min-width:992px){
 .colgap{
margin-left:10px;
 }
}