.insights-section{

    padding:110px 0;

    background:#fff;

}

.insights-layout{

    display:grid;

    grid-template-columns:1.3fr 1fr;

    gap:70px;

    margin-top:70px;

    align-items:start;

}

/* LEFT */

.featured-insight{

    padding-right:40px;

}

.featured-label{

    display:inline-block;

    background:#EEF4FF;

    color:#2458FF;

    padding:10px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:25px;

}

.featured-insight h3{

    font-size:42px;

    line-height:1.25;

    color:#17233C;

    margin-bottom:25px;

}

.featured-insight p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

    margin-bottom:35px;

}

.featured-insight a{

    text-decoration:none;

    color:#2458FF;

    font-weight:600;

    font-size:18px;

}

/* RIGHT */

.insight-list{

    border-left:1px solid #E8EDF5;

    padding-left:45px;

}

.insight-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:25px 0;

    border-bottom:1px solid #EEF2F7;

    text-decoration:none;

    transition:.3s;

}

.insight-item:hover{

    padding-left:12px;

}

.insight-item span{

    color:#2458FF;

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}

.insight-item h4{

    color:#17233C;

    font-size:23px;

    margin-top:10px;

    line-height:1.5;

}

.insight-item strong{

    font-size:26px;

    color:#2458FF;

}

@media(max-width:992px){

.insights-layout{

grid-template-columns:1fr;

}

.insight-list{

border-left:none;

padding-left:0;

}

}
/*=====================================
INSIGHTS — DYNAMIC RESOURCE SUPPORT
======================================*/

.insights-section .featured-insight-media{

    display:block;
    margin-bottom:26px;
    border-radius:14px;
    overflow:hidden;

}

.insights-section .featured-insight-media img{

    display:block;
    width:100%;
    height:280px;
    object-fit:cover;
    transition:transform .6s ease;

}

.insights-section .featured-insight-media:hover img{

    transform:scale(1.03);

}

.insights-section .featured-insight h3 a{

    color:inherit;
    text-decoration:none;

}

.insights-section .featured-insight h3 a:hover{

    text-decoration:underline;

}

@media (max-width:768px){

    .insights-section .featured-insight-media img{ height:200px; }

}