/*==================================================
                ABOUT SECTION
==================================================*/

.nf-about{

    padding:30px 0;

    background:#ffffff;

}

.nf-about-wrapper{

    display:grid;

    grid-template-columns:42% 58%;

    gap:70px;

    align-items:center;

}

/*====================================
IMAGE
====================================*/

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:18px;

    display:block;

    box-shadow:0 20px 50px rgba(0,0,0,.10);

    transition:.4s;

}

.about-image:hover img{

    transform:scale(1.02);

}

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

.about-content{

    padding-right:10px;

}

.about-subtitle{

    display:inline-block;

    color:#76b82a;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.about-content h2{

    font-size:44px;

    line-height:1.25;

    color:#222;

    margin-bottom:25px;

    font-weight:700;

}

.about-content p{

    font-size:16px;

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}

/*====================================
FEATURES
====================================*/

.about-features{

    display:grid;

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

    gap:18px 25px;

    margin:35px 0;

}

.about-feature{

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:#333;

    font-size:15px;

    font-weight:600;

}

.about-feature i{

    color:#76b82a;

    font-size:18px;

    margin-top:2px;

}

/*====================================
BUTTON
====================================*/
/*====================================
IMAGE BUTTON
====================================*/

.about-image-btn{

    margin-top:15px;

    text-align:center;

}

.about-image-btn a{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#76b82a;

    color:#fff;

    padding:16px 34px;

    border-radius:6px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.about-image-btn a:hover{

    background:#2d7d2f;

    transform:translateY(-3px);

}

.about-image-btn i{

    transition:.3s;

}

.about-image-btn a:hover i{

    transform:translateX(5px);

}


/*====================================
CLAIMS
====================================*/

.about-claims{

    display:grid;

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

    gap:25px;

    margin-top:20px;

}

.claim-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:14px;

    padding:30px 20px;

    text-align:center;

    transition:.35s;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.claim-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

    border-color:#76b82a;

}

.claim-card img{

    width:90px;
    height:90px;

    object-fit:contain;

    display:block;

    margin:0 auto 18px;

}

.claim-card h4{

    margin:0;

    color:#222;

    font-size:18px;

    font-weight:700;

}

/*====================================
SMOOTH TRANSITIONS
====================================*/

.about-image img,

.claim-card,

.about-btn a{

    transition:all .35s ease;

}