/*==================================================
REPORT ARCHIVE HERO
==================================================*/

.report-archive-hero{

    padding:70px 0;

    background:#F8FBFF;

    border-bottom:1px solid #E7EDF5;

}

.archive-header{

    max-width:820px;

}

.archive-label{

    display:inline-block;

    margin-bottom:16px;

    color:#2563EB;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

}

.archive-header h1{

    font-size:52px;

    line-height:1.15;

    color:#0F172A;

    margin-bottom:18px;

}

.archive-header p{

    font-size:18px;

    line-height:1.8;

    color:#64748B;

    max-width:760px;

}

/*==================================================
REPORT ARCHIVE
==================================================*/

.report-archive{

    padding:60px 0;

    background:#fff;

}

.reports-grid{

    display:flex;

    flex-direction:column;

    gap:35px;

}

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

.report-card{

    display:flex;

    gap:32px;

    align-items:center;

    padding-bottom:35px;

    border-bottom:1px solid #E7EDF6;

}

.report-card:last-child{

    border-bottom:none;

}

/*--------------------------------------------------
IMAGE
--------------------------------------------------*/

.report-image{

    width:360px;

    height:210px;

    flex-shrink:0;

    overflow:hidden;

    border-radius:16px;

    display:block;

}

.report-image img,

.report-cover-image{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.35s ease;

}

.report-card:hover .report-cover-image{

    transform:scale(1.04);

}

/*--------------------------------------------------
CONTENT
--------------------------------------------------*/

.report-content{

    flex:1;

    display:flex;

    flex-direction:column;

}

.report-category{

    display:inline-block;

    margin-bottom:14px;

    color:#2563EB;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

}

.report-content h3{

    margin:0 0 16px;

}

.report-content h3 a{

    text-decoration:none;

    color:#0F172A;

    font-size:36px;

    line-height:1.25;

    font-weight:700;

    transition:.3s;

}

.report-content h3 a:hover{

    color:#2563EB;

}

.report-content p{

    font-size:17px;

    line-height:1.8;

    color:#64748B;

    margin-bottom:22px;

}

/*--------------------------------------------------
META
--------------------------------------------------*/

.report-meta{

    margin-bottom:22px;

}

.report-meta span{

    display:inline-block;

    color:#475569;

    font-size:15px;

    font-weight:500;

}

/*--------------------------------------------------
BUTTON
--------------------------------------------------*/

.report-button{

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    width:auto !important;

    max-width:max-content;

    padding:0;

    color:#2563EB;

    background:transparent !important;

    border:none;

    text-decoration:none;

    font-size:17px;

    font-weight:600;

    transition:.3s;

}

.report-button:hover{

    color:#1D4ED8;

    transform:translateX(4px);

}

/*==================================================
NO REPORTS
==================================================*/

.no-reports{

    padding:80px 0;

    text-align:center;

}

.no-reports h2{

    font-size:34px;

    color:#0F172A;

    margin-bottom:15px;

}

.no-reports p{

    color:#64748B;

    font-size:17px;

}

/*==================================================
PAGINATION
==================================================*/

.archive-pagination{

    margin-top:60px;

    display:flex;

    justify-content:center;

}

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

@media(max-width:991px){

    .report-card{

        flex-direction:column;

        align-items:flex-start;

    }

    .report-image{

        width:100%;

        height:260px;

    }

    .archive-header h1{

        font-size:42px;

    }

}

@media(max-width:768px){

    .report-image{

        height:220px;

    }

    .report-content h3 a{

        font-size:30px;

    }

}