:root{--navy:#0A2A6E;--navy-dark:#061A4A;--blue:#1565C0;--sky:#039BE5;--orange:#F57C00;--ob:#FF6D00;--white:#fff;--off:#F8F9FF;--text:#0D1B3E;--mid:#374151;--muted:#6B7280;--border:#E5E7EB;--s1:0 2px 8px rgba(10,42,110,.08);--s2:0 4px 20px rgba(10,42,110,.13);--s3:0 8px 40px rgba(10,42,110,.18);}

/* ── HERO ── */
.page-hero{background:var(--navy-dark);padding:70px 0 70px;position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;right:-100px;top:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(245,124,0,.1),transparent 68%);pointer-events:none;}
.page-hero .container{position:relative;z-index:1;}
.page-hero h1{font-size:clamp(28px,3vw,44px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-.4px;}
.page-hero h1 em{font-style:normal;color:var(--ob);}
.page-hero p{font-size: 16px;
    color: rgba(255, 255, 255, .65);
    max-width: 980px;
    line-height: 1.75;
  }


/* ── SECTION COMMON ── */
.section{padding:80px 0;}
.section-alt{background:var(--off);}
.sec-label{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:1.5px;font-family:'Poppins',sans-serif;margin-bottom:10px;}
.sec-label::before{content:'';display:block;width:18px;height:2px;background:var(--orange);border-radius:2px;}
.sec-title{font-size:clamp(22px,2.6vw,36px);font-weight:800;color:var(--navy-dark);line-height:1.2;margin-bottom:12px;letter-spacing:-.3px;}
.sec-sub{font-size:15.5px;color:var(--muted);max-width:580px;line-height:1.75;}
.sec-head{margin-bottom:46px;}
.sec-head.c{text-align:center;}
.sec-head.c .sec-label{justify-content:center;}
.sec-head.c .sec-sub{margin:0 auto;}

/* ── OUR STORY ── */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.story-imgs{display:block;}
.story-imgs img{border-radius: 7px;}
.story-img-main{grid-column:1/-1;border-radius:14px;overflow:hidden;height:220px;}
.story-img-main img{width:100%;height:100%;object-fit:cover;display:block;}
.story-img-sm{border-radius:12px;overflow:hidden;height:160px;}
.story-img-sm img{width:100%;height:100%;object-fit:cover;display:block;}
.img-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--off);color:var(--muted);font-size:12px;gap:6px;text-align:center;padding:12px;}
.img-ph .ph-ico{font-size:32px;}
.story-content p{font-size:15px;color:var(--mid);line-height:1.8;margin-bottom:16px;}
.story-content p:last-child{margin-bottom:0;}


/* ── MISSION VISION ── */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mv-card{border-radius:16px;padding:36px 32px;position:relative;overflow:hidden;}
.mv-card.mission{background:var(--navy-dark);}
.mv-card.vision{background:linear-gradient(135deg,#1a3a7a,var(--navy));}
.mv-card::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.04);}
.mv-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;position:relative;z-index:1;}
.mv-card h3{font-size:20px;font-weight:800;color:#fff;margin-bottom:12px;position:relative;z-index:1;}
.mv-card p{font-size:14.5px;color:rgba(255,255,255,.65);line-height:1.8;position:relative;z-index:1;}

/* ── FOUNDER SECTION ── */
.founder-section{background:var(--off);}
.founder-grid{display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:start;}
.founder-img-wrap{position:relative;}
.founder-img{border-radius:16px;overflow:hidden;}
.founder-img img{width:100%;height:480px;object-fit:cover;display:block;}
.founder-badge{position:absolute;bottom:-1px;left:0;right:0;background:linear-gradient(135deg,var(--navy-dark),var(--navy));padding:18px 22px;border-radius:0 0 16px 16px;}
.founder-badge h4{font-size:16px;font-weight:800;color:#fff;margin-bottom:2px;font-family:'Poppins',sans-serif;}
.founder-badge span{font-size:12.5px;color:var(--ob);font-weight:600;}
.founder-content{}
.founder-quote{background:var(--white);border-left:4px solid var(--orange);border-radius:0 12px 12px 0;padding:22px 26px;margin-bottom:28px;box-shadow:var(--s1);}
.founder-quote p{font-size:16px;color:var(--mid);line-height:1.8;font-style:italic;}
.founder-bio p{font-size:15px;color:var(--mid);line-height:1.8;margin-bottom:16px;}
.founder-bio p:last-child{margin-bottom:0;}
.founder-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.f-tag{background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--navy);font-family:'Poppins',sans-serif;}



/* ── TIMELINE ── */
.timeline{position:relative;padding-left:36px;}
.timeline::before{content:'';position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--orange),var(--navy));}
.tl-item{position:relative;margin-bottom:36px;}
.tl-item:last-child{margin-bottom:0;}
.tl-dot{position:absolute;left:-33px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--white);border:3px solid var(--navy);z-index:1;}
.tl-item:nth-child(even) .tl-dot{border-color:var(--orange);}
.tl-year{font-size:12px;font-weight:700;color:var(--orange);font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;}
.tl-item h4{font-size:15.5px;font-weight:700;color:var(--navy-dark);margin-bottom:5px;font-family:'Poppins',sans-serif;}
.tl-item p{font-size:13.5px;color:var(--muted);line-height:1.65;}



/* ── VALUES ── */
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.val-card{text-align:center;padding:32px 22px;background:var(--white);border:1.5px solid var(--border);border-radius:14px;transition:all .2s;}
.val-card:hover{border-color:var(--orange);box-shadow:var(--s1);}
.val-icon{    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    margin-bottom: 15px;}
.val-card h4{font-size:16px;font-weight:700;color:var(--navy-dark);margin-bottom:8px;font-family:'Poppins',sans-serif;}
.val-card p{font-size:13.5px;color:var(--muted);line-height:1.65;}

.val-area{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}


@media(min-width: 220px) and (max-width: 1024px){
.page-hero{padding: 50px 0;}
.page-hero p{margin-bottom:0px;}
.story-grid{grid-template-columns: 1fr; gap: 30px;}
page-hero p { font-size: 15px;}
.section {padding: 50px 0;}
.founder-grid {grid-template-columns: 250px 1fr;}
.founder-img img{height: 330px;}

    
}


@media(min-width: 220px) and (max-width: 767px){
.page-hero h1{font-size:24px;}
.mv-grid{grid-template-columns: 1fr}
.founder-grid{grid-template-columns: 1fr; gap:25px;}
.founder-img img{height: 380px;}
.val-area{grid-template-columns: 1fr; gap:25px;}
.val-card h4 {font-size: 14px;}
.values-grid{grid-template-columns: repeat(1, 1fr);}
.diff-grid {grid-template-columns: repeat(1, 1fr);}
    
    
}