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

/*==========================================
Large Tablet
==========================================*/

@media (max-width:1200px){

.nf-about{

    padding:80px 0;

}

.nf-about-wrapper{

    gap:40px;

}

.about-content h2{

    font-size:36px;

}

.about-features{

    gap:15px;

}

.about-claims{

    gap:20px;

}

}

/*==========================================
Tablet
==========================================*/

@media (max-width:991px){

.nf-about{

    padding:70px 0;

}

.nf-about-wrapper{

    grid-template-columns:1fr;

    gap:45px;

}

.about-image{

    max-width:700px;

    margin:0 auto;

}

.about-content{

    padding:0;

}

.about-subtitle{

    text-align:center;

    display:block;

}

.about-content h2{

    font-size:34px;

    text-align:center;

}

.about-content p{

    text-align:center;

}

.about-features{

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

    margin-top:30px;

}

.about-btn{

    text-align:center;

}

.about-claims{

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

    margin-top:50px;

}

}

/*==========================================
Mobile
==========================================*/

@media (max-width:767px){

.nf-about{

    padding:60px 0;

}

.about-content h2{

    font-size:28px;

    line-height:1.35;

}

.about-content p{

    font-size:15px;

    line-height:1.8;

}

.about-features{

    grid-template-columns:1fr;

    gap:18px;

}

.about-feature{

    font-size:15px;

}

.about-feature i{

    font-size:18px;

}

.about-btn a{

    width:100%;

    justify-content:center;

}

.about-claims{

    grid-template-columns:1fr;

    gap:20px;

}

.claim-card{

    padding:25px;

}

.claim-card img{

    width:70px;

}

.claim-card h4{

    font-size:18px;

}

}

/*==========================================
Small Mobile
==========================================*/

@media (max-width:480px){

.nf-about{

    padding:50px 0;

}

.about-content h2{

    font-size:24px;

}

.about-content p{

    font-size:14px;

}

.about-subtitle{

    font-size:13px;

}

.about-btn a{

    padding:14px 20px;

    font-size:14px;

}

.claim-card{

    padding:20px;

}

.claim-card img{

    width:60px;

}

.claim-card h4{

    font-size:16px;

}

}