﻿.swift-slider-container {
  margin-bottom: 30px;
}

  /* Navigation buttons */
  .swift-slider-container .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: 50%;
    color: transparent;
    background-color: #112137;
    font-size: 0;
    line-height: 0;
    box-shadow: 0 10px 35px 0 rgba(17, 33, 55, 0.1);
    cursor: pointer;
    z-index: 2;
  }

    .swift-slider-container .slick-arrow:hover {
      background-color: #FFB00F;
    }

    /* Draw both arrow signs */
    .swift-slider-container .slick-arrow::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 8px;
      height: 8px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      opacity: 1;
    }

    /* Previous arrow */
    .swift-slider-container .slick-arrow.slick-prev {
      left: 10px;
      transform: translateY(-50%);
    }

      .swift-slider-container .slick-arrow.slick-prev::before {
        transform: translate(-35%, -50%) rotate(-135deg);
      }

    /* Next arrow */
    .swift-slider-container .slick-arrow.slick-next {
      right: 10px;
      transform: translateY(-50%);
    }

      .swift-slider-container .slick-arrow.slick-next::before {
        transform: translate(-65%, -50%) rotate(45deg);
      }

  /* Slider dots */
  .swift-slider-container .slick-dots {
    bottom: 30px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

    .swift-slider-container .slick-dots > li button {
      border-radius: 50%;
      background-color: #82caf6;
    }

    .swift-slider-container .slick-dots > li.slick-active button {
      background-color: #4ab2f1;
    }

    .swift-slider-container .slick-dots > li button::before {
      font-size: 0;
    }

  /* Slides */
  .swift-slider-container .slick-slide {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
  }

    .swift-slider-container .slick-slide iframe,
    .swift-slider-container .slick-slide video,
    .swift-slider-container .slick-slide > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      max-height: 585px;
      min-height: 350px;
    }

  /* Slide content */
  .swift-slider-container .slide-description {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    width: auto !important;
    height: auto;
    max-width: 250px;
  }

    .swift-slider-container .slide-description .banner-tag {
      display: inline-block;
      padding: 10px 15px;
      margin-bottom: 15px;
      border-radius: 6px;
      color: #555;
      background-color: #86f1df;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
    }

    .swift-slider-container .slide-description .content > * {
      margin: 10px 0;
    }

    .swift-slider-container .slide-description h1,
    .swift-slider-container .slide-description h2 {
      margin-bottom: 15px;
      font-size: 22px;
      line-height: 1.3;
    }

      .swift-slider-container .slide-description h2 strong {
        font-weight: 500;
      }

    .swift-slider-container .slide-description p {
      font-size: 14px;
      line-height: 1.5;
    }

    .swift-slider-container .slide-description .btn {
      display: inline-block;
      padding: 10px 20px;
      margin-top: 15px;
      margin-right: 15px;
      border: 1px solid #444;
      border-radius: 6px;
      color: #fff;
      background-color: #444;
      font-size: 16px;
      font-weight: 600;
      line-height: 1;
    }

    .swift-slider-container .slide-description .btn-dashed {
      border-style: dashed;
      color: #444;
      background-color: transparent;
    }

    .swift-slider-container .slide-description .btn:hover {
      border-color: #4ab2f1;
      color: #fff;
      background-color: #4ab2f1;
    }

  /* Video slides */
  .swift-slider-container .video-slide-item .slide-description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

    .swift-slider-container
    .video-slide-item
    .slide-description
    .banner-content {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 10px;
      width: 100% !important;
      height: 100%;
      max-width: 500px;
      max-height: none;
      padding: 30px 50px;
      border-radius: 6px;
      color: #fff;
      background: rgb(0 0 0 / 60%);
      text-align: center;
      transform: none;
    }

    .swift-slider-container .video-slide-item .slide-description .btn,
    .swift-slider-container .video-slide-item .slide-description h2,
    .swift-slider-container .video-slide-item .slide-description h3,
    .swift-slider-container .video-slide-item .slide-description span {
      margin-top: 0;
      margin-bottom: 0;
    }

      .swift-slider-container
      .video-slide-item
      .slide-description
      h2
      strong,
      .swift-slider-container
      .video-slide-item
      .slide-description
      h3
      strong,
      .swift-slider-container
      .video-slide-item
      .slide-description
      strong {
        font-weight: 700;
      }

    .swift-slider-container .video-slide-item .slide-description h2,
    .swift-slider-container .video-slide-item .slide-description h3 {
      color: #fff;
    }

    .swift-slider-container .video-slide-item .slide-description .btn {
      margin-top: 15px;
      background-color: #4ab2f1;
    }

      .swift-slider-container .video-slide-item .slide-description .btn:hover {
        background-color: #555;
      }

  .swift-slider-container .video-slide-item .vid-box {
    background-color: #000;
  }

/* Tablet */
@media screen and (min-width: 641px) {
  .swift-slider-container .slide-description {
    left: 10%;
    max-width: 350px;
  }

    .swift-slider-container .slide-description h1,
    .swift-slider-container .slide-description h2 {
      font-size: 26px;
    }

    .swift-slider-container .slide-description p {
      font-size: 16px;
    }

  .swift-slider-container .slick-slide iframe,
  .swift-slider-container .slick-slide video,
  .swift-slider-container .slick-slide > img {
    min-height: 400px;
  }
}

/* Desktop */
@media screen and (min-width: 769px) {
  .swift-slider-container .slide-description {
    max-width: 450px;
  }

    .swift-slider-container .slide-description h1,
    .swift-slider-container .slide-description h2 {
      font-size: 34px;
    }

  .swift-slider-container .slick-arrow {
    width: 40px;
    height: 40px;
  }

    .swift-slider-container .slick-arrow::before {
      width: 10px;
      height: 10px;
      border-width: 3px;
    }

  .swift-slider-container .slick-slide iframe,
  .swift-slider-container .slick-slide video,
  .swift-slider-container .slick-slide > img {
    min-height: 585px;
  }
}

@media screen and (min-width: 1001px) {
  .swift-slider-container .slide-description {
    max-width: 500px;
  }

    .swift-slider-container .slide-description h1,
    .swift-slider-container .slide-description h2 {
      font-size: 42px;
    }

    .swift-slider-container .slide-description p {
      font-size: 20px;
    }

    .swift-slider-container .slide-description .btn {
      padding: 15px 30px;
    }
}

@media screen and (min-width: 1200px) {
  .swift-slider-container .slide-description h1,
  .swift-slider-container .slide-description h2 {
    font-size: 50px;
  }

  .swift-slider-container .slide-description p {
    font-size: 22px;
  }
}

.slider-container,
.slick-list,
.slick-track,
.slick-slide,
.slide-img {
  width: 100%;
}

  .slide-img img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
  }

.slide-img {
  width: 100%;
  aspect-ratio: 1968 / 557;
  overflow: hidden;
}

  .slide-img img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    display: block;
  }
