.service-grid {

}

.service-grid .tab-pane {
  margin-left: -1.5%;
  margin-right: -1.5%;
}

.service-grid .item {
  width: 30.33333%;
  margin: 1.5%
}

.service-grid .item .cta i {
  color: var(--bs-yellow)
}

.service-grid .item .card img {
  height: 120px;
  margin-top: 20px;
  padding-top: 10px;
}

.service-grid .item .card {
  border-width: 3px;
  border-color: var(--bs-gray-100);
  -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
    height: 100%;
}

.service-grid .item:hover .card {
  background-color: var(--bs-yellow);
  color: var(--bs-white);
  border-color: var(--bs-yellow);
}

.service-grid .modal-header h5 {
  align-content: center;
  align-items: center;
}



@media (max-width: 1699.98px) {
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {

  .service-grid .tab-pane {
    margin-left: -1%;
    margin-right: -1%;
  }

  .service-grid .item {
    width: 48%;
    margin: 1%
  }

}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {

  .service-grid .item .card img {
    height: 100px;
  }

  .service-grid .item {
    width: 98%;
    margin: 1%;
    margin-bottom: 20px;
  }
}