body {
  font-family: "Quicksand", sans-serif !important;
  
}

.swiper-title{
color: hsl(0, 0%, 100%);
    font-family: "Quicksand", sans-serif !important;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: hsl(210, 65%, 27%);
  border: 2px solid hsl(201, 61%, 88%);
  box-shadow: 5px 15px 15px hsla(0, 0%, 0%, 0.349);
  border-radius: 0.5em;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.swiper-slide a {
  padding: 1em;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  color: hsl(0, 0%, 100%);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.block-container {
  background: linear-gradient(
    180deg,
    rgba(10, 33, 57, 1) 0%,
    rgba(105, 176, 190, 1) 100%
  );
  padding: 1em;
  box-shadow: 5px 15px 15px hsla(0, 0%, 0%, 0.349);
  border-radius: 0.5em;
  color: hsl(43, 81%, 83%);
}

.swiperh3 {
 color: hsl(0, 0%, 100%);
    font-family: "Quicksand", sans-serif;
}

.swiper-pagination-bullet-active {
  color: aliceblue !important;
}