/*
Generated time: July 8, 2023 04:55
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}
.banner__content.banner__content--top-center {
  position: unset !important;
  @media screen and (max-width: 1024px) {
    position: absolute !important;
    inset: 0;
    top: 5%;
    z-index: 99;
    align-items: flex-start;
    justify-content: center;
  }
}
.banner__box {
  text-align: left;
  width: auto;
  max-width: unset !important;
  display: flex;
  flex-direction: column;
  gap: 0;
  text-align: center;
  position: relative;
  .custom-class {
    max-width: 350px;
    @media screen and (max-width: 767px) {
      max-width: 200px;
    }
  }
  h3 {
    font-family: "Baskerville_Old_Face_D_Regular" !important;
    margin: 0 !important;
    margin-top: 1% !important;
    font-weight: 100 !important;
    color: #000;

    @media screen and (max-width: 767px) {
      /* Mobile */
      font-size: min(4.5vw, 20px);
    }

    @media screen and (min-width: 768px) and (max-width: 1899px) {
      /* Tablets & Small Screens */
      font-size: min(4.5vw, 65px) !important;
    }

    @media screen and (min-width: 1900px) and (max-width: 3839px) {
      /* Full HD to 2K */
      font-size: min(4.5vw, 85px) !important;
    }

    @media screen and (min-width: 3840px) and (max-width: 7679px) {
      /* 4K Screens */
      font-size: min(4vw, 110px) !important;
    }

    @media screen and (min-width: 7680px) {
      /* 8K Screens */
      font-size: min(3.5vw, 150px) !important;
    }
  }
  p {
    font-family: "Mullish Regular" !important;
    font-size: 2vw !important;
    color: #000 !important;
    opacity: 1 !important;
    line-height: 1em !important;
    @media screen and (max-width: 767px) {
      /* line-height: 12px !important; */
    }
  }

  .banner__buttons {
    a {
      font-family: "Mulish-Bold" !important;
      background: #fff;
      color: #000;
      border-radius: 40px !important;
      padding: 0.1rem 2.5rem !important;
      text-transform: uppercase;
    }
    @media screen and (max-width: 767px) {
      bottom: 7% !important;
    }
    @media screen and (max-width: 767px) {
      bottom: 15%;
      a {
        background-color: #000000;
        color: white;
        border-radius: 10px !important;
        padding: 5px 20px !important;
        text-decoration: none !important;
      }
    }
    @media screen and (max-width: 1024px) {
      bottom: 15%;
      a {
        padding: 5px 15px !important;
        background-color: #000000;
        color: white;
        border-radius: 10px !important;
        padding: 5px 20px !important;
        text-decoration: none !important;
      }
      h3 {
        font-size: min(4.5vw, 15px) !important;
      }
    }
  }
  @media (min-width: 2560px) {
    h2 {
      font-size: 3.5vw !important;
    }

    p {
      font-size: 1.5vw !important;
      line-height: 40px !important;
    }
  }
  @media (min-width: 3500px) {
    h3 {
      font-size: min(4.5vw, 25px) !important;
    }
    h2 {
      font-size: 2vw !important;
    }
    p {
      font-size: 1vw !important;
    }
    .banner__buttons {
      bottom: 8%;
      a {
        font-size: 1vw !important;
      }
    }
  }
  @media (min-width: 4500px) {
    h3 {
      font-size: min(4.5vw, 25px) !important;
    }
    h2 {
      font-size: 1.5vw !important;
    }
    p {
      font-size: 0.75vw !important;
    }
    .banner__buttons {
      bottom: 5%;
      a {
        font-size: 0.75vw !important;
      }
    }
  }
  @media (min-width: 7680px) {
    h3 {
      font-size: min(4.5vw, 25px) !important;
    }
    h2 {
      font-size: 1vw !important;
    }
    p {
      font-size: 0.5vw !important;
    }
    .banner__buttons {
      a {
        font-size: 0.5vw !important;
      }
    }
  }
}

.slider__slide[aria-label="3 of 6"] {
  .banner__box {
    h2,
    p {
      color: #fff !important;
    }
    p {
      width: 42vw;
      margin-left: 1vw !important;
      @media screen and (max-width: 767px) {
        width: 44vw;
        margin-left: 4vw;
      }
      @media (min-width: 2560px) {
        width: 25vw;
        margin-left: 2vw !important;
      }
      @media (min-width: 3500px) {
        width: 20vw;
      }
      @media (min-width: 4500px) {
        width: 15vw;
      }
      @media (min-width: 7680px) {
        width: 10vw;
      }
    }
  }
}
.slider__slide[aria-label="5 of 6"] {
  .banner__content.banner__content--top-center {
    @media screen and (max-width: 767px) {
      top: 10%;
    }
    .banner__box {
      margin-right: 36vw;
      strong {
        font-family: "Baskerville";
        margin: 0 !important;
        padding: 0;
        font-size: 5vw !important;
        color: #000 !important;
        text-align: left;
      }
      h2 {
        font-family: "Cedora";
        font-size: 2.25vw !important;
        color: #000 !important;
        opacity: 1 !important;
        text-align: left;
        width: 34vw;
      }
      p {
        font-family: "Century-Gothic" !important;
        padding: 0.25rem 0.5rem;
        color: #fff !important;
        font-size: 2.5vw !important;
        margin-top: min(6vw, 95px) !important;
        text-align: left;
        span {
          margin-left: 1vw;
        }
        @media screen and (min-width: 992px) and (max-width: 1100px) {
          margin-top: min(6vw, 62px) !important;
        }
        @media screen and (min-width: 1100px) and (max-width: 1365px) {
          margin-top: min(6vw, 72px) !important;
        }
        @media screen and (max-width: 767px) {
          margin-top: min(6vw, 31px) !important;
          font-size: 2.25vw !important;
          span {
            margin-left: 0;
          }
        }
        @media screen and (max-width: 680px) {
          margin-top: min(6vw, 24px) !important;
        }
        @media screen and (max-width: 500px) {
          margin-top: min(5vw, 19px) !important;
        }
        @media screen and (max-width: 350px) {
          margin-top: min(4vw, 16px) !important;
        }
      }
      @media (min-width: 1600px) {
        p {
          margin-top: min(6vw, 105px) !important;
        }
      }
      @media (min-width: 1800px) {
        p {
          margin-top: min(7vw, 115px) !important;
        }
      }
      @media (min-width: 2000px) {
        p {
          margin-top: min(7vw, 130px) !important;
        }
      }
      @media (min-width: 2500px) {
        p {
          margin-top: min(7vw, 190px) !important;
        }
      }
      @media (min-width: 2560px) {
        p {
          width: max-content;
        }
      }
      @media (min-width: 3500px) {
        p {
          margin-top: min(8vw, 305px) !important;
        }
      }
      @media (min-width: 4500px) {
        p {
          margin-top: min(8vw, 410px) !important;
        }
      }
      @media (min-width: 5500px) {
        p {
          margin-top: min(8vw, 455px) !important;
        }
      }
      @media (min-width: 7000px) {
        p {
          margin-top: min(8vw, 505px) !important;
        }
      }
    }
  }
}
.slider__slide[aria-label="6 of 6"] {
  .banner__box {
    p {
      width: 57vw;
      @media (min-width: 2560px) {
        width: 40vw;
      }
      @media (min-width: 3500px) {
        width: 27vw;
      }
      @media (min-width: 4500px) {
        width: 22vw;
      }
      @media (min-width: 7680px) {
        width: 15vw;
      }
    }
  }
}
@media only screen and (max-width: 767px) {
  .banner--content-align-mobile-right .banner__box {
    text-align: right;
  }
  .banner--content-align-mobile-left .banner__box {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .banner--content-align-right .banner__box {
    text-align: right;
  }
  .banner--content-align-left .banner__box {
    text-align: left;
  }
  .banner--content-align-left.banner--desktop-transparent .banner__box,
  .banner--content-align-right.banner--desktop-transparent .banner__box,
  .banner--medium.banner--desktop-transparent .banner__box {
    max-width: 68rem;
  }
}
@media screen and (max-width: 767px) {
  .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
    > .banner__media {
    height: 28rem;
  }
  .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(
      .banner--adapt
    )
    > .banner__media {
    height: 34rem;
  }
  .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,
  .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
    > .banner__media {
    height: 39rem;
  }
  .banner--small:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    min-height: 28rem;
  }
  .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    min-height: 34rem;
  }
  .banner--large:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    min-height: 39rem;
  }
}
@media screen and (min-width: 768px) {
  .banner {
    flex-direction: row;
  }
  .banner--small:not(.banner--adapt) {
    min-height: 32rem;
  }
  .banner--medium:not(.banner--adapt) {
    min-height: 56rem;
  }
  .banner--large:not(.banner--adapt) {
    min-height: 72rem;
  }
  .banner__content.banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
    transform: translateY(47%);
    @media screen and (max-width: 767px) {
    }
    @media screen and (min-width: 767px) {
    }
    @media screen and (min-width: 1600px) {
    }
    @media screen and (min-width: 2200px) {
    }
    @media screen and (min-width: 2800px) {
    }
    @media screen and (min-width: 3200px) {
    }
    @media screen and (max: 1600px) {
    }
  }
  .banner__content.banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }
  .banner__content.banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .banner__content.banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }
  .banner__content.banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }
  .banner__content.banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }
  .banner__content.banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .banner__content.banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }
  .banner__content.banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .banner--stacked {
    height: auto;
  }
  .banner--stacked .banner__media {
    flex-direction: column;
  }
}
.banner__media {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.banner__media-half {
  width: 50%;
}
.banner__media-half + .banner__media-half {
  right: 0;
  left: auto;
}
@media screen and (max-width: 767px) {
  .banner--stacked .banner__media-half {
    width: 100%;
  }
  .banner--stacked .banner__media-half + .banner__media-half {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .banner__media {
    height: 100%;
  }
}
.banner--adapt,
.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height: auto;
}
@media screen and (max-width: 767px) {
  .banner--mobile-bottom .banner__media,
  .banner--stacked:not(.banner--mobile-bottom) .banner__media {
    position: relative;
  }
  .banner--stacked.banner--adapt .banner__content {
    height: auto;
  }
  .banner:not(.banner--mobile-bottom) .banner__box {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
  }
  .banner:not(.banner--mobile-bottom) .button--secondary {
    --color-button: 255, 255, 255;
    --color-button-text: 255, 255, 255;
    --alpha-button-background: 0;
  }
  .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
    position: absolute;
    height: auto;
  }
  .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content {
    max-height: 100%;
    overflow: hidden;
    position: absolute;
  }
  .banner--stacked:not(.banner--adapt) .banner__media {
    position: relative;
  }
  .banner::before {
    display: none !important;
  }
  .banner--stacked .banner__media-image-half {
    width: 100%;
  }
}
.banner__media .placeholder-svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.banner__content {
  padding: 0;
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: end;
  z-index: 2;
}
.banner__content {
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }
  .banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }
  .banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }
  .banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }
  .banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }
  .banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .banner--mobile-bottom:not(.banner--stacked) .banner__content {
    order: 2;
  }
}
.banner__box {
  position: relative;
  height: fit-content;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    max-width: 89rem;
    padding: 0;
  }
  .banner--desktop-transparent .button--secondary {
    --color-button: 255, 255, 255;
    --color-button-text: 255, 255, 255;
    --alpha-button-background: 0;
  }
}
@media screen and (max-width: 767px) {
  .banner--mobile-bottom .banner__media::after,
  .banner--mobile-bottom::after {
    display: none;
  }
}
.banner::after,
.banner__media::after {
  content: "";
  position: absolute;
  top: 0;
  background: #000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .banner--stacked .banner__box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner__box {
    width: auto;
  }
}
.banner__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .banner--content-align-mobile-right .banner__buttons--multiple {
    justify-content: flex-end;
  }
  .banner--content-align-mobile-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }
}
@media screen and (min-width: 768px) {
  .banner--content-align-center .banner__buttons--multiple > * {
    flex-grow: 1;
    min-width: 22rem;
  }
  .banner--content-align-right .banner__buttons--multiple {
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) and (max-width: 1409px) {
  .banner__box {
    max-width: 460px;
  }
  .banner__content {
    padding: 1rem 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner__box {
    max-width: 360px;
  }
}

.slide--1.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-50%, -110%);
  @media screen and (min-width: 600px) {
    transform: translate(-55%, -150%);
  }
  @media screen and (min-width: 500px) {
    transform: translate(-55%, -140%);
  }
  @media screen and (min-width: 768px) {
    transform: translate(8%, 58%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 38%);
  }
  @media screen and (min-width: 1200px) {
    transform: translate(5%, 40%);
  }
  @media screen and (min-width: 2000px) {
    transform: translate(5%, 70%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 100%);
  }
  @media screen and (min-width: 3000px) {
    transform: translate(-10%, 145%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 145%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 145%);
  }
}
.slide--4.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-55%, -110%);
  @media screen and (min-width: 500px) {
    transform: translate(-55%, -130%);
  }
  @media screen and (min-width: 600px) {
    transform: translate(-55%, -150%);
  }

  @media screen and (min-width: 768px) {
    transform: translate(8%, 58%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 55%);
  }
  @media screen and (min-width: 1200px) {
    transform: translate(5%, 40%);
  }
  @media screen and (min-width: 2000px) {
    transform: translate(5%, 70%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 100%);
  }
  @media screen and (min-width: 3000px) {
    transform: translate(-10%, 145%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 145%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 145%);
  }
}
.slide--2.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-55%, -110%);
  @media screen and (min-width: 400px) {
    transform: translate(-55%, -125%);
  }
  @media screen and (min-width: 500px) {
    transform: translate(-55%, -145%);
  }
  @media screen and (min-width: 600px) {
    transform: translate(-55%, -165%);
  }
  @media screen and (min-width: 768px) {
    transform: translate(8%, 58%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 45%);
  }
  @media screen and (min-width: 1200px) {
    transform: translate(5%, 37%);
  }
  @media screen and (min-width: 2000px) {
    transform: translate(5%, 60%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 75%);
  }
  @media screen and (min-width: 3000px) {
    transform: translate(-10%, 120%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 120%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 120%);
  }
}
.slide--3.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-58%, -110%);
  @media screen and (min-width: 500px) {
    transform: translate(-55%, -150%);
  }
  @media screen and (min-width: 600px) {
    transform: translate(-55%, -165%);
  }
  @media screen and (min-width: 768px) {
    transform: translate(8%, 60%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 51%);
  }
  @media screen and (min-width: 1200px) {
    transform: translate(5%, 37%);
  }
  @media screen and (min-width: 2000px) {
    transform: translate(5%, 60%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 75%);
  }
  @media screen and (min-width: 3000px) {
    transform: translate(-10%, 120%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 120%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 120%);
  }
}
.slide--6.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-65%, -121%);
  @media screen and (min-width: 400px) {
    transform: translate(-65%, -121%);
  }

  @media screen and (min-width: 600px) {
    transform: translate(-55%, -165%);
  }
  @media screen and (min-width: 768px) {
    transform: translate(8%, 60%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 58%);
  }
  @media screen and (min-width: 1200px) {
    transform: translate(5%, 37%);
  }
  @media screen and (min-width: 2000px) {
    transform: translate(5%, 60%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 75%);
  }
  @media screen and (min-width: 3000px) {
    transform: translate(-10%, 120%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 120%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 120%);
  }
}
.slide--5.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-63%, -120%);
  @media screen and (min-width: 400px) {
    transform: translate(-69%, -140%);
  }
  @media screen and (min-width: 600px) {
    transform: translate(-67%, -134%);
  }

  @media screen and (min-width: 768px) {
    transform: translate(8%, 60%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 33%);
  }
  @media screen and (min-width: 1200px) {
    transform: translate(5%, 30%);
  }
  @media screen and (min-width: 2000px) {
    transform: translate(5%, 60%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5% 75%);
  }
  @media screen and (min-width: 3000px) {
    transform: translate(-10%, 110%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 110%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 110%);
  }
}
.slide--7.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width {
  transform: translate(-58%, -95%);
  @media screen and (min-width: 400px) {
    transform: translate(-50%, -111%);
  }
  @media screen and (min-width: 600px) {
    transform: translate(-55%, -134%);
  }
  @media screen and (min-width: 768px) {
    transform: translate(8%, 46%);
  }
  @media screen and (min-width: 800px) {
    transform: translate(5%, 50%);
  }
  @media screen and (min-width: 1000px) {
    transform: translate(5%, 50%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 50%);
  }
  @media screen and (min-width: 2500px) {
    transform: translate(5%, 90%);
  }
  @media screen and (min-width: 4000px) {
    transform: translate(-35%, 90%);
  }
  @media screen and (min-width: 5500px) {
    transform: translate(-62%, 90%);
  }
}
.slide--7.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width
  h3 {
  max-width: 120px !important;
  @media screen and (min-width: 400px) {
    max-width: 190px !important;
  }

  @media screen and (min-width: 600px) {
    max-width: 150px !important;
  }

  @media screen and (min-width: 768px) {
    max-width: 300px !important;
  }
  @media screen and (min-width: 1000px) {
    max-width: 400px !important;
  }
  @media screen and (min-width: 1400px) {
    max-width: 500px !important;
  }
  @media screen and (min-width: 2000px) {
    max-width: 600px !important;
  }
  @media screen and (min-width: 3500px) {
    max-width: 700px !important;
  }
  @media screen and (min-width: 5500px) {
    max-width: 1500px !important;
  }
}
.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width
  h3 {
  @media screen and (min-width: 3500px) {
    font-size: min(4.5vw, 100px) !important;
  }
  @media screen and (min-width: 5000px) {
    font-size: min(4.5vw, 170px) !important;
  }
}
.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width
  .banner__box
  .banner__buttons {
  margin: 25px 0 !important;
}
.slide--5.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width
  .banner__box
  .banner__buttons {
  @media screen and (max-width: 768px) {
    margin: 8px 0 !important;
  }
}

.container.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width
  .banner__box
  .banner__buttons
  a {
  padding: 5px 10px !important;
  @media screen and (min-width: 800px) {
    transform: translate(5%, 55%);
    font-size: 20px;
  }
  @media screen and (min-width: 3500px) {
    font-size: 2vw !important;
  }
}