/* ==========================================
   MISSION & VISION — UNDER DEVELOPMENT
========================================== */

.development-page{

    min-height:70vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:120px 0;

    background:var(--white);

    text-align:center;

}

.development-content{

    max-width:760px;

    margin:0 auto;

}

/* Section Tag */

.development-content .section-tag{

    display:inline-block;

    margin-bottom:25px;

    color:var(--primary-green);

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

/* Icon */

.development-icon{

    width:82px;

    height:82px;

    margin:0 auto 30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(46,125,50,.09);

}

.development-icon i{

    font-size:34px;

    color:var(--primary-green);

}

/* Heading */

.development-content h1{

    font-family:var(--heading-font);

    font-size:56px;

    line-height:1.2;

    color:var(--dark);

    margin-bottom:20px;

}

/* Status */

.development-status{

    font-size:20px;

    font-weight:600;

    color:var(--primary-green);

    margin-bottom:20px;

}

/* Description */

.development-description{

    max-width:650px;

    margin:0 auto;

    font-size:17px;

    line-height:1.9;

    color:var(--text);

}

/* Divider */

.development-line{

    width:70px;

    height:2px;

    margin:35px auto;

    background:var(--primary-green);

    opacity:.7;

}

/* Button */

.development-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 24px;

    border-radius:8px;

    background:var(--primary-green);

    color:#fff;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    transition:.3s ease;

}

.development-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

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

@media(max-width:768px){

    .development-page{

        min-height:65vh;

        padding:80px 20px;

    }

    .development-icon{

        width:70px;

        height:70px;

    }

    .development-icon i{

        font-size:28px;

    }

    .development-content h1{

        font-size:38px;

    }

    .development-status{

        font-size:18px;

    }

    .development-description{

        font-size:16px;

    }

}