.swiper {

    width: 100%;
    height: auto;

}

.swiper-slide img {

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

}

.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 {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

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

    opacity: 1;

}



/* header slider Style */

.FadeSwiper{

    z-index:0!important;

}

.expandableDivbtn{
    display:none;
} 

@media only screen and (min-width: 1024px){

#expandableDiv {
    overflow: hidden;
    transition: 0.5s ease; /* Add smooth transition */
}

.collapsed{
   aspect-ratio: 16 / 5; /* Initial aspect ratio of 16:5 */
}

.expanded {
  aspect-ratio: 16 / 8; /* Aspect ratio of 16:8 when expanded */
  max-height: 960px; /* Set your desired expanded height */
}

.expandableDivbtn {
    display:block!important;
    position: absolute;
    bottom: 1em;
    left: 1em;
    z-index: 1;
    font-size: large;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    opacity: 0.8;
}

}

@media only screen and (max-width: 1023px){
.collapsed{
   aspect-ratio: 5 / 4; /* Initial aspect ratio of 16:5 */
}
}

.slide-caption{

    z-index:2;
    padding:3%;
    

}


@media only screen and (min-width: 576px){

    .mobile-slide-caption{
        display:none;
    }

    .slide-caption{

        width: 40%;
        top: 50%;
        transform: translateY(-50%);
        position:absolute;

    }

    .align-left{
        left:2%;
    }

    .align-right{
        right:2%;
    }

    .align-center{
        left:50%;
        transform: translate(-50%, -50%)!important;
    }


}


@media only screen and (max-width: 575px){

    .slide-caption {
        display:none;
    }

    .mobile-slide-caption {
        width:90%;
        margin: 0 auto;
        text-align: center;
        padding:3%;
    }

    .mobile-slide-caption p, .mobile-slide-caption h1, .mobile-slide-caption h2, .mobile-slide-caption h3, .mobile-slide-caption h4, .mobile-slide-caption h5, .mobile-slide-caption h6{
        color:#000!important;
    }



}    

@media only screen and (max-width: 339px){

    #frontpage-sidebar{

        padding-top: 12em;

    }

}

/*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;}
 }