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

.swiper-slide {
    transition: opacity 0.3s ease-in-out;
}


#home_slider{
border-radius: 20px;
overflow:hidden;
aspect-ratio: 16 / 6;
}


@media only screen and (min-width: 1200px){
    
.swiper-carousel .swiper-slide{
    opacity: 0.1;
}

.swiper-carousel .swiper-slide-prev, .swiper-carousel .swiper-slide-active, .swiper-carousel .swiper-slide-next{
    opacity:1!important;
}
}

.swiper-carousel .swiper-slide a {
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.swiper-carousel .swiper-slide img{
    object-position: center;
    top:50%;
    transform:translateY(-50%);
}

.swiper-carousel .post-details {
    background: #fff;
    padding: 1em;
}

.swiper-carousel .post-title {
    min-height: 65px;
    margin-bottom: 0;
}

.swiper-carousel .post-date {
    position: absolute;
    bottom: 4px;
    right: 0;
    background: var(--tertiary-colour);
}

.swiper-carousel .day {
    font-size: xx-large;
    font-weight: bold;
    display: block;
    text-align: center;
    color: var(--primary-colour);
}

.swiper-carousel .month-year {
    padding: 0.5em;
    background: var(--primary-colour);
    color: #fff;
    font-weight: bold;
}

.swiper-pagination-bullet{
    color: #fff;
    opacity:1;
}



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

}
 

 
 @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%);
 }
 
 .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%);
 }
 
 .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%);
 }

 }
 
 
 @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%);
 }
 }