/* =========================================
        FEATURE SECTION
========================================= */

.feature-section{

    position:relative;

    margin-top:-70px;

    z-index:10;

}

.feature-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.feature-box{

    background:#ffffff;

    border-radius:16px;

    padding:35px 30px;

    display:flex;

    align-items:flex-start;

    gap:20px;

    box-shadow:0 20px 50px rgba(0,33,71,.08);

    transition:all .35s ease;

}

.feature-box:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,33,71,.15);

}

/* =========================================
        FEATURE ICON
========================================= */

.feature-icon{

    width:70px;

    height:70px;

    min-width:70px;

    border-radius:16px;

    background:#002147;

    display:flex;

    align-items:center;

    justify-content:center;

}

.feature-icon i{

    font-size:28px;

    color:#ffb400;

}

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

.feature-content{

    flex:1;

}

.feature-content h3{

    font-size:24px;

    font-weight:700;

    color:#002147;

    margin-bottom:12px;

    line-height:1.3;

}

.feature-content p{

    font-size:16px;

    line-height:1.8;

    color:#666666;

    margin:0;

}

/* =========================================
        FEATURE HOVER
========================================= */

.feature-box:hover .feature-icon{

    background:#ffb400;

}

.feature-box:hover .feature-icon i{

    color:#002147;

}

.feature-box:hover .feature-content h3{

    color:#ff6b00;

}

.feature-box:hover p{

    color:#444444;

}

/* =========================================
        FEATURE ANIMATION
========================================= */

.feature-box,
.feature-icon,
.feature-icon i,
.feature-content h3{

    transition:all .35s ease;

}