/* =====================================
   UNIVERSAL MOBILE FIXES
   FOR ALL AFFILIATE PAGES
===================================== */

@media (max-width: 768px){

    /* General spacing */
    section{
        padding:60px 15px !important;
    }

    .container{
        padding:0 15px !important;
    }

    /* Headings */
    h1{
        font-size:34px !important;
        line-height:1.2;
    }

    h2{
        font-size:28px !important;
        line-height:1.3;
    }

    h3{
        font-size:20px !important;
    }

    p{
        font-size:15px !important;
    }

    /* Hero stats */
    .hero-stats{
        grid-template-columns:repeat(2,1fr) !important;
        gap:12px !important;
    }

    .hero-stat{
        padding:18px 12px !important;
    }

    .hero-stat h3{
        font-size:26px !important;
    }

    /* Intro stats */
    .intro-stats{
        grid-template-columns:repeat(2,1fr) !important;
        gap:12px !important;
    }

    .stat-card{
        padding:20px 12px !important;
    }

    .stat-card h3{
        font-size:26px !important;
    }

    /* Service cards */
    .services-grid{
        grid-template-columns:repeat(2,1fr) !important;
        gap:15px !important;
    }

    .service-card{
        padding:20px 15px !important;
        border-radius:18px !important;
    }

    .service-icon{
        width:55px !important;
        height:55px !important;
        font-size:24px !important;
        margin-bottom:15px !important;
    }

    .service-card h3{
        font-size:18px !important;
    }

    /* About highlights */
    .about-highlight{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .highlight-box{
        padding:12px !important;
        font-size:14px !important;
    }

    /* Beneficiaries */
    .beneficiary-item{
        padding:15px !important;
    }

    .beneficiary-icon{
        width:50px !important;
        height:50px !important;
        font-size:22px !important;
    }

    /* Contact cards */
    .contact-card{
        padding:15px !important;
    }

    .contact-icon{
        width:50px !important;
        height:50px !important;
        font-size:22px !important;
    }

}

/* Small Phones */
@media (max-width: 480px){

    .services-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .hero-stats{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .intro-stats{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .about-highlight{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .service-card{
        padding:15px 10px !important;
    }

    .service-card h3{
        font-size:16px !important;
    }

    .service-card ul li{
        font-size:13px !important;
        padding-left:20px !important;
    }
}
/* ACHIEVEMENTS MOBILE FIX */
@media (max-width:768px){

    /* Single achievement card fix */
    .services-section:last-of-type .services-grid{
        display:flex !important;
        justify-content:center !important;
    }

    .services-section:last-of-type .service-card{
        width:100% !important;
        max-width:450px !important;
    }

}
@media (max-width:768px){

    .achievements-section .container{
        width:100% !important;
        max-width:100% !important;
        padding:0 15px !important;
    }

    .achievements-section .services-grid{
        display:block !important;
    }

    .achievements-section .service-card{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:25px 20px !important;
    }

}