/* ==========================
    SECTION HEADING
    ========================== */
.section-heading{text-align:center;margin-bottom:26px;}
.section-heading h4{font-size:36px;color:var(--primary);margin:0; font-weight: 800;}
    /* ==========================
    WHY JOIN
    ========================== */
.why-join{padding:50px 0;background:#fff;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}

.why-card{background:#fff;padding:35px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s;}
.why-card:hover{transform:translateY(-5px);}
.why-card h4{color:#4251A2;margin-bottom:15px; font-weight: 700;}
.why-card p{color:#666;line-height:1.8;}
    /* ==========================
    MEMBERSHIP SECTION
    ========================== */
.membership-area{padding:50px 0;background:#f7f8fc;}
.benefits{margin:0px 50px 0px 50px;}
.membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.benefits h4{margin-bottom:25px;color:#4251A2; font-weight: 800;}
.benefits ul{margin:0;padding:0;list-style:none;}
.benefits li{padding:14px 0;border-bottom:1px solid #e5e5e5;color:#444;}
.benefits li::before{content:"✓";color:#C066A4;font-weight:bold;margin-right:12px;}

.join-form-box{background:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.08);margin:0px 50px 0px 50px;}
.join-form-box h4{margin-bottom:25px;color:#4251A2;}
@media (max-width: 767px) {
    .join-form-box {
        margin: 0;
    }
}
    /* ==========================
    WHO CAN JOIN WEP
    ========================== */

.who-can-join{padding:80px 0;background:#fff;}.join-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px;}.join-pill{margin:0 18px;display:flex;align-items:center;gap:25px;padding:17px;background:#fff;border-radius:16px;border:1px solid #ececec;transition:.3s;box-shadow:0 8px 25px rgba(0,0,0,.05);}.join-pill:hover{transform:translateY(-6px);border-color:#4251A2;box-shadow:0 20px 40px rgba(66,81,162,.12);}.join-pill i{width:60px;height:60px;border-radius:50%;background:#4251A2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}.join-pill span{font-size:20px;font-weight:600;color:var(--text-dark);}@media(max-width:991px){.join-cloud{grid-template-columns:repeat(2,1fr);}}@media(max-width:767px){.join-cloud{grid-template-columns:1fr;}
.join-pill{padding:18px;}.join-pill span{font-size:18px;} }
    /* ===================================IMPACT SECTION=================================== */
.impact-section{padding:50px 0;background:linear-gradient(135deg,#C066A4,#5f6ec7);}.impact-section .section-heading h4{color:#fff;}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}.impact-card{background:#fff;border-radius:25px;text-align:center;padding:40px 20px;transition:.3s;}.impact-card:hover{transform:translateY(-10px);}.impact-card span{display:block;font-size:42px;margin-bottom:15px;}
.impact-card h3{font-size:36px;color:#4251A2;margin-bottom:10px;}
.impact-card p{margin:0;color:#666;}
    /* ===================================
    FAQ SECTION
    =================================== */

.faq-section{padding:50px 0;background:#f7f8fc;}
.faq-wrapper{max-width:900px;margin:auto;}
.faq-wrapper details{margin-bottom:20px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);}
.faq-wrapper summary{cursor:pointer;padding:22px 25px;font-size:18px;font-weight:600;color:#4251A2;}
.faq-wrapper p{padding:0 25px 25px;margin:0;line-height:1.8;color:#666;}

@media(max-width:991px){
.join-types{grid-template-columns:repeat(2,1fr);}.impact-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){.join-types,.impact-grid{grid-template-columns:1fr;}
.impact-card h3{font-size:38px;}}
    /* ==========================
    MEMBER STORY
    ========================== */
.member-story{padding:50px 0;background:#ffffff;}

.member-story-grid{display:grid;grid-template-columns:45% 55%;gap:60px;}
.story-image img{width:100%;height:550px;object-fit:cover;border-radius:25px;display:block;}
.story-tag{display:inline-block;padding:8px 18px;border-radius:50px;background:#f4e8f2;color:#C066A4;font-weight:600;margin-bottom:20px;}
.story-content h2{font-size:36px;margin-bottom:20px;color:#4251A2; font-weight: 800;}
.story-stars{color:#ffb400;font-size:24px;margin-bottom:15px;}
.story-content h4{margin:0;font-size:24px;color:#4251A2;}.story-position{display:block;margin:10px 0 25px;color:#777;}
.story-content p{line-height:1.9;color:#555;margin-bottom:20px;}
.story-btn{display:inline-block;padding:15px 35px;border-radius:50px;text-decoration:none;color:#fff;font-weight:600;background:linear-gradient(135deg,#4251A2,#C066A4);}
    /* MOBILE */
@media(max-width:991px){
.member-story-grid{grid-template-columns:1fr;}
.story-image img{height:400px;}
.story-content h2{font-size:32px;}}
    /* ==========================
    CTA SECTION
    ========================== */
.join-cta{position:relative;overflow:hidden;}
.join-cta-image{width:100%;height:500px;object-fit:cover;display:block;}.join-cta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .45);display:flex;align-items:center;justify-content:center;text-align:center;}
.join-cta h2{font-size:48px;color:#fff;margin-bottom:20px; font-weight: 800;}
.join-cta p{max-width:700px;margin:0 auto 30px;color:#fff;line-height:1.8;}
@media(max-width:991px){.why-grid,.membership-grid,.testimonial-grid{grid-template-columns:1fr;}.stats-grid{grid-template-columns:repeat(2,1fr);}.section-heading h2{font-size:34px;}.benefits h4{font-size:32px;}.join-cta h2{font-size:36px;color:#fff;}}
@media(max-width:767px){.join-hero{height:350px;}.hero-btn{padding:14px 30px;font-size:15px;}.section-heading h2{font-size:28px;}.membership-area,.why-join,.stats-section,.testimonial-section,.join-cta{padding:70px 0;}.stats-grid{grid-template-columns:1fr;}.join-form-box{padding:25px;}.join-cta h2{font-size:30px;}.join-cta p{font-size:15px;}}