/*=========================================================
FEATURED REPORTS
=========================================================*/

.featured-reports-section{

    padding:90px 0 110px;

    background:#c2cfe8;

}

/*=========================================================
HEADER
=========================================================*/

.featured-reports-section .section-header{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.featured-reports-section .section-tag{

    display:inline-block;

    background:#bccded;

    color:#2458FF;

    padding:10px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:22px;

    letter-spacing:1px;

    text-transform:uppercase;

}

.featured-reports-section .section-header h2{

    font-size:46px;

    color:#17233C;

    margin-bottom:20px;

    line-height:1.25;

}

.featured-reports-section .section-header p{

    font-size:18px;

    color:#64748B;

    line-height:1.8;

}

/*=========================================================
LAYOUT
=========================================================*/

.featured-layout{

    display:grid;

    grid-template-columns:1.3fr 1fr;

    gap:70px;

    align-items:start;

}

/*=========================================================
LEFT
=========================================================*/

.featured-main{

    padding-right:60px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    min-height:520px;

}

.featured-industry{

    display:inline-block;

    background:#b4c6e7;

    color:#2458FF;

    padding:10px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:80px;

    letter-spacing:1px;

    text-transform:uppercase;

}

.featured-main h3{

    font-size:48px;

    line-height:1.18;

    font-weight:700;

    color:#17233C;

    margin:0 0 30px;

    max-width:620px;

}

.featured-main h3 a{

    text-decoration:none;

    color:#17233C;

    font-size:42px;

    line-height:1.22;

    font-weight:700;

    transition:.3s;

}

.featured-main h3 a:hover{

    color:#2458FF;

}

.featured-meta{

    display:flex;

    gap:25px;

    margin-bottom:28px;

}

.featured-meta span{

    color:#64748B;

    font-size:15px;

}

.featured-main p{

    max-width:560px;

    font-size:18px;

    line-height:1.95;

    color:#64748B;

    margin-bottom:45px;

}

.featured-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#2458FF;

    font-size:18px;

    font-weight:600;

    transition:.3s;

}

.featured-btn:hover{

    gap:14px;

}

/*=========================================================
RIGHT
=========================================================*/

.featured-sidebar{

    border-left:1px solid #E8EDF5;

    padding-left:45px;

}

.sidebar-report{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:28px 0;

    border-bottom:1px solid #EEF2F7;

    text-decoration:none;

    transition:.3s;

}

.sidebar-report:hover{

    padding-left:12px;

}

.sidebar-content{

    flex:1;

}

.sidebar-content span{

    display:block;

    color:#2458FF;

    font-size:12px;

    font-weight:700;

    letter-spacing:1.2px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.sidebar-content h4{

    margin:0;

    color:#17233C;

    font-size:20px;

    line-height:1.45;

    font-weight:600;

    transition:.3s;

}

.sidebar-report:hover h4{

    color:#2458FF;

}

.sidebar-arrow{

    color:#2458FF;

    font-size:28px;

    margin-left:25px;

    transition:.3s;

}

.sidebar-report:hover .sidebar-arrow{

    transform:translateX(6px);

}

/*=========================================================
FOOTER
=========================================================*/

.featured-footer{

    margin-top:0px;

    display:flex;

    justify-content:flex-start;

}

.view-all-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#2458FF;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    transition:.3s;

}

.view-all-btn:hover{

    gap:16px;

}

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

@media(max-width:992px){

.featured-layout{

grid-template-columns:1fr;

gap:60px;

}

.featured-sidebar{

border-left:none;

padding-left:0;

}

.featured-main{

padding-right:0;

}

.featured-reports-section .section-header h2{

font-size:36px;

}

.featured-main h3 a{

font-size:34px;

}

.sidebar-content h4{

font-size:22px;

}

}