/* ========================= */
/* Hero */
/* ========================= */

.about-hero{
    padding:80px 20px 100px;
}

.about-container{
    max-width:1100px;
    margin:auto;
}

.about-hero h1{
    font-family:'Poppins',sans-serif;
    font-size:64px;
    line-height:1.15;
    margin-bottom:24px;
}

.about-description{
    max-width:800px;
    color:#666;
    line-height:1.9;
    font-size:18px;
}

/* ========================= */
/* Common Sections */
/* ========================= */

.about-section,
.why-section,
.categories-about,
.founders-section,
.about-cta{
    padding:0 20px 120px;
}

.about-section h2,
.section-heading h2{
    font-family:'Poppins',sans-serif;
    font-size:42px;
    margin-bottom:28px;
}

.about-section p{
    color:#666;
    line-height:2;
    font-size:17px;
}

.section-heading p{
    text-transform:uppercase;
    letter-spacing:3px;
    color:#777;
    font-size:13px;
    font-weight:600;
    margin-bottom:14px;
}

/* ========================= */
/* Mission & Vision */
/* ========================= */

.mission-section{
    padding:0 20px 120px;
}

.mission-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* ========================= */
/* Cards */
/* ========================= */

.info-card,
.founder-card{

    background:white;

    padding:40px;

    border-radius:30px;

    box-shadow:
    0 10px 30px rgba(
        0,
        0,
        0,
        0.05
    );

}

.info-card h3,
.founder-card h3{

    font-size:24px;

    margin-bottom:18px;

}

.info-card p,
.founder-card p{

    color:#666;

    line-height:1.9;

}

.founder-card span{

    display:block;

    color:#999;

    font-size:14px;

    margin-bottom:20px;

}

/* ========================= */
/* Why Grid */
/* ========================= */

.why-grid{

    display:grid;

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

    gap:30px;

}

/* ========================= */
/* Category Tags */
/* ========================= */

.category-tags{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

}

.category-tags span{

    background:white;

    padding:14px 22px;

    border-radius:999px;

    border:1px solid #ECECEC;

    font-size:15px;

    font-weight:500;

}

/* ========================= */
/* Founders */
/* ========================= */

.founders-grid{

    display:grid;

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

    gap:30px;

}

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

.about-cta{

    text-align:center;

}

.about-cta h2{

    font-family:'Poppins',sans-serif;

    font-size:48px;

    margin-bottom:20px;

}

.about-cta p{

    color:#666;

    font-size:18px;

    max-width:700px;

    margin:auto auto 40px;

    line-height:1.9;

}

/* ========================= */
/* Responsive */
/* ========================= */

@media(max-width:992px){

    .about-hero h1{
        font-size:52px;
    }

    .mission-grid,
    .why-grid,
    .founders-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .about-hero{
        padding:60px 20px 80px;
    }

    .about-hero h1{
        font-size:42px;
    }

    .about-section h2,
    .section-heading h2{
        font-size:34px;
    }

    .about-cta h2{
        font-size:38px;
    }

}

@media(max-width:576px){

    .about-hero h1{
        font-size:34px;
    }

    .about-description,
    .about-section p,
    .info-card p,
    .founder-card p,
    .about-cta p{
        font-size:15px;
    }

    .info-card,
    .founder-card{
        padding:28px;
    }

}
.logo-area{
    text-decoration: none;
}
/* ========================= */
/* Founder Social Icons */
/* ========================= */

.founder-socials{
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.founder-socials a{
    text-decoration: none;
    transition: all 0.3s ease;
}

.founder-socials a:hover{
    transform: translateY(-3px);
}

.founder-socials i{
    font-size: 28px;
}

.fa-linkedin{
    color: #0A66C2;
}

.fa-instagram{
    color: #E1306C;
}

@media(max-width:576px){

    .founder-socials{
        justify-content: flex-start;
    }

}