/* ══════════════════════════════════════════
   E Learn She Earn — Plugin Stylesheet v1.1
   Full-width + Theme Override Fix
   ══════════════════════════════════════════ */

/* ─── FULL WIDTH BREAKOUT — Theme Override ─── */
#else-wrap{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  overflow-x:hidden;
}

/* ─── Reset — theme se isolate karo ─── */
#else-wrap,#else-wrap *{box-sizing:border-box}
#else-wrap p,#else-wrap h1,#else-wrap h2,#else-wrap h3,
#else-wrap h4,#else-wrap ul,#else-wrap ol,#else-wrap li,
#else-wrap a,#else-wrap input,#else-wrap select,
#else-wrap button,#else-wrap form{
  margin:0;padding:0;
  font-family:'DM Sans',system-ui,sans-serif;
  line-height:inherit;
}
#else-wrap a{text-decoration:none}
#else-wrap ul,#else-wrap ol{list-style:none}

/* ─── Base Variables ─── */
#else-wrap{
  font-family:'DM Sans',system-ui,sans-serif;
  color:#2C2C2A;line-height:1.6;font-size:16px;
  --g1:#0F6E56;--g2:#085041;--g3:#04342C;--gm:#1D9E75;
  --gl:#E1F5EE;--gold:#EF9F27;--gold-l:#FAEEDA;--gold-d:#BA7517;
  --dark:#1a1a2e;--text:#2C2C2A;--muted:#5F5E5A;
  --border:#D3D1C7;--white:#ffffff;--bg:#F7FAF9;
  --radius-sm:8px;--radius-md:14px;--radius-lg:20px;
  --shadow-md:0 8px 32px rgba(15,110,86,0.12);
  --shadow-lg:0 20px 60px rgba(15,110,86,0.15);
  --tr:0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}

/* ─── Scroll Animations ─── */
#else-wrap [data-else-animate]{opacity:0;transform:translateY(28px);transition:opacity 0.6s ease,transform 0.6s ease}
#else-wrap [data-else-animate].else-visible{opacity:1;transform:translateY(0)}
#else-wrap [data-delay="1"]{transition-delay:0.1s}
#else-wrap [data-delay="2"]{transition-delay:0.18s}
#else-wrap [data-delay="3"]{transition-delay:0.26s}
#else-wrap [data-delay="4"]{transition-delay:0.34s}
#else-wrap [data-delay="5"]{transition-delay:0.42s}

/* ─── Containers ─── */
.else-container{max-width:1140px;margin:0 auto;padding:0 48px}
.else-container--narrow{max-width:760px;margin:0 auto;padding:0 48px}
@media(max-width:768px){.else-container,.else-container--narrow{padding:0 22px}}

/* ─── Section Base ─── */
.else-section{padding:84px 0}
.else-section__label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gm);margin-bottom:12px;display:block}
.else-section__label--light{color:#9FE1CB}
.else-section__title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.5vw,46px);font-weight:700;color:var(--dark);line-height:1.15;margin-bottom:16px}
.else-section__title--light{color:#fff}
.else-section__sub{color:var(--muted);font-size:16px;line-height:1.8;max-width:620px}
.else-section__sub--light{color:rgba(255,255,255,0.62)}

/* ══════════ HERO ══════════ */
.else-hero{background:linear-gradient(145deg,var(--g1) 0%,var(--g2) 45%,var(--g3) 100%);padding:96px 48px 104px;text-align:center;position:relative;overflow:hidden;width:100%}
@media(max-width:768px){.else-hero{padding:64px 22px 72px}}

.else-hero__bg-circle{position:absolute;border-radius:50%;pointer-events:none;animation:else-float 6s ease-in-out infinite}
.else-hero__bg-circle--1{width:400px;height:400px;top:-110px;right:-100px;background:rgba(255,255,255,0.04)}
.else-hero__bg-circle--2{width:260px;height:260px;bottom:-90px;left:-60px;background:rgba(239,159,39,0.07);animation-delay:2s}
.else-hero__bg-circle--3{width:170px;height:170px;top:38%;left:2%;background:rgba(255,255,255,0.03);animation-delay:4s}
@keyframes else-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.03)}}

.else-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.92);padding:9px 22px;border-radius:50px;font-size:13px;font-weight:500;margin-bottom:28px;position:relative;z-index:1}
.else-hero__badge-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;animation:else-pulse 2s infinite;flex-shrink:0}
@keyframes else-pulse{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,0.5)}50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}

.else-hero__title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,5.5vw,70px);font-weight:900;color:#fff;line-height:1.05;margin-bottom:12px;position:relative;z-index:1}
.else-hero__title em{color:#FAC775;font-style:normal}
.else-hero__title-sub{font-family:'DM Sans',sans-serif;font-size:clamp(18px,2.5vw,30px);font-weight:300;color:rgba(255,255,255,0.7);display:block;margin-top:6px}

.else-hero__desc{color:rgba(255,255,255,0.72);font-size:clamp(14px,1.6vw,18px);max-width:600px;margin:20px auto 42px;line-height:1.8;position:relative;z-index:1}
.else-hero__desc strong{color:#FAC775;font-weight:600}

.else-hero__cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:56px;position:relative;z-index:1}
.else-btn{display:inline-block;padding:15px 36px;border-radius:50px;font-size:15px;font-weight:600;text-decoration:none;transition:all var(--tr);cursor:pointer;border:none;font-family:'DM Sans',sans-serif;letter-spacing:0.2px}
.else-btn--gold{background:var(--gold);color:#fff;box-shadow:0 4px 20px rgba(239,159,39,0.38)}
.else-btn--gold:hover{background:var(--gold-d);transform:translateY(-2px);box-shadow:0 8px 28px rgba(239,159,39,0.45);color:#fff}
.else-btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.42)}
.else-btn--outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.75);transform:translateY(-2px);color:#fff}

.else-hero__stats{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-lg);padding:26px 40px;position:relative;z-index:1}
.else-hero__stat{text-align:center;padding:0 34px}
.else-hero__stat-num{display:block;font-family:'Playfair Display',serif;font-size:clamp(28px,3.5vw,44px);font-weight:700;color:#fff;line-height:1}
.else-hero__stat-num--free{font-size:clamp(20px,2.5vw,30px);color:#FAC775}
.else-hero__stat-label{display:block;font-size:11px;color:rgba(255,255,255,0.52);margin-top:5px;letter-spacing:0.3px}
.else-hero__stat-divider{width:1px;height:50px;background:rgba(255,255,255,0.18)}
@media(max-width:600px){.else-hero__stat-divider{display:none}.else-hero__stat{padding:10px 16px}.else-hero__stats{padding:20px 14px}}

/* ══════════ ABOUT / FEATURES ══════════ */
.else-about{background:var(--bg)}
.else-features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
@media(max-width:960px){.else-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.else-features{grid-template-columns:1fr}}

.else-feat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 24px;position:relative;overflow:hidden;transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}
.else-feat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(15,110,86,0.28)}
.else-feat-card__accent{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gm)}
.else-feat-card__accent--gold{background:var(--gold)}
.else-feat-card__icon{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}
.else-feat-card__icon--green{background:var(--gl)}
.else-feat-card__icon--gold{background:var(--gold-l)}
.else-feat-card__title{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:8px}
.else-feat-card__text{font-size:13px;color:var(--muted);line-height:1.65}

/* ══════════ COURSES ══════════ */
.else-courses-section{background:var(--dark);padding:84px 0}
.else-courses{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
@media(max-width:900px){.else-courses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.else-courses{grid-template-columns:1fr}}

.else-course-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:var(--radius-md);padding:30px 22px;text-align:center;transition:all var(--tr);cursor:pointer;position:relative;overflow:hidden}
.else-course-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,158,117,0.15),transparent);opacity:0;transition:opacity var(--tr)}
.else-course-card:hover{border-color:rgba(29,158,117,0.5);transform:translateY(-4px)}
.else-course-card:hover::before{opacity:1}
.else-course-card__icon{font-size:40px;margin-bottom:16px;display:block;transition:transform var(--tr)}
.else-course-card:hover .else-course-card__icon{transform:scale(1.12)}
.else-course-card h3{color:#fff;font-size:15px;font-weight:600;margin-bottom:7px}
.else-course-card p{color:rgba(255,255,255,0.48);font-size:12px;line-height:1.55}
.else-course-card__tag{display:inline-block;margin-top:14px;background:rgba(29,158,117,0.2);color:#9FE1CB;padding:4px 14px;border-radius:50px;font-size:11px;font-weight:600}

/* ══════════ ELIGIBILITY ══════════ */
.else-elig-section{background:var(--white)}
.else-elig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
@media(max-width:800px){.else-elig-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.else-elig-grid{grid-template-columns:1fr}}

.else-elig-item{display:flex;align-items:flex-start;gap:14px;background:var(--bg);border:1px solid transparent;border-radius:14px;padding:18px;transition:all var(--tr)}
.else-elig-item:hover{border-color:var(--gm);background:var(--gl)}
.else-elig-check{width:30px;height:30px;min-width:30px;border-radius:50%;background:var(--g1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.else-elig-item p{font-size:14px;color:var(--text);line-height:1.55}

/* ══════════ PROCESS ══════════ */
.else-process-section{background:var(--bg)}
.else-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:44px}
@media(max-width:860px){.else-steps{grid-template-columns:repeat(3,1fr);gap:28px 0}}
@media(max-width:480px){.else-steps{grid-template-columns:1fr;gap:20px}}

.else-step{text-align:center;padding:0 10px;position:relative}
.else-step__num{width:58px;height:58px;border-radius:50%;background:var(--g1);color:#fff;font-family:'Playfair Display',serif;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:1;box-shadow:0 4px 18px rgba(15,110,86,0.3);transition:transform var(--tr),box-shadow var(--tr)}
.else-step:hover .else-step__num{transform:scale(1.1);box-shadow:0 8px 26px rgba(15,110,86,0.42)}
.else-step__line{position:absolute;top:29px;left:calc(50% + 30px);width:calc(100% - 60px);height:2px;background:linear-gradient(90deg,var(--gm),rgba(29,158,117,0.15))}
.else-step:last-child .else-step__line{display:none}
@media(max-width:860px){.else-step__line{display:none}}
.else-step h3{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:6px}
.else-step p{font-size:12px;color:var(--muted);line-height:1.55}

/* ══════════ FORM ══════════ */
.else-form-section{background:linear-gradient(160deg,var(--gl) 0%,var(--bg) 65%);padding:84px 0}
.else-form-box{background:var(--white);border-radius:24px;border:1px solid var(--border);padding:50px 46px;box-shadow:var(--shadow-lg)}
@media(max-width:640px){.else-form-box{padding:28px 22px}}

.else-form-box__header{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.else-form-box__header-icon{width:58px;height:58px;border-radius:50%;background:var(--gl);border:2px solid var(--gm);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.else-form-box__title-urdu{font-family:'Noto Nastaliq Urdu',Georgia,serif;font-size:clamp(17px,2.5vw,24px);font-weight:700;color:var(--dark);direction:rtl;text-align:right;line-height:1.5}
.else-form-box__sub-urdu{font-family:'Noto Nastaliq Urdu',Georgia,serif;font-size:13px;color:var(--muted);direction:rtl;text-align:right;margin-top:4px}
.else-form-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:20px 0 28px}

.else-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:580px){.else-form-grid{grid-template-columns:1fr}}
.else-field{display:flex;flex-direction:column;gap:7px}
.else-field--full{grid-column:1/-1}
.else-field__label{font-size:12px;font-weight:600;color:var(--text);display:block}
.else-field__label--urdu{font-family:'Noto Nastaliq Urdu',Georgia,serif;font-size:15px;direction:rtl;text-align:right}
.else-field__input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:13px 16px;font-size:14px;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);outline:none;transition:all var(--tr);-webkit-appearance:none}
.else-field__input:hover{border-color:#B4B2A9}
.else-field__input:focus{border-color:var(--gm);background:var(--white);box-shadow:0 0 0 3px rgba(29,158,117,0.12)}
.else-field__input::placeholder{color:#B4B2A9}
.else-field__input.else-input--error{border-color:#E24B4A;box-shadow:0 0 0 3px rgba(226,75,74,0.1)}
.else-field__error{font-size:11px;color:#A32D2D;min-height:14px;display:block}

.else-course-picker{display:flex;flex-wrap:wrap;gap:10px}
.else-course-btn{border:1.5px solid var(--border);background:var(--bg);border-radius:50px;padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--tr);font-family:'DM Sans',sans-serif;color:var(--text)}
.else-course-btn:hover{border-color:var(--gm);background:var(--gl)}
.else-course-btn.else-course-btn--active{background:var(--g1);border-color:var(--g1);color:#fff;box-shadow:0 4px 14px rgba(15,110,86,0.3)}

.else-submit-btn{width:100%;background:var(--g1);color:#fff;border:none;border-radius:14px;padding:18px;font-size:16px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;margin-top:6px;letter-spacing:0.3px;transition:all var(--tr);position:relative;overflow:hidden}
.else-submit-btn:hover{background:var(--g2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(15,110,86,0.38)}
.else-submit-btn:active{transform:translateY(0)}
.else-submit-btn:disabled{opacity:0.65;cursor:not-allowed;transform:none}
.else-form-note{font-size:12px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.6}

.else-success-msg{text-align:center;padding:48px 24px;animation:else-successIn 0.5s ease-out}
@keyframes else-successIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}
.else-success-msg__icon{font-size:60px;margin-bottom:18px}
.else-success-msg h3{font-family:'Noto Nastaliq Urdu',Georgia,serif;font-size:clamp(17px,3vw,24px);color:var(--g1);direction:rtl;margin-bottom:12px}
.else-success-msg p{font-size:15px;color:var(--muted)}

/* ══════════ FAQ ══════════ */
.else-faq-section{background:var(--white)}
.else-faq-list{margin-top:36px;display:flex;flex-direction:column;gap:10px;max-width:900px}
.else-faq-item{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--tr)}
.else-faq-item.else-faq--open{border-color:var(--gm)}
.else-faq-q{width:100%;padding:18px 22px;font-size:15px;font-weight:600;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--white);border:none;text-align:left;font-family:'DM Sans',sans-serif;transition:background var(--tr)}
.else-faq-q:hover{background:var(--bg)}
.else-faq--open .else-faq-q{background:var(--gl);color:var(--g1)}
.else-faq-arrow{font-size:22px;color:var(--gm);font-weight:300;line-height:1;transition:transform 0.3s ease;flex-shrink:0;margin-left:14px}
.else-faq--open .else-faq-arrow{transform:rotate(45deg)}
.else-faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.25s ease;font-size:14px;color:var(--muted);line-height:1.75;padding:0 22px}
.else-faq--open .else-faq-a{max-height:300px;padding:14px 22px 20px}
.else-faq-a a{color:var(--g1)}

/* ══════════ FOOTER ══════════ */
.else-footer{background:var(--dark);padding:50px 48px;text-align:center}
.else-footer__brand{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}
.else-footer__tagline{color:rgba(255,255,255,0.42);font-size:14px;margin-bottom:12px}
.else-footer__email{color:#9FE1CB;font-size:14px;text-decoration:none;display:block;margin-bottom:16px}
.else-footer__email:hover{color:#5DCAA5}
.else-footer__copy{font-size:11px;color:rgba(255,255,255,0.22);margin-top:6px}

/* ══════════ RESPONSIVE ══════════ */
@media(max-width:768px){
  .else-section,.else-courses-section,.else-form-section{padding:56px 0}
  .else-footer{padding:38px 22px}
}
@media(max-width:480px){
  .else-section,.else-courses-section,.else-form-section{padding:44px 0}
  .else-hero{padding:56px 16px 64px}
}