/*
====================================
Featured News Section
BanglaPress News Theme
====================================
*/


.featured-section{

    max-width:1200px;

    width:100%;

    margin:30px auto;

    padding:0 15px;

    box-sizing:border-box;

}



/*
Title
*/


.featured-title{

    font-size:28px;

    font-weight:700;

    border-left:5px solid #E91E63;

    padding-left:12px;

    margin-bottom:20px;

    color:#222;

}





/*
Main Grid
*/


.featured-grid{

    display:grid;

    grid-template-columns:1fr 2fr 1fr;

    gap:15px;

    width:100%;

    align-items:stretch;

    box-sizing:border-box;

}





/*
Small Posts Left Right
*/


.featured-left,
.featured-right{

    min-width:0;

}




.featured-small-post{

    height:300px;

    position:relative;

    overflow:hidden;

    background:#fff;

    width:100%;

    box-sizing:border-box;

}




.featured-small-post a{

    text-decoration:none;

    color:#222;

}




.featured-small-post img{

    width:100%;

    height:300px;

    object-fit:cover;

    display:block;

}





.featured-small-post h3{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    margin:0;

    padding:45px 12px 12px;

    font-size:15px;

    line-height:1.5;

    font-weight:600;

    color:#fff;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.75)

    );

}








/*
====================================
Center Slider
====================================
*/


.featured-slider{

    position:relative;

    overflow:hidden;

    height:300px;

    width:100%;

    box-sizing:border-box;

}




.slider-wrapper{

    display:flex;

    transition:.5s;

}





.slider-item{

    min-width:100%;

    position:relative;

}





.slider-item img{

    width:100%;

    height:300px;

    object-fit:cover;

}





.slider-caption{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    padding:45px 20px 20px;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.75)

    );

}




.slider-caption h2{

    color:#fff;

    font-size:24px;

    margin:0;

}







/*
====================================
Responsive Tablet
====================================
*/


@media(max-width:992px){


.featured-grid{

    grid-template-columns:1fr 1fr;

}



.featured-slider{

    grid-column:1 / 3;

}



.featured-small-post{

    height:280px;

}



.featured-small-post img{

    height:280px;

}



.featured-slider{

    height:280px;

}



.slider-item img{

    height:280px;

}


}







/*
====================================
Responsive Mobile
====================================
*/


@media(max-width:768px){



.featured-grid{

    grid-template-columns:1fr;

}



.featured-slider{

    grid-column:auto;

    height:250px;

}



.featured-small-post{

    height:250px;

}



.featured-small-post img{

    height:250px;

}



.slider-item img{

    height:250px;

}



.slider-caption h2{

    font-size:18px;

}



.featured-title{

    font-size:22px;

}


}


#topBtn {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background: #E91E63;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    display: none;
    z-index: 9999;
    transition: 0.3s ease;
}

#topBtn:hover {
    background: #AD1457;
    transform: translateY(-3px);
}