.pillar-section{
    width:100%;
    height:100vh;
    background:#fff;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.pillar-container{
    width:min(1300px,90%);
    margin:auto;
}

.pillar-header{
    text-align:center;
    margin-bottom:28px;
}

.pillar-header .subtitle{
    display:block;
    color:#1d4ed8;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:12px;
}

.pillar-header h2{
    font-size:56px;
    color:#183d97;
    font-family:Georgia,serif;
    line-height:1;
}

.pillar-image{
    width:100%;
    height:300px;
    overflow:hidden;
    /* border-radius:12px; */
    margin-bottom:32px;
}

.pillar-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.pillar-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 100px;
}

.pillar-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.pillar-card i{
    width:68px;
    height:68px;
    /* border-radius:18px; */
    background:#2048b5;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    flex-shrink:0;
}

.pillar-card h4{
    color:#183d97;
    font-size:22px;
    margin-bottom:6px;
    line-height:1.2;
}

.pillar-card p{
    color:#666;
    font-size:15px;
    line-height:1.7;
}

@media(max-width:991px){

    .pillar-section{
        height:auto;
        min-height:30vh;
        padding:70px 0;
    }

    .pillar-container{
        width:92%;
    }

    .pillar-header{
        margin-bottom:24px;
    }

    .pillar-header h2{
        font-size:40px;
    }

    .pillar-image{
        height:220px;
        margin-bottom:28px;
    }

    .pillar-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .pillar-card i{
        width:60px;
        height:60px;
        font-size:24px;
    }

    .pillar-card h4{
        font-size:20px;
    }

    .pillar-card p{
        font-size:15px;
    }

}