#frontpage-carousel .h1 {
  font-size: 32px;
  max-height: 250px;
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#frontpage-carousel {
  --circle: circle at 60% 6%;
  position: relative;
}

#frontpage-carousel .carousel-slide {
  position: relative;
}

#frontpage-carousel div.carousel-bg {
  width: auto;
  height: 700px;
  background-repeat: no-repeat;
  background-size: auto 720px;
  background-position: right top;
  -webkit-mask-image: radial-gradient(var(--circle), #000 0%, #0000 60%);
  mask-image: radial-gradient(var(--circle), #000 0%, #0000 60%);
}

#frontpage-carousel div.carousel-bg video {
  width: 100%;
}

#frontpage-carousel div.carousel-content {
  position: absolute;
  left: 10%;
  top: 20%;
  padding-right: 60%;
}

#frontpage-carousel .glide__arrow {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50%;
  border: 0px;
  padding: 9px;
}

#frontpage-carousel .glide__arrow--left {
  left: 6em;
}

#frontpage-carousel .glide__arrow i {
  margin: 0px !important;
}

@media (min-width: 1720px) {
  #frontpage-carousel {
    --circle: circle at 60% 14%;
  }

  #frontpage-carousel div.carousel-bg {
    height: 1060px;
    background-size: auto 1080px;
  }
}

@media (max-width: 1720px) {
  #frontpage-carousel {
    --circle: circle at 60% 14%;
  }

  #frontpage-carousel div.carousel-bg {
    height: 920px;
    background-size: auto 940px;
  }
}

@media (max-width: 1200px) {
  #frontpage-carousel {
    --circle: circle at 60% 20%;
  }

  #frontpage-carousel div.carousel-bg {
    height: 700px;
    background-size: auto 720px;
  }

  #frontpage-carousel div.carousel-content {
    left: 15%;
    padding-right: 50%;
  }

  #frontpage-carousel .glide__arrow--left {
    left: 8em;
  }
}

@media (max-width: 992px) {
  #frontpage-carousel {
    --circle: circle at 58% 20%;
  }

  #frontpage-carousel div.carousel-bg {
    height: 575px;
    background-size: auto 595px;
  }

  #frontpage-carousel div.carousel-content {
    left: 20%;
    padding-right: 40%;
  }

  #frontpage-carousel .glide__arrow--left {
    left: 8em;
  }
}

@media (max-width: 768px) {
  #frontpage-carousel {
    --circle: circle at 58% 28%;
  }

  #frontpage-carousel div.carousel-bg {
    height: 500px;
    background-size: auto 520px;
  }

  #frontpage-carousel div.carousel-content {
    left: 20%;
    padding-right: 35%;
  }

  #frontpage-carousel .glide__arrow--left {
    left: 5em;
  }
}

@media (max-width: 576px) {
  #frontpage-carousel {
    --circle: circle at 54% 30%;
  }

  #frontpage-carousel div.carousel-bg {
    height: 400px;
    background-size: auto 415px;
  }

  #frontpage-carousel div.carousel-content {
    left: 20%;
    padding-right: 30%;
  }

  #frontpage-carousel .glide__arrow--left {
    left: 4em;
  }
}

@media (min-width: 1920px) {
  #frontpage-carousel .carousel-bg {
    background-size: 100% auto !important;
  }
}