/*==================================================
    PHOTO REPORTS
==================================================*/

.photo-reports-section{
    margin:60px 0;
}

.photo-report-swiper{
    width:100%;
    overflow:hidden;
    position:relative;
}

.photo-report-swiper .swiper-wrapper{
    align-items:stretch;
}

.photo-report-swiper .swiper-slide{
    height:auto;
    display:flex;
}

/*==================================================
    CARD
==================================================*/

.photo-report-card{

    width:100%;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.photo-report-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.photo-report-link{

    display:block;

    text-decoration:none;

    color:inherit;

}

/*==================================================
    IMAGE
==================================================*/

.photo-report-image{

    position:relative;

    width:100%;

    height:230px;

    overflow:hidden;

    background:#eee;

}

.photo-report-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s;

}

.photo-report-card:hover img{

    transform:scale(1.05);

}

/*==================================================
    PLAY
==================================================*/

.photo-report-play{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:70px;

    height:70px;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#d60000;

    font-size:34px;

}

/*==================================================
    CONTENT
==================================================*/

.photo-report-content{

    padding:18px;

}

.photo-report-title{

    margin:0;

    font-size:16px;

    line-height:1.9;

    font-weight:700;

}

/*==================================================
    SWIPER
==================================================*/

.photo-report-swiper .swiper-button-next,
.photo-report-swiper .swiper-button-prev{

    color:#d60000;

}

.photo-report-swiper .swiper-pagination{

    position:relative;

    margin-top:20px;

}

.photo-report-swiper .swiper-pagination-bullet-active{

    background:#d60000;

}

/*==================================================
    RESPONSIVE
==================================================*/

@media(max-width:991px){

    .photo-report-play{

        width:60px;

        height:60px;

        font-size:30px;

    }

}

@media(max-width:576px){

    .photo-report-title{

        font-size:14px;

    }

}

.photo-report-swiper,
.photo-report-swiper .swiper-wrapper,
.photo-report-swiper .swiper-slide,
.photo-report-card{
    height:auto !important;
}

.photo-report-image{
    height:230px !important;
    padding:0 !important;
}

.photo-report-image img{
    height:230px !important;
    width:100% !important;
    object-fit:cover !important;
}