.elementor-734 .elementor-element.elementor-element-608a2d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6fdf451 *//* =====================================================
ABOUT PAGE - COMPACT PREMIUM VERSION
Colors:
#0A202E
#0B2635
#12CFFF
===================================================== */

.about-page{
    background:#0A202E;
    color:#fff;
    font-family:'Inter',sans-serif;
    overflow:hidden;
    position:relative;
}

/* Ambient Glow */

.about-page:before{
    content:"";
    position:absolute;
    top:-250px;
    left:-250px;
    width:650px;
    height:650px;
    background:radial-gradient(circle,rgba(18,207,255,.08),transparent 70%);
    filter:blur(120px);
    pointer-events:none;
}

.about-page:after{
    content:"";
    position:absolute;
    right:-250px;
    bottom:-250px;
    width:650px;
    height:650px;
    background:radial-gradient(circle,rgba(18,207,255,.06),transparent 70%);
    filter:blur(140px);
    pointer-events:none;
}

.about-container{
    width:90%;
    max-width:1050px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* =========================
HERO
========================= */

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

.breadcrumb{
    color:#8DA8B8;
    font-size:13px;
    margin-bottom:18px;
}

.about-hero h1{
    font-size:48px;
    line-height:1.05;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:-1px;
}

.about-hero p{
    max-width:600px;
    color:#A8BFCC;
    font-size:16px;
    line-height:1.8;
}

/* =========================
SECTION HEADINGS
========================= */

.about-mission h2,
.section-header h2,
.about-cta h2{
    font-size:28px;
    font-weight:700;
    margin-bottom:12px;
}

.section-header{
    text-align:center;
    margin-bottom:35px;
}

.section-header p{
    color:#9FB6C4;
    font-size:14px;
}

/* =========================
MISSION
========================= */

.about-mission{
    padding:60px 0;
}

.mission-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    align-items:center;
}

.mission-left{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.mission-card{

    background:
    linear-gradient(
        180deg,
        rgba(18,51,72,.96),
        rgba(11,38,53,.96)
    );

    border:1px solid rgba(255,255,255,.05);

    border-radius:16px;

    padding:22px;

    transition:.35s ease;

    box-shadow:
    0 0 20px rgba(18,207,255,.03);
}

.mission-card:hover{

    transform:translateY(-4px);

    border-color:rgba(18,207,255,.18);

    box-shadow:
    0 0 25px rgba(18,207,255,.08);
}

.mission-card h3{
    font-size:18px;
    margin-bottom:10px;
}

.mission-card p{
    font-size:14px;
    color:#A7BFCC;
    line-height:1.8;
}

.mission-image{
    overflow:hidden;
    border-radius:18px;
}

.mission-image img{

    width:100%;
    display:block;

    border-radius:18px;

    filter:grayscale(100%);

    transition:.6s ease;
}

.mission-image:hover img{

    filter:grayscale(0);

    transform:scale(1.05);
}

/* =========================
HOW WE WORK
========================= */

.how-we-work{
    padding:70px 0;
}

.work-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.work-card{

    background:
    linear-gradient(
        180deg,
        rgba(18,51,72,.96),
        rgba(11,38,53,.96)
    );

    border:1px solid rgba(255,255,255,.05);

    border-radius:16px;

    padding:22px;

    transition:.35s ease;
}

.work-card:hover{

    transform:translateY(-5px);

    border-color:#12CFFF;

    box-shadow:
    0 0 30px rgba(18,207,255,.10);
}

.work-icon{
    font-size:24px;
    margin-bottom:12px;
}

.work-card h3{
    font-size:18px;
    margin-bottom:10px;
}

.work-card p{
    font-size:14px;
    color:#A8BFCC;
    line-height:1.8;
}

/* =========================
FOUNDER
========================= */

.founder-section{
    padding:80px 0;
}

.founder-grid{
    display:grid;
    grid-template-columns:350px 1fr;
    gap:35px;
    align-items:center;
}

.founder-image{
    overflow:hidden;
    border-radius:22px;
}

.founder-image img{

    width:100%;
    display:block;

    border-radius:22px;

    filter:grayscale(100%);

    transition:.7s ease;
}

.founder-image:hover img{

    filter:grayscale(0);

    transform:scale(1.05);
}

.founder-content h2{
    font-size:38px;
    margin-bottom:5px;
}

.founder-role{
    display:block;
    color:#12CFFF;
    font-size:14px;
    margin-bottom:20px;
}

.founder-content p{
    color:#A8BFCC;
    font-size:14px;
    line-height:1.8;
    margin-bottom:16px;
}

.founder-content blockquote{

    background:rgba(18,207,255,.05);

    border-left:3px solid #12CFFF;

    border-radius:0 14px 14px 0;

    padding:18px;

    font-size:14px;

    margin:20px 0;
}

.founder-buttons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

/* =========================
BUTTONS
========================= */

.btn-primary{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:13px 24px;

    background:#12CFFF;
    color:#00131f;

    text-decoration:none;

    border-radius:10px;

    font-size:14px;
    font-weight:600;

    transition:.35s ease;

    box-shadow:
    0 0 20px rgba(18,207,255,.20);
}

.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
    0 0 35px rgba(18,207,255,.35);
}

.btn-outline{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:13px 24px;

    border-radius:10px;

    border:1px solid rgba(18,207,255,.25);

    color:#fff;

    text-decoration:none;

    font-size:14px;

    transition:.35s ease;
}

.btn-outline:hover{

    border-color:#12CFFF;

    box-shadow:
    0 0 20px rgba(18,207,255,.08);
}

/* =========================
FAQ
========================= */

.about-faq{
    padding:70px 0;
}

.faq-wrapper{
    max-width:820px;
    margin:auto;
}

.faq-item{

    background:
    linear-gradient(
        180deg,
        rgba(18,51,72,.96),
        rgba(11,38,53,.96)
    );

    border:1px solid rgba(255,255,255,.05);

    border-radius:16px;

    margin-bottom:14px;

    overflow:hidden;

    transition:.35s ease;
}

.faq-item:hover{

    border-color:rgba(18,207,255,.18);

    box-shadow:
    0 0 25px rgba(18,207,255,.08);
}

.faq-question{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 22px;

    font-size:15px;
    font-weight:600;

    cursor:pointer;
}

.faq-question span{

    color:#12CFFF;

    font-size:18px;
}

.faq-answer{

    padding:0 22px 18px;

    color:#A8BFCC;

    font-size:14px;

    line-height:1.8;
}

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

.about-cta{
    text-align:center;
    padding:80px 0;
}

.about-cta p{
    color:#A7BFCC;
    font-size:15px;
    margin-bottom:25px;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

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

@media(max-width:991px){

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

    .work-grid{
        grid-template-columns:1fr;
    }

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

    .founder-content h2{
        font-size:32px;
    }
}

@media(max-width:767px){

    .about-hero{
        padding:60px 0 50px;
    }

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

    .about-mission h2,
    .section-header h2,
    .about-cta h2{
        font-size:24px;
    }

    .founder-buttons,
    .cta-buttons{
        flex-direction:column;
    }

    .btn-primary,
    .btn-outline{
        width:100%;
    }

    .mission-card,
    .work-card{
        padding:18px;
    }
}/* End custom CSS */