.swiper {
  width: 100%;
  height: 450px ;
  margin: 0 auto;

}

.swiper-slide {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 20px solid transparent !important;
  border-right: none !important;
  border-image: linear-gradient(
    to right,
    rgba(105, 179, 221, 0.336),
    rgba(0, 0, 0, 0.1)
  ) !important;
  border-image-slice: 1 !important;
  padding: 5px;
}

.swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.overview-text-wrapper p {
  font-size: 20px;
  color: black;
}



@media (max-width: 768px) {
  .swiper {
    width: 100%;
    height: 350px ;
    margin: 0 auto;
  
  }
  
}
@media (max-width: 1400px) {
  .swiper {
    width: 100%;
    height: 450px ;
    margin: 0 auto;
  
  }
  .overview-text-wrapper p {
    font-size: 16px;
    color: black;
  }
}
@media (min-width: 1400px) {
  .swiper {
    width: 100%;
    height: 500px ;
    margin: 0 auto;
  
  }
}
@media (min-width: 1600px) {
  .swiper {
    width: 100%;
    height: 650px ;
    margin: 0 auto;
  
  }
}
@media (min-width: 1700px) {
  .swiper {
    width: 100%;
    height: 650px ;
    margin: 0 auto;
  
  }
}
@media (min-width: 2200px) {
  .swiper {
    width: 100%;
    height: 650px ;
    margin: 0 auto;
  
  }
}