.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);
}

.gy-30 {
  --bs-gutter-y: 30px;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.gy-50 {
  --bs-gutter-y: 50px;
}

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

.gx-147 {
  --bs-gutter-x: 147px;

  @include xxl {
    --bs-gutter-x: 90px;
  }

  @include ml {
    --bs-gutter-x: 70px;
  }

  @include md {
    --bs-gutter-x: 50px;
  }
}

.gx-160 {
  --bs-gutter-x: 160px;

  @include xxl {
    --bs-gutter-x: 120px;
  }

  @include ml {
    --bs-gutter-x: 90px;
  }

  @include md {
    --bs-gutter-x: 50px;
  }
}

.gx-70 {
  --bs-gutter-x: 70px;

  @include lg {
    --bs-gutter-x: 60px;
  }

  @include md {
    --bs-gutter-x: 40px;
  }
}

.gx-80 {
  --bs-gutter-x: 80px;

  @include lg {
    --bs-gutter-x: 60px;
  }

  @include md {
    --bs-gutter-x: 40px;
  }
}

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

.gy-80 {
  --bs-gutter-y: 80px;

  @include lg {
    --bs-gutter-y: 60px;
  }

  @include md {
    --bs-gutter-y: 40px;
  }
}

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

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

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

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

@include md {
  .gy-50 {
    --bs-gutter-y: 40px;
  }
}

.col-xs-2 {
  position: relative;
  float: left;
  width: 2%;
  min-height: 1px;
}