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

.fc-about{

    padding:60px 0;

    background:#fff;

}


/* ==========================================================
   INTRO
========================================================== */

.fc-about-intro{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.fc-about-content h2{

    margin:18px 0 24px;

}

.fc-about-content p{

    margin:0 0 18px;

    color:#5F6E8A;

    font-size:18px;

    line-height:1.8;

}

.fc-about-content .fc-button-wrap{

    margin-top:36px;

    justify-content:flex-start;

}

.fc-about-image{

    position:relative;

}

.fc-about .fc-about-image img{

    width:100%;

    display:block;

    border-radius:34px;

    object-fit:cover;

    box-shadow:0 30px 70px rgba(20,56,123,.12);

}


/* ==========================================================
   VALUES
========================================================== */

.fc-about-values{

    margin-top:140px;

}

.fc-values-grid{

    display:grid;

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

    gap:24px;

    margin-top:60px;

}

.fc-value-card{

    background:#EDF7E8;

    border-radius:28px;

    padding:34px 28px;

}

.fc-value-icon{

    width:72px;

    height:72px;

    background:#fff;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:26px;

    box-shadow:0 10px 25px rgba(20,56,123,.06);

}

.fc-value-icon img{

    width:38px;

    height:38px;

    object-fit:contain;

}

.fc-value-card h3{

    margin:0 0 14px;

    color:#14387B;

    font-size:24px;

    font-weight:700;

}

.fc-value-card p{

    margin:0;

    color:#5F6E8A;

    line-height:1.7;

}


/* ==========================================================
   CTA
========================================================== */

.fc-about-cta{

    position:relative;

    margin-top:140px;

}

.fc-about .fc-about-cta-image img{

    width:100%;

    height:620px;

    display:block;

    object-fit:cover;

    border-radius:36px;

    box-shadow:0 30px 70px rgba(20,56,123,.12);

}

.fc-about-cta-box{

    position:absolute;

    left:70px;

    bottom:70px;

    max-width:560px;

    padding:42px;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(12px);

    border-radius:28px;

    box-shadow:0 30px 70px rgba(20,56,123,.15);

}

.fc-about-cta-box h2{

    margin:18px 0;

}

.fc-about-cta-box p{

    margin:0;

    color:#5F6E8A;

    font-size:18px;

    line-height:1.8;

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

    .fc-about{

        padding:90px 0;

    }

    .fc-about-intro{

        grid-template-columns:1fr;

        gap:50px;

    }

    .fc-about-image{

        max-width:650px;

        margin:0 auto;

    }

    .fc-about-values{

        margin-top:90px;

    }

    .fc-values-grid{

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

    }

    .fc-about-cta{

        margin-top:90px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .fc-about{

        padding:20px 0;

    }

    .fc-about-intro{

        gap:36px;

    }

    .fc-about-content{

        order:2;

    }

    .fc-about-image{

        order:1;

    }

    .fc-about-content h2{

        font-size:32px;

        line-height:1.2;

    }

    .fc-about-content p{

        font-size:16px;

        line-height:1.7;

    }

    .fc-about-content .fc-button-wrap{

        justify-content:center;

    }

    .fc-about .fc-about-image img{

        border-radius:24px;

    }

    .fc-about-values{

        margin-top:60px;

    }

    .fc-values-grid{

        grid-template-columns:1fr;

        gap:16px;

        margin-top:36px;

    }

    .fc-value-card{

        padding:22px;

    }

    .fc-value-icon{

        width:58px;

        height:58px;

        border-radius:16px;

        margin-bottom:18px;

    }

    .fc-value-icon img{

        width:30px;

        height:30px;

    }

    .fc-value-card h3{

        font-size:20px;

        margin-bottom:8px;

    }

    .fc-value-card p{

        font-size:15px;

    }

    .fc-about-cta{

        margin-top:60px;

    }

    .fc-about .fc-about-cta-image img{

        height:260px;

        border-radius:24px;

    }

    .fc-about-cta-box{

        position:static;

        max-width:100%;

        margin:-30px 20px 0;

        padding:26px;

        border-radius:22px;

    }

    .fc-about-cta-box h2{

        font-size:30px;

        line-height:1.2;

    }

    .fc-about-cta-box p{

        font-size:16px;

        line-height:1.7;

    }


}