.in-icon-box__row {
  display: grid;
  grid-template-columns: 1fr;
}

.in-icon-box__col {
  transition: all ease-in-out 0.3s;
}

.in-icon-box__col-card {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr;
  position: relative;
  row-gap: 25px;
  padding-bottom: 40px !important; {# instead of 70px too much#}
}

.in-icon-box__col-card .in-icon-box__content {
  grid-row: 2;
}

.in-icon-box__title-icon {
  display: inline-block;
  height: 18px;
  width: 18px;
  position: absolute;
  right: 0;
  top: 0;
}

.in-icon-box__btn-icon {
  display: inline-block;
  height: 18px;
  margin-left: 5px;
  vertical-align: text-top;
  width: 18px;
}

.in-icon-box__btn-wrap {
  display: inline-block;
}

.in-icon-box__img {
  max-width: 120px;
}

.in-icon-box__col-compact {
  display: block; /* Change from grid to block layout */
  grid-template-columns: none; /* Remove the grid template */
}

.in-icon-box__col-compact.in-icon .in-icon-box__compact-icon {
  display: none; /* Ensure icons are hidden */
}

.in-icon-box__col-compact.in-img .in-icon-box__compact-icon {
  margin-right: 0; /* Reset margin for removed images */
}

@media screen and (min-width: 768px) {
  .in-icon-box__row {
    column-gap: 30px;
  }

  .in-icon-box.in-icon-box__compact.in-icon-box__col--two .in-icon-box__row,
  .in-icon-box.in-icon-box__compact.in-icon-box__col--three .in-icon-box__row {
    grid-template-columns: 1fr 1fr;
  }

  .in-icon-box__title-icon {
    top: 4px;
  }
  
    .in-icon-box.in-icon-box__card.in-icon-box__col--two .in-icon-box__row {
    column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 992px) {
  .in-icon-box.in-icon-box__compact.in-icon-box__col--three .in-icon-box__row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .in-icon-box__col-card .in-icon-box__content {
    grid-row: unset;
  }

  .in-icon-box__img {
    position: relative; {# chnaged to relative instead of absolute so the img can be changed in position#}
    right: ;
    max-width: 180px;
  }
}

/* Section Css  */

.in-content-img-section .in-icon-box__col.in-icon-box__col-compact.in-img {
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .in-service-section .in-icon-box__col--two .in-icon-box__row {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .in-content-team .in-icon-box__row {
    grid-template-columns: 1fr 1fr;
    
  }
}

/* Styles for Mobile */
@media only screen and (max-width: 767px) {
  .in-icon-box__row {
    justify-content: center;
    text-align: center;
  }
  .in-icon-box__img {
    justify-self: center;
  }
}