@media (max-width: 767.98px) {
  .service-card-row {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 0;
    padding-bottom: 1rem;
    margin-right: 0;
    margin-left: 0;
    scrollbar-width: none;
  }
}

@media (max-width: 767.98px) {
  .service-card-row::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .service-card-row > [class*="col-"] {
    flex: 0 0 88%;
    width: 88%;
    max-width: 88%;
    scroll-snap-align: start;
  }
}