#hero-carousel .carousel-item video {
  width: 100%;
  height: 100vh;       /* same as fullscreen hero */
  object-fit: contain;   /* crop instead of stretch */
}
.service-item img{
    width: 100%;
    height: 230px;
}
.img-effect  img {
  transition: transform 1.3s ease-in-out;
  cursor: zoom-in;
}

.img-effect img:hover {
  transform: scale(1.2); /* Adjust scale (1.1–1.3 works well) */
}
.service-img img {
  transition: transform 0.5s ease;
  transform: scale(1);
}

.service-img:hover img {
  transform: scale(1.1);   /* zooms in on hover */
}