/* =========================================
WHO WE ARE SECTION
========================================= */

.about-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #08152d 100%
    );

    overflow:hidden;
}


/* GRID */

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    align-items:center;
}


/* IMAGE */

.about-image{

    position:relative;
}

.about-image img{

    width:100%;

    border-radius:34px;

    display:block;

    object-fit:cover;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.35);
}


/* CONTENT */

.about-content{

    position:relative;
}


/* SMALL TAG */

.section-title span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.28);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:20px;
}


/* HEADING */

.section-title h2{

    font-size:49px;

    line-height:1.05;

    font-weight:600;

    color:#ffffff;

    margin-bottom:20px;

    max-width:600px;
}


/* PARAGRAPH */

.about-content p{

    font-size:18px;

    line-height:1.7;

    color:
    rgba(255,255,255,0.82);

    margin-bottom:20px;
}


/* FEATURES */

.about-features{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

    margin-top:40px;
}


/* FEATURE BOX */

.feature-box{

    padding:24px;

    border-radius:24px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    transition:0.35s ease;

    backdrop-filter:blur(10px);
}

.feature-box:hover{

    transform:
    translateY(-6px);

    border-color:
    rgba(124,58,237,0.4);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 18px 40px rgba(124,58,237,0.14);
}


/* FEATURE TITLE */

.feature-box h4{

    font-size:17px;

    line-height:1.6;

    color:#ffffff;

    font-weight:700;
}


/* RESPONSIVE */

@media(max-width:991px){

    .about-grid{

        grid-template-columns:1fr;

        gap:50px;
    }

    .section-title h2{

        font-size:46px;
    }

    .about-content p{

        font-size:18px;

        line-height:1.9;
    }

    .about-features{

        grid-template-columns:1fr;
    }
}


@media(max-width:768px){

    .about-section{

        padding:80px 0;
    }

    .section-title h2{

        font-size:38px;
    }

    .about-content p{

        font-size:16px;
    }

    .feature-box{

        padding:20px;
    }
}

/* =========================================
MISSION VISION SECTION
========================================= */

.mission-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #08152d 0%,
        #091936 100%
    );
}


/* HEADER */

.mission-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:40px;
}

.mission-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.mission-header h2{

    font-size:56px;

    line-height:1.15;

    color:#ffffff;

    font-weight:800;
}


/* GRID */

.mission-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;
}


/* CARD */

.mission-card{

    padding:50px 40px;

    border-radius:34px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    transition:0.4s ease;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    height:100%;

    text-align:center;
}

.mission-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* ICON */

.mission-icon{

    width:80px;

    height:72px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-left:auto;

    margin-right:auto;

    margin-bottom:28px;

    background:
    linear-gradient(
        135deg,
        rgba(124,58,237,0.22),
        rgba(91,33,182,0.12)
    );

    border:
    1px solid rgba(167,139,250,0.30);

    backdrop-filter:blur(12px);
}

.mission-icon i{

    font-size:28px;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #d8b4fe
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* TITLE */

.mission-card h3{

    font-size:30px;

    color:#ffffff;

    margin-bottom:24px;

    font-weight:800;
}


/* TEXT */

.mission-card p{

    font-size:18px;

    line-height:2;

    color:
    rgba(255,255,255,0.82);

    text-align:justify;
}


/* RESPONSIVE */

@media(max-width:991px){

    .mission-grid{

        grid-template-columns:1fr;
    }

    .mission-header h2{

        font-size:44px;
    }
}


@media(max-width:768px){

    .mission-section{

        padding:80px 0;
    }

    .mission-card{

        padding:35px 25px;
    }

    .mission-header h2{

        font-size:36px;
    }

    .mission-card h3{

        font-size:24px;
    }

    .mission-card p{

        font-size:16px;
    }
}

/* =========================================
WHY SECTION
========================================= */

.why-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #08152d 100%
    );
}


/* HEADER */

.why-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:40px;
}

.why-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.why-header h2{

    font-size:56px;

    line-height:1.15;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.why-header p{

    font-size:20px;

    line-height:2;

    color:
    rgba(255,255,255,0.78);
}


/* GRID */

.why-grid{

    display:grid;

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

    gap:28px;
    
    align-items:stretch;
}


/* CARD */

.why-card{

    padding:40px 32px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:0.4s ease;

    text-align:center;
}

.why-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* ICON */

.why-icon{

    width:76px;

    height:76px;

    border-radius:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    margin-bottom:28px;

    background:
    linear-gradient(
        135deg,
        rgba(124,58,237,0.22),
        rgba(91,33,182,0.12)
    );

    border:
    1px solid rgba(167,139,250,0.30);

    backdrop-filter:blur(12px);
}

.why-icon i{

    font-size:30px;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #d8b4fe
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* TITLE */

.why-card h3{

    font-size:24px;

    color:#ffffff;

    margin-bottom:20px;

    font-weight:800;
}


/* TEXT */

.why-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);
}


/* RESPONSIVE */

@media(max-width:1100px){

    .why-grid{

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


@media(max-width:768px){

    .why-section{

        padding:80px 0;
    }

    .why-grid{

        grid-template-columns:1fr;
    }

    .why-header h2{

        font-size:38px;
    }

    .why-header p{

        font-size:16px;
    }

    .why-card{

        padding:32px 24px;
    }
}


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

.values-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #08152d 0%,
        #071226 100%
    );
}


/* HEADER */

.values-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:40px;
}

.values-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.values-header h2{

    font-size:56px;

    line-height:1.15;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.values-header p{

    font-size:20px;

    line-height:2;

    color:
    rgba(255,255,255,0.78);
}


/* GRID */

.values-grid{

    display:grid;

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

    gap:28px;

    align-items:stretch;
}


/* CARD */

.value-card{

    padding:42px 32px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:0.4s ease;

    text-align:center;

    display:flex;

    flex-direction:column;

    align-items:center;

    height:100%;
}

.value-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* ICON */

.value-icon{

    width:78px;

    height:78px;

    border-radius:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    background:
    linear-gradient(
        135deg,
        rgba(124,58,237,0.22),
        rgba(91,33,182,0.12)
    );

    border:
    1px solid rgba(167,139,250,0.30);

    backdrop-filter:blur(12px);
}

.value-icon i{

    font-size:30px;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #d8b4fe
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* TITLE */

.value-card h3{

    font-size:24px;

    color:#ffffff;

    margin-bottom:20px;

    font-weight:800;

    min-height:70px;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* TEXT */

.value-card p{

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,0.78);
}


/* RESPONSIVE */

@media(max-width:1100px){

    .values-grid{

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


@media(max-width:768px){

    .values-section{

        padding:80px 0;
    }

    .values-grid{

        grid-template-columns:1fr;
    }

    .values-header h2{

        font-size:38px;
    }

    .values-header p{

        font-size:16px;
    }

    .value-card{

        padding:32px 24px;
    }
}

/* =========================================
IMPACT SECTION
========================================= */

.impact-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #071226 0%,
        #081830 100%
    );
}


/* HEADER */

.impact-header{

    text-align:center;

    max-width:1150px;

    margin:auto;

    margin-bottom:40px;
}

.impact-header span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;
}

.impact-header h2{

    font-size:56px;

    line-height:1.15;

    color:#ffffff;

    font-weight:800;

    margin-bottom:28px;
}

.impact-header p{

    font-size:20px;

    line-height:2;

    color:
    rgba(255,255,255,0.78);
}


/* GRID */

.impact-grid{

    display:grid;

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

    gap:28px;
}


/* CARD */

.impact-card{

    padding:50px 30px;

    border-radius:30px;

    text-align:center;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:0.4s ease;
}

.impact-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(124,58,237,0.35);

    background:
    rgba(124,58,237,0.08);

    box-shadow:
    0 25px 60px rgba(124,58,237,0.16);
}


/* NUMBER */

.impact-card h3{

    font-size:52px;

    font-weight:800;

    margin-bottom:18px;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #c4b5fd
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* TEXT */

.impact-card p{

    font-size:18px;

    line-height:1.8;

    color:
    rgba(255,255,255,0.78);
}


/* RESPONSIVE */

@media(max-width:1100px){

    .impact-grid{

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

@media(max-width:768px){

    .impact-section{

        padding:80px 0;
    }

    .impact-grid{

        grid-template-columns:1fr;
    }

    .impact-header h2{

        font-size:38px;
    }

    .impact-header p{

        font-size:16px;
    }

    .impact-card{

        padding:40px 24px;
    }

    .impact-card h3{

        font-size:42px;
    }
}


/* =========================================
TRUST SECTION
========================================= */

.trust-section{

    padding:40px 0;

    background:
    linear-gradient(
        180deg,
        #081830 0%,
        #071226 100%
    );
}


/* WRAPPER */

.trust-wrapper{

    display:grid;

    grid-template-columns:
    1.1fr 0.9fr;

    gap:30px;

    align-items:center;
}


/* CONTENT */

.trust-content span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:40px;

    background:
    rgba(124,58,237,0.14);

    border:
    1px solid rgba(167,139,250,0.25);

    color:#8b5cf6;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;
    
}

.trust-content{

    display:flex;

    flex-direction:column;
}



.trust-content h2{

    font-size:42px;

    line-height:1.08;

    color:#ffffff;

    font-weight:700;

    margin-bottom:30px;
}

.trust-content p{

    font-size:20px;

    line-height:1.4;

    color:
    rgba(255,255,255,0.78);

    margin-bottom:20px;
    text-align:justify;
}



/* POINTS */

.trust-points{

    margin-top:20px;

    display:flex;

    flex-direction:column;

    gap:10px;
}

.trust-point{

    display:flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    font-size:16px;

    font-weight:600;
}

.trust-point i{

    color:#8b5cf6;

    font-size:16px;
}


/* IMAGE */

.trust-image{

    position:relative;
}

.trust-image img{

    width:100%;

    height:700px;

    border-radius:36px;

    display:block;

    object-fit:cover;

    border:
    1px solid rgba(255,255,255,0.08);

    box-shadow:
    0 30px 80px rgba(0,0,0,0.30);
}


/* RESPONSIVE */

@media(max-width:1100px){

    .trust-wrapper{

        grid-template-columns:1fr;

        gap:50px;
    }
}

@media(max-width:768px){

    .trust-section{

        padding:80px 0;
    }

    .trust-content h2{

        font-size:38px;
    }

    .trust-content p{

        font-size:16px;
    }

    .trust-point{

        font-size:16px;
    }
}


/* CTA BUTTONS */

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}


/* PRIMARY */

.primary-btn{

    background:#ffffff;

    color:#121212;
}


/* SECONDARY */

.secondary-btn{

    background:#25D366;

    border:
    1px solid #25D366;

    color:#ffffff;
}