/* ===================================
   PROGRAMS HERO
=================================== */

.programs-hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding:160px 0 120px;

    background:
    linear-gradient(
    135deg,
    #ffffff,
    #eef7f0);

    overflow:hidden;
}

.programs-content{

    text-align:center;

    max-width:900px;

    margin:auto;
}

.program-tag{

    display:inline-block;

    padding:12px 25px;

    border-radius:50px;

    background:#eef7f0;

    color:#0B7A3E;

    font-weight:700;

    margin-bottom:25px;
}

.programs-content h1{

    font-size:
    clamp(3rem,7vw,7rem);

    line-height:1.05;

    color:#14532D;

    margin-bottom:30px;
}

.programs-content p{

    max-width:750px;

    margin:auto;

    line-height:2;

    color:#64748b;

    font-size:20px;
}

/* FLOW */

.program-flow{

    margin-top:100px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;
}

.flow-step{

    padding:18px 30px;

    background:#fff;

    border-radius:60px;

    font-weight:700;

    color:#14532D;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);
}

.flow-line{

    width:60px;
    height:2px;

    background:#0B7A3E;
}

@media(max-width:768px){

    .program-flow{

        flex-direction:column;
    }

    .flow-line{

        width:2px;
        height:40px;
    }
}
/* ===================================
   PROGRAM NAVIGATOR
=================================== */

.program-nav-section{

    padding:30px 0;

    background:#ffffff;
}

.program-nav-header{

    text-align:center;

    max-width:800px;

    margin:auto;

    margin-bottom:70px;
}

.program-nav-header h2{

    font-size:
    clamp(2rem,4vw,3.5rem);

    color:#14532D;

    margin:20px 0;
}

.program-nav-header p{

    color:#64748b;

    line-height:1.9;
}

/* GRID */

.program-nav-grid{

    display:grid;

    grid-template-columns:
    repeat(5,1fr);

    gap:25px;
}

/* CARD */

.program-nav-card{

    background:#fff;

    border-radius:30px;

    padding:35px 25px;

    text-align:center;

    text-decoration:none;

    border:1px solid #e5e7eb;

    transition:.4s ease;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
}

.program-nav-card:hover{

    transform:
    translateY(-10px);

    border-color:#0B7A3E;

    box-shadow:
    0 25px 50px rgba(11,122,62,.12);
}

.nav-icon{

    width:80px;
    height:80px;

    margin:auto;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#eef7f0;

    font-size:34px;

    margin-bottom:20px;

    transition:.4s;
}

.program-nav-card:hover .nav-icon{

    transform:
    rotate(12deg) scale(1.1);
}

.program-nav-card h3{

    font-size:20px;

    color:#14532D;

    margin-bottom:10px;
}

.program-nav-card span{

    color:#64748b;

    font-size:14px;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .program-nav-grid{

        grid-template-columns:
        repeat(3,1fr);
    }
}

@media(max-width:768px){

    .program-nav-grid{

        grid-template-columns:1fr;
    }
}

/* ===================================
   STARTUP INCUBATION
=================================== */

.startup-section{

    padding:30px 0;

    background:#f8fafc;
}

.startup-grid{

    display:grid;

    grid-template-columns:
    1.1fr .9fr;

    gap:90px;

    align-items:center;
}

.startup-content h2{

    font-size:
    clamp(2.5rem,4vw,4rem);

    line-height:1.2;

    color:#14532D;

    margin:25px 0;
}

.startup-content p{

    color:#64748b;

    line-height:2;

    margin-bottom:20px;
}

/* JOURNEY */

.startup-journey{

    display:flex;

    flex-direction:column;

    align-items:center;
}

.journey-node{

    width:240px;

    background:#fff;

    border-radius:25px;

    padding:25px;

    text-align:center;

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);

    transition:.35s;
}

.journey-node:hover{

    transform:
    translateX(12px);

    box-shadow:
    0 25px 50px rgba(11,122,62,.15);
}

.journey-node span{

    width:55px;
    height:55px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:auto;

    border-radius:50%;

    background:#0B7A3E;

    color:#fff;

    font-weight:700;

    margin-bottom:15px;
}

.journey-node h4{

    color:#14532D;

    font-size:18px;
}

.journey-line{

    width:4px;

    height:45px;

    background:
    linear-gradient(
    #0B7A3E,
    #cbd5e1);
}

@media(max-width:991px){

    .startup-grid{

        grid-template-columns:1fr;
    }
}
/* ===================================
   EDUCATION & TRAINING
=================================== */

.education-section{

    padding:30px 0;

    background:#ffffff;
}

.education-wrapper{

    display:grid;

    grid-template-columns:
    1fr 1fr;

    gap:80px;

    align-items:center;
}

/* PATHWAY */

.education-pathway{

    display:flex;

    flex-direction:column;

    gap:25px;
}

.edu-step{

    position:relative;

    background:#fffdf3;

    border-left:6px solid #F4B400;

    padding:25px 25px 25px 80px;

    border-radius:18px;

    box-shadow:
    0 12px 30px rgba(0,0,0,.06);

    transition:.35s;
}

.edu-step:hover{

    transform:
    translateX(10px);

    box-shadow:
    0 18px 40px rgba(0,0,0,.1);
}

.step-no{

    position:absolute;

    left:20px;
    top:25px;

    width:42px;
    height:42px;

    border-radius:50%;

    background:#F4B400;

    color:#fff;

    display:flex;

    align-items:center;
    justify-content:center;

    font-weight:700;
}

.edu-step h4{

    color:#14532D;

    margin-bottom:10px;
}

.edu-step p{

    color:#64748b;

    line-height:1.8;
}

/* CONTENT */

.education-content h2{

    font-size:
    clamp(2.5rem,4vw,4rem);

    color:#14532D;

    margin:25px 0;

    line-height:1.2;
}

.education-content p{

    color:#64748b;

    line-height:2;

    margin-bottom:20px;
}

@media(max-width:991px){

    .education-wrapper{

        grid-template-columns:1fr;
    }
}
/* ===================================
   AGRICULTURE & NATURAL FARMING
=================================== */

.agriculture-section{

    padding:30px 0;

    background:
    linear-gradient(
    180deg,
    #eef7f0,
    #ffffff);
}

.agri-header{

    max-width:850px;

    margin:auto;

    text-align:center;

    margin-bottom:80px;
}

.agri-header h2{

    font-size:
    clamp(2.5rem,4vw,4rem);

    color:#14532D;

    margin:25px 0;

    line-height:1.2;
}

.agri-header p{

    color:#64748b;

    line-height:2;
}

/* FARM LANDSCAPE */

.farm-landscape{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.farm-strip{

    display:grid;

    grid-template-columns:
    100px 250px 1fr;

    align-items:center;

    gap:30px;

    padding:35px;

    border-radius:24px;

    transition:.35s;

    color:#14532D;
}

.farm-strip span{

    font-size:42px;

    text-align:center;
}

.farm-strip h3{

    font-size:24px;

    font-weight:700;
}

.farm-strip p{

    color:#475569;

    line-height:1.8;
}

/* FIELD COLORS */

.strip-1{
    background:#dff5d8;
}

.strip-2{
    background:#d4f4c7;
}

.strip-3{
    background:#c8efbc;
}

.strip-4{
    background:#bce9b0;
}

.strip-5{
    background:#b0e3a5;
}

.farm-strip:hover{

    transform:
    translateX(12px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.08);
}

@media(max-width:768px){

    .farm-strip{

        grid-template-columns:1fr;

        text-align:center;
    }
}
/* ===================================
   WOMEN ENTREPRENEURSHIP
=================================== */

.women-section{

    padding:30px 0;

    background:#fff8fb;
}

.women-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:90px;
}

.women-header h2{

    font-size:
    clamp(2.5rem,4vw,4rem);

    color:#8B1E5A;

    margin:25px 0;

    line-height:1.2;
}

.women-header p{

    color:#64748b;

    line-height:2;
}

/* LADDER */

.women-ladder{

    max-width:1000px;

    margin:auto;
}

.ladder-step{

    width:60%;

    padding:30px;

    border-radius:25px;

    background:#fff;

    box-shadow:
    0 15px 35px rgba(0,0,0,.06);

    margin-bottom:25px;

    transition:.35s;
}

.ladder-step:hover{

    transform:
    translateY(-8px);

    box-shadow:
    0 25px 50px rgba(0,0,0,.10);
}

/* STAIR EFFECT */

.step-1{
    margin-left:0;
}

.step-2{
    margin-left:10%;
}

.step-3{
    margin-left:20%;
}

.step-4{
    margin-left:30%;
}

.step-5{
    margin-left:40%;
}

/* CONTENT */

.ladder-step h3{

    color:#E11D74;

    font-size:18px;

    margin-bottom:10px;
}

.ladder-step h4{

    color:#8B1E5A;

    font-size:24px;

    margin-bottom:10px;
}

.ladder-step p{

    color:#64748b;

    line-height:1.8;
}

@media(max-width:768px){

    .ladder-step{

        width:100%;

        margin-left:0 !important;
    }
}

/* ===================================
   HANDICRAFTS & RURAL ENTERPRISES
=================================== */

.artisan-section{

    padding:150px 0;

    background:
    linear-gradient(
    135deg,
    #fffaf4,
    #ffffff);
}

.artisan-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:90px;
}

.artisan-header h2{

    font-size:
    clamp(2.5rem,4vw,4rem);

    color:#7C4A03;

    margin:25px 0;

    line-height:1.2;
}

.artisan-header p{

    color:#64748b;

    line-height:2;
}

/* MARKETPLACE */

.artisan-market{

    max-width:1000px;

    margin:auto;
}

.artisan-stall{

    display:flex;

    align-items:center;

    gap:30px;

    background:#fff;

    padding:35px;

    border-radius:30px;

    margin-bottom:30px;

    box-shadow:
    0 15px 35px rgba(0,0,0,.06);

    transition:.35s;
}

.artisan-stall:hover{

    transform:
    translateY(-8px);

    box-shadow:
    0 25px 50px rgba(0,0,0,.10);
}

.artisan-stall.right{

    margin-left:120px;
}

.artisan-stall.left{

    margin-right:120px;
}

.stall-icon{

    min-width:90px;
    height:90px;

    border-radius:24px;

    background:#FFF3E0;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:38px;
}

.stall-content h3{

    color:#7C4A03;

    margin-bottom:12px;

    font-size:24px;
}

.stall-content p{

    color:#64748b;

    line-height:1.8;
}

@media(max-width:768px){

    .artisan-stall{

        flex-direction:column;

        text-align:center;
    }

    .artisan-stall.left,
    .artisan-stall.right{

        margin-left:0;
        margin-right:0;
    }
}
/* ===================================
   PROGRAM IMPACT WALL
=================================== */

.impact-wall-section{

    padding:30px 0;

    background:#0f172a;

    color:#fff;
}

.impact-wall-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:100px;
}

.impact-wall-header h2{

    font-size:
    clamp(2.5rem,4vw,4.5rem);

    margin:25px 0;

    line-height:1.2;
}

.impact-wall-header p{

    opacity:.85;

    line-height:2;
}

/* WALL */

.impact-wall{

    max-width:1100px;

    margin:auto;
}

.impact-row{

    display:grid;

    grid-template-columns:
    320px 1fr;

    gap:50px;

    align-items:center;

    padding:45px 0;

    border-bottom:
    1px solid rgba(255,255,255,.12);
}

.impact-number{

    font-size:
    clamp(4rem,8vw,8rem);

    font-weight:800;

    line-height:1;

    color:#22c55e;
}

.impact-text{

    font-size:24px;

    line-height:1.6;

    color:#e2e8f0;
}

.impact-row:last-child{

    border-bottom:none;
}

.impact-row:hover .impact-number{

    transform:scale(1.05);

    transition:.3s;
}

@media(max-width:768px){

    .impact-row{

        grid-template-columns:1fr;

        gap:20px;

        text-align:center;
    }

    .impact-text{

        font-size:18px;
    }
}
/* ===================================
   PROGRAM MANIFESTO
=================================== */

.program-manifesto{

    position:relative;

    overflow:hidden;

    padding:30px 0;

    background:
    linear-gradient(
    135deg,
    #14532D,
    #0B7A3E);

    color:#fff;
}

.manifesto-bg{

    position:absolute;

    top:50%;

    left:50%;

    transform:
    translate(-50%,-50%);

    font-size:18vw;

    font-weight:900;

    line-height:1;

    color:
    rgba(255,255,255,.05);

    pointer-events:none;
}

.manifesto-content{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:1000px;

    margin:auto;
}

.manifesto-tag{

    display:inline-block;

    padding:14px 28px;

    border-radius:50px;

    background:
    rgba(255,255,255,.12);

    margin-bottom:30px;

    font-weight:700;
}

.manifesto-content h2{

    font-size:
    clamp(3rem,6vw,6rem);

    line-height:1.1;

    margin-bottom:60px;
}

.manifesto-lines{

    display:flex;

    flex-direction:column;

    gap:20px;

    margin-bottom:60px;
}

.manifesto-lines div{

    font-size:32px;

    font-weight:700;

    opacity:.95;
}

.manifesto-content p{

    max-width:750px;

    margin:auto;

    line-height:2;

    font-size:18px;

    opacity:.9;
}

/* MOBILE */

@media(max-width:768px){

    .program-manifesto{

        padding:120px 0;
    }

    .manifesto-lines div{

        font-size:22px;
    }

    .manifesto-content h2{

        font-size:42px;
    }
}