.slick-track>[class*=col] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
  margin-top: var(--bs-gutter-y);
}

.gx-2px {
  --bs-gutter-x: 2px;
}

@media (min-width: $ml) {
  .gx-20 {
    --bs-gutter-x: 20px;
  }

  .gx-30 {
    --bs-gutter-x: 30px;
  }
  
  

  .gx-40 {
    --bs-gutter-x: 40px;
  }

  .gx-60 {
    --bs-gutter-x: 60px;
  }
}