.swiper {

        width: 100%;
        height: auto;
        display: flex; /* Use flexbox for centering */
        justify-content: center; /* Center horizontally */
        align-items: center; /* Center vertically */

}

.carouselAuto-1, .carouselAuto-2, .carouselAuto-3, .carouselAuto-4, .carouselAuto-5 {
    padding: 0 0 3% 0 !important;
}



.swiper-slide {

    text-align: center;
    font-size: 18px;
    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;
    height:unset!important;
    align-items: stretch;

}

.swiper-slide img {

    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;

}



.gallery-thumbs .swiper-slide img{

    background:#fff;

}

.swiper-parent-container {

    width: 100%;
    position: relative;
    overflow-x: hidden;

}

.swiper-container {

      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;

}

.swiper-gallery {

      background-size: cover;
      background-position: center;

}

.gallery-top {

      height: 80%;
      width: 100%;
      overflow-x: hidden;

}



.gallery-thumbs {

      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;

}



.gallery-thumbs .swiper-gallery {

      width: 25%;
      height: 100%;
      opacity: 0.4;

}



.gallery-thumbs .swiper-slide-thumb-active {

      opacity: 1;

}





.swiper-pagination .swiper-pagination-bullet {

    opacity: 1;
    background-color: #e9ecef;

}

.spryslider {

  height: 80%;
  width: 100%;

}

/*coverflow*/

.horizontal-gradient-mask .swiper-slide-active {

    opacity:1;

}
 
.horizontal-gradient-mask .swiper-slide-prev, .horizontal-gradient-mask .swiper-slide-next  {

    opacity:0.5;
    filter: blur(2px);

}
 
.team-card-container .text-start{overflow: auto;}
 
 @media only screen and (min-width: 992px){
 .coverflow .swiper-slide{
     width:60%!important;
 }
 .horizontal-gradient-mask{
     -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 20% 80%, transparent 100%);
     mask-image: linear-gradient(90deg, transparent 0%, black 20% 80%, transparent 100%);
 }
 .team-card-container {height:350px!important;}
 .team-card-container .text-start{max-height:250px;overflow: auto;}
 
 .horizontal-gradient-mask .swiper-button-prev {
     left: 15%!important;
 }
 
 .horizontal-gradient-mask .swiper-button-next {
     right: 15%!important;
 }
 }
 
 @media only screen and (min-width:768px) and (max-width: 991px){
 .coverflow .swiper-slide{
     width:80%;
 }
 .horizontal-gradient-mask{
     -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10% 90%, transparent 100%);
     mask-image: linear-gradient(90deg, transparent 0%, black 10% 90%, transparent 100%);
 }
 
 .team-card-container {height:350px!important;}
 .team-card-container .text-start{max-height:250px;overflow: auto;}
 
 .horizontal-gradient-mask .swiper-button-prev {
     left: 10%!important;
 }
 
 .horizontal-gradient-mask .swiper-button-next {
     right: 10%!important;
 }
 }
 
 @media only screen and (min-width: 576px) and (max-width: 767px){
 .coverflow .swiper-slide{
     width:100%;
 }
 .horizontal-gradient-mask{
     -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 5% 95%, transparent 100%);
     mask-image: linear-gradient(90deg, transparent 0%, black 5% 95%, transparent 100%);
 }
 .team-card-container {height:600px!important;}
 .team-card-container .text-start{max-height:250px;overflow: auto;}

 }
 
 
 @media only screen and (max-width: 575px){
 .coverflow .swiper-slide{
     width:100%;
 }
 .horizontal-gradient-mask{
 -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 5% 95%, transparent 100%);
     mask-image: linear-gradient(90deg, transparent 0%, black 5% 95%, transparent 100%);
 }
 .team-card-container {height:700px!important;}
 .team-card-container .text-start{max-height:350px;overflow: auto;}
 }


 .SliderSwiper .slider-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-slide .align-left{
    left:25%;
    text-align:left;
}

.swiper-slide .align-right{
    right:25%;
    text-align:right;
}

.swiper-slide .align-center{
    left:50%;
    transform: translate(-50% -50%);
}

.SliderSwiper .swiper-slide{
    min-height:300px;
}