/* Custom CSS for Service Image Sizing */
.service-main-item-3 .service-left .service-image {
  flex-shrink: 0;
  width: 352px;
  height: 216px;
  overflow: hidden;
  border-radius: 16px;
}

.service-main-item-3 .service-left .service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
/* 
.service-main-item-3 .service-left .content {
  flex: 1;
  min-width: 0;
}

.service-main-item-3 .service-left {
  gap: 30px;
  align-items: flex-start;
} */

/* @media (max-width: 1399px) {
  .service-main-item-3 .service-left .service-image {
    width: 250px;
    height: 180px;
  }
}

@media (max-width: 767px) {
  .service-main-item-3 .service-left .service-image {
    width: 100%;
    height: 200px;
    max-width: 300px;
  }

  .service-main-item-3 .service-left {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .service-main-item-3.style-2 .service-left {
    flex-direction: column-reverse;
    align-items: flex-start;
    text-align: left;
  }
} */