@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

.swiper {
  width: 100%;
  height: 100%;
  user-select: none;
}

.swiper-slide {
  /* width: 300px !important; */
  height: 100% !important;
  /* height: 300px !important; */
  text-align: center;
  font-size: 18px;
  /* background: #000a; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.imageslide {
  height: 100% !important;
}

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

.swpier-slide img {
  object-fit: contain;
}


.slides {
  /* background-color: azure; */
  background-color: #d3dcff;
  height: 350px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.slides p {
  padding: 0 1rem;
  /* margin: 0; */
  /* font-size: 0.9rem; */
}


.slides p span {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'Satisfy', cursive !important;
  color: #1b4faa;
}

.slidesimgs {
  max-width: 1175px;
  margin: -2rem auto 0 auto;
  /* padding: 1rem; */
  display: grid;
  place-items: center;
  grid-template-columns: repeat(3, 1fr);
}

.slidesimgs img:nth-child(1) {
  width: 50%;
  object-fit: contain;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.7));
  animation: slides1 1.5s infinite alternate;
}

@keyframes slides1 {
  0% {
    margin-top: -1rem;
    opacity: 0;
  }

  100% {
    margin-top: 0rem;
    opacity: 1;
  }
}

.slidesimgs img:nth-child(2) {
  width: 50%;
  object-fit: contain;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.7));
  animation: slides2 1.5s infinite alternate;
}

@keyframes slides2 {
  0% {
    margin-top: -1rem;
    opacity: 0;
  }

  100% {
    margin-top: 0rem;
    opacity: 1;
  }
}


.slidesimgs img:nth-child(3) {
  width: 50%;
  object-fit: contain;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.7));
  animation: slides3 1.5s infinite alternate;
}

@keyframes slides3 {
  0% {
    margin-top: -1rem;
    opacity: 0;
  }

  100% {
    margin-top: 0rem;
    opacity: 1;
  }
}


.img-slide {
  /* width: 300px !important; */
  height: 350px !important;
  text-align: center;
  font-size: 18px;
  background-color: rgb(248, 248, 248);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  overflow: hidden;
}

.img-slide img {
  display: block;
  width: 100% !important;
  height: 250px !important;
  object-fit: cover;
}

.img-slide a {
  display: inline-block;
  font-family: 'Quicksand', sans-serif;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  border: 1px solid #000;
  text-decoration: none;
  color: #000;
  transition: 0.5s;
}

.img-slide a:hover {
  color: #fff;
  background-color: #005080;
  border: 1px solid #005080;
}

.fade-slide {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

.imageslider {
  width: 100%;
  /* padding: 0.5rem; */
}


.swiper-button-next,
.swiper-button-prev {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50%;
  color: navy !important;
  /* background-color: rgba(1, 39, 75, 0.5); */
  background-color: #fff;
  transition: 0.3s;
  display: flex !important;
  justify-content: center !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #fffa;
  color: rgba(0, 0, 0, 1) !important;
}

.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
}

.swiper-pagination-bullet-active {
  background-color: #fff !important;
}


.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px !important;
}


@media (max-width: 1023px) {
  .img-slide {
    height: 400px !important;
  }

  .img-slide img {
    height: 300px !important;
  }
}


@media (max-width: 930px) {
  .img-slide {
    height: 380px !important;
  }

  .img-slide img {
    height: 280px !important;
  }

}

@media (max-width: 884px) {
  .img-slide {
    height: 350px !important;
  }

  .img-slide img {
    height: 250px !important;
  }
}

@media (max-width: 792px) {
  .img-slide {
    height: 330px !important;
  }

  .img-slide img {
    height: 230px !important;
  }
}

@media (max-width: 767px) {
  .img-slide {
    height: 430px !important;
  }

  .img-slide img {
    height: 330px !important;
  }
}

@media (max-width: 683px) {
  .img-slide {
    height: 400px !important;
  }

  .img-slide img {
    height: 300px !important;
  }
}

@media (max-width: 625px) {
  .img-slide {
    height: 380px !important;
  }

  .img-slide img {
    height: 280px !important;
  }
}

@media (max-width: 589px) {
  .img-slide {
    height: 350px !important;
  }

  .img-slide img {
    height: 250px !important;
  }
}

@media (max-width: 533px) {
  .img-slide {
    height: 325px !important;
  }

  .img-slide img {
    height: 225px !important;
  }
}

@media (max-width: 483px) {
  .img-slide {
    height: 305px !important;
  }

  .img-slide img {
    height: 205px !important;
  }
}

@media (max-width: 470px) {
  .slides p {
    font-size: 0.8rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 35px !important;
    height: 35px !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 1rem !important;
  }

  .slidesimgs img:nth-child(1) {
    width: 80%;
  }

  .slidesimgs img:nth-child(2) {
    width: 80%;
  }

  .slidesimgs img:nth-child(3) {
    width: 80%;
  }


}

@media (max-width: 443px) {
  .img-slide {
    height: 290px !important;
  }

  .img-slide img {
    height: 190px !important;
  }
}

@media (max-width: 443px) {
  .img-slide {
    height: 450px !important;
  }

  .img-slide img {
    height: 350px !important;
  }
}

@media (max-width: 367px) {
  .img-slide {
    height: 400px !important;
  }

  .img-slide img {
    height: 300px !important;
  }
}

@media (max-width: 323px) {
  .img-slide {
    height: 380px !important;
  }

  .img-slide img {
    height: 280px !important;
  }
}

@media (max-width: 303px) {
  .img-slide {
    height: 350px !important;
  }

  .img-slide img {
    height: 250px !important;
  }
}