.volunteers-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 6% 4rem;gap:52px;isolation:isolate;background:linear-gradient(180deg,#000,#0e2e5e);overflow:hidden}@media(min-width:768px){.volunteers-hero{padding:24px 11% 4rem}}.volunteers-hero__ellipse{position:absolute;width:120%;aspect-ratio:1;pointer-events:none}.volunteers-hero__ellipse--red{left:-60%;top:-14%;background:radial-gradient(circle,#c8102e99,#c8102e00 60%);z-index:0}.volunteers-hero__ellipse--navy{left:40%;top:-14%;background:radial-gradient(circle,#0e2e5ed9,#0e2e5e00 60%);z-index:1}.volunteers-hero__inner{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;max-width:1180px;margin:110px auto 0;padding:0 1.5rem;text-align:center}.volunteers-hero__headings{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.volunteers-hero__title{font-family:Plus Jakarta Sans,Noto Kufi Arabic,Outfit,Noto Sans Arabic,system-ui,sans-serif;font-weight:600;font-size:1.875rem;line-height:40px;letter-spacing:-.72px;color:#fff}@media(min-width:768px){.volunteers-hero__title{font-size:2.25rem}}.volunteers-hero__subtitle{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:380;font-size:.875rem;line-height:18px;color:#fff;opacity:.8;max-width:720px}.volunteers-hero__ctas{display:flex;flex-direction:column;align-items:center;gap:16px}@media(min-width:640px){.volunteers-hero__ctas{flex-direction:row;gap:20px}}.volunteers-hero__cta{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:128px;font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:500;font-size:.875rem;line-height:18px;text-decoration:none;transition:opacity .15s ease}.volunteers-hero__cta:hover{opacity:.9}.volunteers-hero__cta svg{width:18px;height:18px}.volunteers-hero__cta--primary{background:#fff;color:#0e0e0e}.volunteers-about{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 6%;gap:44px;background:#f7f5f2}@media(min-width:768px){.volunteers-about{padding:64px 17.6%}}.volunteers-about__inner{display:flex;flex-direction:column;gap:44px;width:100%;max-width:980px}.volunteers-about__row{display:flex;flex-direction:column;align-items:stretch;gap:32px}@media(min-width:768px){.volunteers-about__row{flex-direction:row;align-items:center;gap:64px}}.volunteers-about__text{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:32px 0;flex:1;min-width:0}.volunteers-about__headings{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}.volunteers-about__badge{display:inline-flex;justify-content:center;align-items:center;padding:6px 8px;background:#c8102e;border-radius:8px;font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:600;font-size:11px;line-height:12px;letter-spacing:1px;text-transform:uppercase;color:#fff}.volunteers-about__title{font-family:Plus Jakarta Sans,Noto Kufi Arabic,Outfit,Noto Sans Arabic,system-ui,sans-serif;font-weight:600;font-size:1.875rem;line-height:34px;letter-spacing:-.3px;color:#08101b;align-self:stretch}.volunteers-about__description{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:380;font-size:.875rem;line-height:18px;color:#6c6a67;align-self:stretch}.volunteers-about__image{flex:1;min-width:0;aspect-ratio:458/336;border-radius:32px;background-color:#e8e9eb;background-size:cover;background-position:center}.volunteers-about__stats{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:2px solid #E5DFDF;border-radius:32px}@media(min-width:640px){.volunteers-about__stats{flex-wrap:nowrap;align-items:stretch}}.volunteers-about__stat{display:flex;flex-direction:column;align-items:flex-start;flex:0 1 calc(50% - 4px);padding:16px;gap:8px;min-width:0;background:#fff;border-radius:20px}@media(min-width:640px){.volunteers-about__stat{flex:1 1 0;padding:24px;gap:12px;border-radius:24px}}.volunteers-about__stat-value{font-family:Plus Jakarta Sans,Noto Kufi Arabic,Outfit,Noto Sans Arabic,system-ui,sans-serif;font-weight:600;font-size:1.25rem;line-height:24px;color:#c8102e;align-self:stretch}@media(min-width:640px){.volunteers-about__stat-value{font-size:1.5rem;line-height:28px}}.volunteers-about__stat-label{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:380;font-size:.75rem;line-height:16px;color:#08101b;opacity:.64;align-self:stretch}@media(min-width:640px){.volunteers-about__stat-label{font-size:.875rem;line-height:18px}}.volunteers-form{position:relative;display:flex;align-items:flex-start;padding:4rem max(17.6%,(100% - 1180px) / 2);gap:64px;background:#0e2e5e;overflow:hidden;isolation:isolate}@media(max-width:768px){.volunteers-form{flex-direction:column;padding:3rem 1rem;gap:32px}}.volunteers-form__ellipse{position:absolute;width:900px;height:760px;left:20%;top:-80px;background:radial-gradient(ellipse at center,#c8102e99,#1b6b5a73 40%,#1b6b5a00 72%);pointer-events:none;z-index:0}.volunteers-form__text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:32px 0;gap:44px;width:380px;flex-shrink:0}@media(max-width:768px){.volunteers-form__text{width:100%;padding:0}}.volunteers-form__text-top{display:flex;flex-direction:column;gap:28px}.volunteers-form__text-header{display:flex;flex-direction:column;gap:16px}.volunteers-form__badge{display:inline-flex;align-items:center;padding:6px 8px;background:#c8102e;border-radius:8px;font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:600;font-size:11px;line-height:12px;letter-spacing:1px;text-transform:uppercase;color:#fff;width:fit-content}.volunteers-form__title{font-family:Plus Jakarta Sans,Noto Kufi Arabic,Outfit,Noto Sans Arabic,system-ui,sans-serif;font-weight:600;font-size:2.25rem;line-height:40px;letter-spacing:-.72px;color:#fff}.volunteers-form__desc{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:380;font-size:.875rem;line-height:18px;color:#fff;opacity:.8}.volunteers-form__info{display:flex;flex-direction:column;gap:20px}.volunteers-form__info-item{display:flex;align-items:center;gap:16px}.volunteers-form__info-item svg{flex-shrink:0;color:#fff}.volunteers-form__info-text{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:360;font-size:1rem;line-height:20px;color:#fff}.volunteers-form__form-card{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;gap:32px;flex:1;min-width:0;background:#fff;border-radius:32px}@media(max-width:768px){.volunteers-form__form-card{width:100%;padding:24px}}.volunteers-form__form{display:flex;flex-direction:column;gap:24px;width:100%}.volunteers-form__form-row{display:flex;gap:20px}@media(max-width:640px){.volunteers-form__form-row{flex-direction:column;gap:16px}}.volunteers-form__field{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.volunteers-form__field--full{width:100%}.volunteers-form__label{padding:0 12px;font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:400;font-size:.75rem;line-height:16px;color:#08101b}.volunteers-form__input,.volunteers-form__textarea{padding:10px 12px;border:1px solid #e1dfdc;border-radius:12px;font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:400;font-size:.75rem;line-height:16px;color:#08101b;outline:none;transition:border-color .2s ease;background:#fff;width:100%}.volunteers-form__input::placeholder,.volunteers-form__textarea::placeholder{color:#8b8d98}.volunteers-form__input:focus,.volunteers-form__textarea:focus{border-color:#c8102e}.volunteers-form__textarea{min-height:104px;resize:vertical}.volunteers-form__required{color:#d92d20;margin-inline-start:2px}.volunteers-form__dropdown{display:flex;width:100%}.volunteers-form__dropdown .dropdown__trigger{width:100%;justify-content:space-between;height:40px;padding:10px 12px;background:#fff;border:1px solid #e1dfdc;border-radius:12px;font-size:.75rem;line-height:16px;color:#08101b}.volunteers-form__dropdown .dropdown__trigger:hover{background:#fff}.volunteers-form__dropdown .dropdown__trigger:focus-visible{border-color:#c8102e}.volunteers-form__dropdown .dropdown__value--placeholder{color:#8b8d98}.volunteers-form__checks{border:none;padding:0;margin:0}.volunteers-form__check{display:flex;align-items:center;gap:10px;cursor:pointer}.volunteers-form__checkbox{width:18px;height:18px;accent-color:#C8102E;cursor:pointer;flex-shrink:0}.volunteers-form__check-label{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-size:.875rem;line-height:18px;color:#08101b}.volunteers-form__submit{display:flex;align-items:center;justify-content:center;padding:4px;width:fit-content;background:#c8102e;border-radius:32px;border:none;cursor:pointer;transition:opacity .15s ease}.volunteers-form__submit:hover{opacity:.9}.volunteers-form__submit:disabled{opacity:.5;cursor:not-allowed}.volunteers-form__submit-inner{display:flex;align-items:center;justify-content:center;padding:6px 12px;gap:10px}.volunteers-form__submit-label{font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-weight:500;font-size:.875rem;line-height:18px;color:#fff}.volunteers-form__submit-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border-radius:32px}.volunteers-form__submit-icon svg{width:18px;height:18px;color:#08101b}.volunteers-form__submit-spin{animation:volunteers-form-spin .8s linear infinite}.volunteers-form__alert{padding:10px 14px;border-radius:10px;font-family:Outfit,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-size:.875rem;line-height:18px;animation:volunteers-form-alert-in .26s cubic-bezier(.22,1,.36,1) both}.volunteers-form__alert--error{background:#fee7e7;color:#b42318;border:1px solid #fda29b}.volunteers-form__alert--success{background:#e3f8ee;color:#027a48;border:1px solid #6ce9a6}@keyframes volunteers-form-spin{to{transform:rotate(360deg)}}@keyframes volunteers-form-alert-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.volunteers-form__alert,.volunteers-form__submit-spin{animation:none}}
