.cover-container {
  height: 93vh;
  background-color: #333;
  background-size: cover;
  background-position: center;
  background-image: linear-gradient(
      62deg,
      rgba(0, 0, 0, 0.65) 50%,
      rgba(0, 0, 0, 0.65) 50%
    ),
    url("/static/img/home-bg.jpg");
}

.scroll-arrow {
  -webkit-animation: bounce 1s infinite alternate;
  animation: bounce 1s infinite alternate;
}

@-webkit-keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-10px);
  }
}

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  line-height: 1;
  letter-spacing: -0.05rem;
}

.swiper {
  width: 80vw !important;
  height: fit-content !important;
  padding-bottom: 10px !important;
}

/* Testimonials */
.swiper-pagination-bullet-active {
  background-color: var(--white) !important;
  padding: 5px !important;
  outline: 2px solid var(--white) !important;
  outline-offset: 1px !important;
}

.swiper-pagination-bullet {
  background-color: var(--white) !important;
  padding: 5px !important;
  margin: 5px !important;
  /* outline2offset: 1blue !important; */
}

@media screen and (min-width: 992px) {
  .swiper {
    width: 25vw !important;
  }
  .swiper-slide{
    height: 40vh !important;
  }
}

.swiper-pagination {
  bottom: 15px !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
}