.slick {
  &-arrow {
    &.slick-prev {
      left: -30px;
      z-index: 1;
      &::before {
        color: $primary;
        font-size: 2rem;
      }
    }
    &.slick-next {
      right: -30px;
      z-index: 1;
      &::before {
        color: $primary;
        font-size: 2rem;
      }
    }
  }
  &-slide {
    img {
      display: inline !important;
      width: 100%;
    }
  }
  &-list {
    pointer-events: none;
  }
}

#splashModal {
  .slick-list {
    &::before {
      content: "\e913";
      font-family: "icomoon" !important;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
      @include rfs(14px);
      color: $danger;
      background: rgba(#ffffff, 0.7);
      padding: 0 0.25rem;
      border-radius: 50%;
      cursor: pointer;
      pointer-events: all;
    }
  }
}