.slider {
  &-hero {
    z-index: 1;
    .slick {
      &-list,
      &-track {
        height: 100% !important;
      }

      &-slide {
        & > div {
          height: 100%;

          & > div {
            display: flex !important;
            align-items: center;
          }
        }
      }

      &-dots {
        bottom: 1rem;
        li {
          margin: 0;
          button {
            &::before {
              opacity: 1;
              @include rfs(10);
              color: $gray-72;
            }
          }

          &.slick-active {
            button {
              &::before {
                color: $primary;
              }
            }
          }
        }

        @include media-breakpoint-down(lg) {
          bottom: -2.5rem;
        }
      }

      &-list {
        pointer-events: all;
      }
    }
    &-img {
      @include media-breakpoint-up(xxl) {
      }
      position: absolute;
      width: 700px;
      height: 100%;
      right: 0;
      top: 0;
    }
  }
}

.slide {
  &__spacer {
    .slick {
      &-slide {
        & > div {
          padding: 0 0.75rem;
        }
      }

      &-list {
        margin: 0 -0.75rem;
      }
    }
  }
}