/* =============================================================
       ABOUT PAGE — NAUKRI STYLE
       ============================================================= */
    *{box-sizing:border-box;}

    /* ===== HERO ===== */
    .ab-hero{
        background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,#0f3460 100%);
        padding:60px 16px 80px;
        position:relative;
        overflow:hidden;
        text-align:center;
    }
    .ab-hero::before{
        content:'';
        position:absolute;inset:0;
        background:
            radial-gradient(circle at 20% 30%, rgba(26,115,232,.25) 0%, transparent 45%),
            radial-gradient(circle at 80% 70%, rgba(52,168,83,.18) 0%, transparent 45%);
        pointer-events:none;
    }
    .ab-hero-inner{
        max-width:900px;margin:0 auto;
        position:relative;z-index:2;
    }
    .ab-hero .eyebrow{
        display:inline-block;
        background:rgba(255,255,255,.1);
        backdrop-filter:blur(10px);
        color:#fff;
        font-size:12px;font-weight:700;
        letter-spacing:1.5px;
        text-transform:uppercase;
        padding:7px 18px;
        border-radius:30px;
        border:1px solid rgba(255,255,255,.15);
        margin-bottom:18px;
    }
    .ab-hero h1{
        color:#fff;
        font-size:44px;
        font-weight:800;
        margin:0 0 16px;
        line-height:1.15;
        letter-spacing:-.5px;
    }
    .ab-hero h1 span{
        background:linear-gradient(135deg,#34a853 0%,#5cd668 100%);
        -webkit-background-clip:text;background-clip:text;
        -webkit-text-fill-color:transparent;
    }
    .ab-hero p.lead{
        color:rgba(255,255,255,.85);
        font-size:17px;
        margin:0 auto;
        max-width:680px;
        line-height:1.65;
        font-style:italic;
    }
    .ab-breadcrumb{
        margin-top:22px;font-size:13.5px;
        color:rgba(255,255,255,.65);
    }
    .ab-breadcrumb a{color:#5cd668;font-weight:600;}
    .ab-breadcrumb i{margin:0 8px;font-size:10px;color:rgba(255,255,255,.45);}

    /* ===== STORY BLOCKS ===== */
    .ab-story{
        padding:80px 16px;
        background:#fff;
    }
    .ab-container{max-width:1180px;margin:0 auto;}
    .ab-row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:60px;
        align-items:center;
        margin-bottom:90px;
    }
    .ab-row:last-child{margin-bottom:0;}
    .ab-row.reverse{direction:rtl;}
    .ab-row.reverse > *{direction:ltr;}

    .ab-img-wrap{position:relative;}
    .ab-img-wrap img.main{
        width:100%;
        border-radius:20px;
        display:block;
        box-shadow:0 16px 40px rgba(0,0,0,.1);
    }
    .ab-img-wrap::before{
        content:'';
        position:absolute;
        top:-14px;left:-14px;
        width:90px;height:90px;
        border:3px solid #1a73e8;
        border-radius:14px;
        z-index:-1;
        opacity:.4;
    }
    .ab-img-wrap::after{
        content:'';
        position:absolute;
        bottom:-14px;right:-14px;
        width:120px;height:120px;
        background:linear-gradient(135deg,#34a853,#5cd668);
        border-radius:18px;
        z-index:-1;
        opacity:.12;
    }

    .ab-text .badge{
        display:inline-block;
        background:#e8f0fe;
        color:#1a73e8;
        font-size:11.5px;
        font-weight:700;
        letter-spacing:1.2px;
        text-transform:uppercase;
        padding:6px 14px;
        border-radius:20px;
        margin-bottom:14px;
    }
    .ab-text h2{
        font-size:34px;
        font-weight:800;
        color:#1a1a2e;
        margin:0 0 18px;
        line-height:1.2;
        letter-spacing:-.3px;
    }
    .ab-text p{
        font-size:16px;
        color:#4b5563;
        line-height:1.75;
        margin:0;
    }
    .ab-text .features{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px;
        margin-top:22px;
    }
    .ab-text .feat-item{
        display:flex;align-items:flex-start;gap:10px;
        font-size:14px;color:#374151;
        font-weight:500;
    }
    .ab-text .feat-item i{
        color:#34a853;font-size:14px;margin-top:3px;flex-shrink:0;
    }

    /* ===== STATS ===== */
    .ab-stats{
        background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);
        padding:70px 16px;
        position:relative;
        overflow:hidden;
    }
    .ab-stats::before{
        content:'';
        position:absolute;inset:0;
        background:
            radial-gradient(circle at 20% 50%, rgba(26,115,232,.2) 0%, transparent 40%),
            radial-gradient(circle at 80% 50%, rgba(52,168,83,.15) 0%, transparent 40%);
    }
    .ab-stats-head{
        text-align:center;
        max-width:600px;margin:0 auto 44px;
        position:relative;z-index:2;
    }
    .ab-stats-head .badge{
        display:inline-block;
        background:rgba(255,255,255,.08);
        color:#fff;
        font-size:11.5px;font-weight:700;
        letter-spacing:1px;text-transform:uppercase;
        padding:6px 14px;border-radius:20px;
        border:1px solid rgba(255,255,255,.15);
        margin-bottom:14px;
    }
    .ab-stats-head h2{
        color:#fff;font-size:32px;
        font-weight:800;margin:0 0 10px;
    }
    .ab-stats-head p{
        color:rgba(255,255,255,.75);
        font-size:15px;line-height:1.6;margin:0;
    }
    .ab-stats-grid{
        max-width:1100px;margin:0 auto;
        display:grid;grid-template-columns:repeat(4,1fr);
        gap:24px;
        position:relative;z-index:2;
    }
    .ab-stat-card{
        text-align:center;color:#fff;
        background:rgba(255,255,255,.04);
        border:1px solid rgba(255,255,255,.1);
        backdrop-filter:blur(10px);
        border-radius:16px;
        padding:32px 18px;
        transition:all .25s;
    }
    .ab-stat-card:hover{
        transform:translateY(-4px);
        background:rgba(255,255,255,.07);
        border-color:rgba(255,255,255,.2);
    }
    .ab-stat-card .ic{
        width:60px;height:60px;
        margin:0 auto 14px;
        background:rgba(255,255,255,.08);
        border:1px solid rgba(255,255,255,.15);
        border-radius:50%;
        display:flex;align-items:center;justify-content:center;
        font-size:22px;
        color:#5cd668;
    }
    .ab-stat-card .num{
        font-size:38px;font-weight:800;
        line-height:1;margin-bottom:6px;
        background:linear-gradient(135deg,#fff 0%,#c8d6f5 100%);
        -webkit-background-clip:text;background-clip:text;
        -webkit-text-fill-color:transparent;
    }
    .ab-stat-card .lbl{
        font-size:13.5px;color:rgba(255,255,255,.75);
        text-transform:uppercase;letter-spacing:.6px;
        font-weight:600;
    }

    /* ===== VISION / MISSION ===== */
    .ab-vm{
        padding:80px 16px;
        background:linear-gradient(160deg,#f0f4ff 0%,#f9fafb 100%);
    }
    .ab-vm-head{
        text-align:center;margin-bottom:44px;
    }
    .ab-vm-head .badge{
        display:inline-block;
        background:#e8f0fe;color:#1a73e8;
        font-size:11.5px;font-weight:700;
        letter-spacing:1.2px;text-transform:uppercase;
        padding:6px 14px;border-radius:20px;margin-bottom:12px;
    }
    .ab-vm-head h2{
        font-size:34px;font-weight:800;color:#1a1a2e;
        margin:0 0 10px;letter-spacing:-.3px;
    }
    .ab-vm-head p{
        font-size:15.5px;color:#6b7280;
        margin:0 auto;max-width:600px;
    }
    .ab-vm-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:24px;
    }
    .ab-vm-card{
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:20px;
        padding:36px 32px;
        box-shadow:0 4px 16px rgba(0,0,0,.05);
        position:relative;
        overflow:hidden;
        transition:all .3s;
    }
    .ab-vm-card::before{
        content:'';
        position:absolute;top:0;left:0;right:0;
        height:4px;
    }
    .ab-vm-card.vision::before{background:linear-gradient(90deg,#1a73e8,#0052cc);}
    .ab-vm-card.mission::before{background:linear-gradient(90deg,#34a853,#1e7e34);}
    .ab-vm-card:hover{
        transform:translateY(-4px);
        box-shadow:0 18px 36px rgba(0,0,0,.1);
    }
    .ab-vm-icon{
        width:62px;height:62px;
        border-radius:16px;
        display:flex;align-items:center;justify-content:center;
        font-size:24px;
        margin-bottom:18px;
    }
    .ab-vm-card.vision .ab-vm-icon{
        background:linear-gradient(135deg,#e8f0fe,#d2e3fc);
        color:#1a73e8;
    }
    .ab-vm-card.mission .ab-vm-icon{
        background:linear-gradient(135deg,#e6f4ea,#c8e6c9);
        color:#1e7e34;
    }
    .ab-vm-card h3{
        font-size:22px;font-weight:800;
        color:#1a1a2e;margin:0 0 12px;
    }
    .ab-vm-card p{
        font-size:15px;color:#4b5563;
        line-height:1.7;margin:0 0 18px;
    }
    .ab-vm-list{
        list-style:none;margin:0;padding:0;
    }
    .ab-vm-list li{
        display:flex;align-items:flex-start;gap:10px;
        font-size:14.5px;color:#374151;
        margin-bottom:12px;
        line-height:1.55;
    }
    .ab-vm-list li i{
        color:#34a853;font-size:14px;
        margin-top:4px;flex-shrink:0;
    }

    /* ===== VALUES STRIP ===== */
    .ab-values{
        padding:70px 16px;background:#fff;
    }
    .ab-values-head{
        text-align:center;margin-bottom:44px;
    }
    .ab-values-head .badge{
        display:inline-block;
        background:#e8f0fe;color:#1a73e8;
        font-size:11.5px;font-weight:700;
        letter-spacing:1.2px;text-transform:uppercase;
        padding:6px 14px;border-radius:20px;margin-bottom:12px;
    }
    .ab-values-head h2{
        font-size:32px;font-weight:800;color:#1a1a2e;
        margin:0 0 10px;
    }
    .ab-values-head p{
        font-size:15px;color:#6b7280;margin:0 auto;max-width:600px;
    }
    .ab-values-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:20px;
    }
    .ab-value-card{
        background:#f9fafb;
        border:1px solid #e5e7eb;
        border-radius:16px;
        padding:28px 22px;
        text-align:center;
        transition:all .25s;
    }
    .ab-value-card:hover{
        background:#fff;
        border-color:#c5d8fc;
        transform:translateY(-4px);
        box-shadow:0 14px 30px rgba(0,0,0,.08);
    }
    .ab-value-card .ic{
        width:60px;height:60px;
        margin:0 auto 16px;
        border-radius:50%;
        background:linear-gradient(135deg,#e8f0fe,#d2e3fc);
        color:#1a73e8;
        display:flex;align-items:center;justify-content:center;
        font-size:22px;
        transition:all .25s;
    }
    .ab-value-card:hover .ic{
        background:linear-gradient(135deg,#1a73e8,#0052cc);
        color:#fff;transform:rotate(-6deg);
    }
    .ab-value-card h4{
        font-size:16px;font-weight:700;
        color:#1a1a2e;margin:0 0 8px;
    }
    .ab-value-card p{
        font-size:13.5px;color:#6b7280;
        line-height:1.6;margin:0;
    }

    /* ===== CTA ===== */
    .ab-cta{
        padding:60px 16px;
        background:linear-gradient(135deg,#1a73e8 0%,#0052cc 100%);
        position:relative;overflow:hidden;
    }
    .ab-cta::before{
        content:'';position:absolute;inset:0;
        background:
            radial-gradient(circle at 0% 0%, rgba(255,255,255,.12) 0%, transparent 50%),
            radial-gradient(circle at 100% 100%, rgba(52,168,83,.2) 0%, transparent 50%);
    }
    .ab-cta-inner{
        max-width:900px;margin:0 auto;
        text-align:center;color:#fff;
        position:relative;z-index:2;
    }
    .ab-cta h2{
        font-size:30px;font-weight:800;
        margin:0 0 12px;line-height:1.25;
    }
    .ab-cta p{
        font-size:15.5px;
        color:rgba(255,255,255,.9);
        margin:0 0 26px;
        line-height:1.6;
    }
    .ab-cta-btns{
        display:flex;justify-content:center;gap:12px;flex-wrap:wrap;
    }
    .ab-cta-btn{
        display:inline-flex;align-items:center;gap:8px;
        padding:13px 28px;
        border-radius:10px;
        font-size:14.5px;font-weight:700;
        transition:all .2s;
    }
    .ab-cta-btn.primary{
        background:#fff;color:#1a73e8;
        box-shadow:0 6px 18px rgba(0,0,0,.15);
    }
    .ab-cta-btn.primary:hover{
        transform:translateY(-2px);color:#0052cc;
        box-shadow:0 10px 24px rgba(0,0,0,.2);
    }
    .ab-cta-btn.outline{
        background:transparent;color:#fff;
        border:1.5px solid rgba(255,255,255,.4);
    }
    .ab-cta-btn.outline:hover{
        background:rgba(255,255,255,.1);
        border-color:#fff;color:#fff;
        transform:translateY(-2px);
    }

    /* ===== RESPONSIVE ===== */
    @media(max-width:991px){
        .ab-row{grid-template-columns:1fr;gap:36px;margin-bottom:60px;}
        .ab-row.reverse{direction:ltr;}
        .ab-row.reverse .ab-img-wrap{order:2;}
        .ab-stats-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
        .ab-vm-grid{grid-template-columns:1fr;}
        .ab-values-grid{grid-template-columns:repeat(2,1fr);}
        .ab-hero h1{font-size:34px;}
    }
    @media(max-width:768px){
        .ab-hero{padding:44px 14px 56px;}
        .ab-hero h1{font-size:26px;}
        .ab-hero p.lead{font-size:14.5px;}
        .ab-story,.ab-vm,.ab-values{padding:48px 14px;}
        .ab-stats{padding:48px 14px;}
        .ab-text h2,.ab-vm-head h2,.ab-stats-head h2,.ab-values-head h2,.ab-cta h2{font-size:22px;}
        .ab-text p{font-size:14.5px;}
        .ab-text .features{grid-template-columns:1fr;}
        .ab-stat-card{padding:24px 14px;}
        .ab-stat-card .num{font-size:30px;}
        .ab-stat-card .ic{width:52px;height:52px;font-size:18px;}
        .ab-vm-card{padding:28px 22px;}
        .ab-vm-card h3{font-size:18px;}
        .ab-img-wrap::before,.ab-img-wrap::after{display:none;}
    }
    @media(max-width:480px){
        .ab-hero h1{font-size:22px;}
        .ab-values-grid{grid-template-columns:1fr;}
        .ab-stats-grid{grid-template-columns:1fr 1fr;}
        .ab-cta-btn{width:100%;justify-content:center;}
    }