@media (max-width: 767.98px) {
  .row-cols-1 {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 10px;
  }
}

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

@media (max-width: 767.98px) {
  .row-cols-1 > .col {
    flex: 0 0 auto;
    width: 85% !important;
    scroll-snap-align: start;
    margin-right: 10px;
    /*padding-left: 10px;*/
  }
}