/* Ensure flexbox alignment for equal height */
/*.row {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*}*/

/*.col-lg-6 {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*}*/

/* Style the image container */
.img-div {
  flex: 1;
  display: flex;
  align-items: stretch;
}

.responsive-image {
  width: 100%;
  height: 100%; /* Matches the container height */
  object-fit: cover; /* Ensures the image covers the area without distortion */
}




@media only screen and (max-width: 1200px) {

  .responsive-image {
    height: auto; /* Reverts to auto height on smaller screens */
    width: 100%;
  }
  
      .service .service-item {
    position: relative;

    height:75vh !important;
}
}