.ecosystem-section{padding:0;position:relative}.ecosystem-section .section-header{text-align:center;flex-direction:column;align-items:center;max-width:600px;margin:0 auto 40px;display:flex}.ecosystem-section .section-header .header-badge{color:var(--accent-teal);border:1.5px solid var(--accent-teal);background:#00a8961a;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13.5px;font-weight:800;display:inline-flex}.ecosystem-section .section-header .section-title{color:var(--primary-color);margin-bottom:10px;font-size:32px;font-weight:800}@media (max-width:576px){.ecosystem-section .section-header .section-title{font-size:24px}}.ecosystem-section .section-header .section-subtitle{color:var(--text-dark);opacity:.8;font-size:15px;line-height:1.6}@media (max-width:576px){.ecosystem-section .section-header .section-subtitle{font-size:13.5px}}.ecosystem-section .tabs-container-3d{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.ecosystem-section .tabs-container-3d .tab-btn-3d{color:var(--primary-color);background:var(--white);border:2.5px solid var(--primary-color);box-shadow:0 5px 0 var(--primary-color);cursor:pointer;z-index:1;border-radius:18px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}@media (max-width:576px){.ecosystem-section .tabs-container-3d .tab-btn-3d{justify-content:center;width:100%;padding:10px 18px;font-size:13.5px}}.ecosystem-section .tabs-container-3d .tab-btn-3d:hover{transform:translateY(-2px)}.ecosystem-section .tabs-container-3d .tab-btn-3d:active{box-shadow:0 2px 0 var(--primary-color);transform:translateY(3px)}.ecosystem-section .tabs-container-3d .tab-btn-3d .active-pill-bg{z-index:-1;border-radius:18px;position:absolute;inset:-2.5px}.ecosystem-section .tabs-container-3d .tab-btn-3d.active{color:var(--white)}.ecosystem-section .tabs-container-3d .tab-btn-3d.student-theme.active{background:var(--accent-teal);border-color:var(--primary-color)}.ecosystem-section .tabs-container-3d .tab-btn-3d.teacher-theme.active{background:var(--secondary-color);border-color:var(--primary-color)}.ecosystem-section .tabs-container-3d .tab-btn-3d.parent-theme.active{border-color:var(--primary-color);background:#e53935}.ecosystem-section .ecosystem-stage-card{background:var(--white);border:3.5px solid var(--primary-color);box-shadow:0 12px 0 var(--primary-color),0 20px 40px #0a315214;border-radius:32px;padding:48px;position:relative;overflow:hidden}@media (max-width:768px){.ecosystem-section .ecosystem-stage-card{box-shadow:0 8px 0 var(--primary-color);border-width:3px;border-radius:24px;padding:32px 24px}}.ecosystem-section .ecosystem-stage-card .stage-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}@media (max-width:768px){.ecosystem-section .ecosystem-stage-card .stage-grid{grid-template-columns:1fr;gap:32px}}.ecosystem-section .ecosystem-stage-card .stage-info .role-badge{border-radius:12px;margin-bottom:12px;padding:4px 14px;font-size:12.5px;font-weight:800;display:inline-block}.ecosystem-section .ecosystem-stage-card .stage-info .role-title{color:var(--primary-color);margin-bottom:12px;font-size:26px;font-weight:800}@media (max-width:576px){.ecosystem-section .ecosystem-stage-card .stage-info .role-title{font-size:20px}}.ecosystem-section .ecosystem-stage-card .stage-info .role-description{color:var(--text-dark);opacity:.85;margin-bottom:24px;font-size:15px;line-height:1.65}@media (max-width:576px){.ecosystem-section .ecosystem-stage-card .stage-info .role-description{font-size:13.5px}}.ecosystem-section .ecosystem-stage-card .stage-info .points-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.ecosystem-section .ecosystem-stage-card .stage-info .points-list li{color:var(--primary-color);align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}@media (max-width:576px){.ecosystem-section .ecosystem-stage-card .stage-info .points-list li{font-size:13px}}.ecosystem-section .ecosystem-stage-card .stage-visual-graphic{justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.ecosystem-section .ecosystem-stage-card .stage-visual-graphic .icon-hub-3d{background:var(--white);border:3px solid var(--primary-color);width:110px;height:110px;box-shadow:0 8px 0 var(--primary-color);z-index:2;border-radius:30px;justify-content:center;align-items:center;display:flex}.ecosystem-section .ecosystem-stage-card .stage-visual-graphic .orbit-ring{pointer-events:none;border:2px dashed #0a315226;border-radius:50%;position:absolute}.ecosystem-section .ecosystem-stage-card .stage-visual-graphic .orbit-ring.ring-1{width:180px;height:180px}.ecosystem-section .ecosystem-stage-card .stage-visual-graphic .orbit-ring.ring-2{width:240px;height:240px}.ecosystem-section .ecosystem-stage-card.student-theme .role-badge{color:var(--accent-teal);background:#00a8961f}.ecosystem-section .ecosystem-stage-card.student-theme .check-icon,.ecosystem-section .ecosystem-stage-card.student-theme .icon-hub-3d{color:var(--accent-teal)}.ecosystem-section .ecosystem-stage-card.teacher-theme .role-badge{color:var(--secondary-color);background:#f5a6231f}.ecosystem-section .ecosystem-stage-card.teacher-theme .check-icon,.ecosystem-section .ecosystem-stage-card.teacher-theme .icon-hub-3d{color:var(--secondary-color)}.ecosystem-section .ecosystem-stage-card.parent-theme .role-badge{color:#e53935;background:#e539351f}.ecosystem-section .ecosystem-stage-card.parent-theme .check-icon,.ecosystem-section .ecosystem-stage-card.parent-theme .icon-hub-3d{color:#e53935}
.hero-about-section{padding:100px 0 30px;position:relative;overflow:hidden}@media (max-width:768px){.hero-about-section{padding:40px 0 0}}.hero-about-section .hero-about-grid{grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;gap:40px;display:grid}@media (max-width:992px){.hero-about-section .hero-about-grid{text-align:center;grid-template-columns:1fr;gap:50px}}.hero-about-section .hero-text-content{flex-direction:column;align-items:flex-start;display:flex}@media (max-width:992px){.hero-about-section .hero-text-content{align-items:center}}.hero-about-section .hero-text-content .badge-tag{color:var(--accent-teal);border:1.5px solid var(--accent-teal);background:#00a8961a;border-radius:20px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.hero-about-section .hero-text-content .hero-title{color:var(--primary-color);margin-bottom:16px;font-size:36px;font-weight:800;line-height:1.3}@media (max-width:576px){.hero-about-section .hero-text-content .hero-title{font-size:26px}}.hero-about-section .hero-text-content .hero-description{color:var(--text-dark);opacity:.85;max-width:520px;margin-bottom:20px;font-size:15.5px;line-height:1.7}@media (max-width:576px){.hero-about-section .hero-text-content .hero-description{font-size:14px}}.hero-about-section .hero-text-content .stage-pills-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.hero-about-section .hero-text-content .stage-pills-row .stage-pill{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;transition:transform .2s;box-shadow:0 4px 10px #0000000a}.hero-about-section .hero-text-content .stage-pills-row .stage-pill:hover{transform:translateY(-2px)}.hero-about-section .hero-text-content .stage-pills-row .stage-pill.pill-primary{color:#0dbbb0;background:#0dbbb01f;border:1px solid #0dbbb04d}.hero-about-section .hero-text-content .stage-pills-row .stage-pill.pill-prep{color:#e6a100;background:#ffb8001f;border:1px solid #ffb8004d}.hero-about-section .hero-text-content .stage-pills-row .stage-pill.pill-secondary{color:#6c63ff;background:#6c63ff1f;border:1px solid #6c63ff4d}.hero-about-section .hero-text-content .hero-actions{margin-bottom:24px}.hero-about-section .hero-text-content .hero-trust-badge{color:var(--primary-color);background:#fffc;border:1px solid #0a315214;border-radius:30px;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:600;display:flex}.hero-about-section .hero-text-content .hero-trust-badge .stars-wrapper{gap:2px;display:flex}.hero-about-section .hero-text-content .hero-trust-badge .shield-icon{color:var(--accent-teal)}.hero-about-section .hero-visual-wrapper{justify-content:center;justify-self:flex-end;align-items:center;width:100%;max-width:360px;display:flex;position:relative}@media (max-width:992px){.hero-about-section .hero-visual-wrapper{justify-self:center}}.hero-about-section .hero-visual-wrapper .ambient-glow{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0dbbb040 0%,#ffb80026 50%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute}.hero-about-section .hero-visual-wrapper .floating-decor{z-index:4;border:2px solid var(--bg-light);background:#fff;border-radius:50%;padding:10px;position:absolute;box-shadow:0 8px 20px #0000001a}.hero-about-section .hero-visual-wrapper .floating-decor.decor-star{top:-15px;right:20px}html[lang=ar] .hero-about-section .hero-visual-wrapper .floating-decor.decor-star{left:20px;right:auto}.hero-about-section .hero-visual-wrapper .floating-decor.decor-award{bottom:-15px;left:20px}html[lang=ar] .hero-about-section .hero-visual-wrapper .floating-decor.decor-award{left:auto;right:20px}.hero-about-section .hero-visual-wrapper .floating-decor .text-amber{color:var(--secondary-color)}.hero-about-section .hero-visual-wrapper .floating-decor .text-teal{color:var(--accent-teal)}.hero-about-section .hero-visual-wrapper .logo-card-3d{aspect-ratio:1;background:var(--white);border:4px solid var(--primary-color);width:100%;box-shadow:0 12px 0 var(--primary-color);border-radius:32px;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}@media (max-width:576px){.hero-about-section .hero-visual-wrapper .logo-card-3d{max-width:250px;box-shadow:0 8px 0 var(--primary-color);border-radius:24px;padding:16px}}.hero-about-section .hero-visual-wrapper .logo-card-3d .floating-avatar img{object-fit:contain;width:100%;height:auto}.hero-about-section .hero-visual-wrapper .badge-top-wrapper{z-index:3;position:absolute;top:10px}html[lang=ar] .hero-about-section .hero-visual-wrapper .badge-top-wrapper{right:-15px}html[lang=en] .hero-about-section .hero-visual-wrapper .badge-top-wrapper{left:-15px}@media (max-width:576px){.hero-about-section .hero-visual-wrapper .badge-top-wrapper{top:-12px}html[lang=ar] .hero-about-section .hero-visual-wrapper .badge-top-wrapper{right:-5px}html[lang=en] .hero-about-section .hero-visual-wrapper .badge-top-wrapper{left:-5px}}.hero-about-section .hero-visual-wrapper .badge-bottom-wrapper{z-index:3;position:absolute;bottom:15px}html[lang=ar] .hero-about-section .hero-visual-wrapper .badge-bottom-wrapper{left:-15px}html[lang=en] .hero-about-section .hero-visual-wrapper .badge-bottom-wrapper{right:-15px}@media (max-width:576px){.hero-about-section .hero-visual-wrapper .badge-bottom-wrapper{bottom:-12px}html[lang=ar] .hero-about-section .hero-visual-wrapper .badge-bottom-wrapper{left:-5px}html[lang=en] .hero-about-section .hero-visual-wrapper .badge-bottom-wrapper{right:-5px}}.hero-about-section .hero-visual-wrapper .floating-badge{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 4px 0 var(--primary-color);white-space:nowrap;cursor:pointer;border-radius:14px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}@media (max-width:576px){.hero-about-section .hero-visual-wrapper .floating-badge{border-radius:12px;padding:6px 10px;font-size:11.5px}}.hero-about-section .hero-visual-wrapper .floating-badge .badge-icon.icon-teal{color:var(--accent-teal)}.hero-about-section .hero-visual-wrapper .floating-badge .badge-icon.icon-amber{color:var(--secondary-color)}
.impact-stats-section{background:radial-gradient(circle,#fff 0%,#f4f9fc 100%);padding:0;position:relative}.impact-stats-section .section-header{text-align:center;flex-direction:column;align-items:center;max-width:580px;margin:0 auto 50px;display:flex}.impact-stats-section .section-header .header-badge{color:var(--primary-color);border:1.5px solid var(--primary-color);background:#104e7f14;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13.5px;font-weight:800;display:inline-flex}.impact-stats-section .section-header .section-title{color:var(--primary-color);margin-bottom:10px;font-size:32px;font-weight:800}@media (max-width:576px){.impact-stats-section .section-header .section-title{font-size:24px}}.impact-stats-section .section-header .section-subtitle{color:var(--text-dark);opacity:.8;font-size:15px;line-height:1.6}@media (max-width:576px){.impact-stats-section .section-header .section-subtitle{font-size:13.5px}}.impact-stats-section .impact-stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:992px){.impact-stats-section .impact-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:576px){.impact-stats-section .impact-stats-grid{grid-template-columns:1fr;gap:18px}}.impact-stats-section .stat-card-3d{background:var(--white);border:3.5px solid var(--primary-color);box-shadow:0 8px 0 var(--primary-color),0 14px 25px #0a31520f;text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:32px 20px;transition:transform .25s,box-shadow .25s;display:flex}@media (max-width:576px){.impact-stats-section .stat-card-3d{box-shadow:0 6px 0 var(--primary-color);border-width:3px;border-radius:20px;padding:24px 16px}}.impact-stats-section .stat-card-3d:hover{box-shadow:0 13px 0 var(--primary-color),0 18px 30px #0a31521a;transform:translateY(-5px)}.impact-stats-section .stat-card-3d:hover .stat-icon-wrapper{transform:scale(1.1)rotate(-3deg)}.impact-stats-section .stat-card-3d .stat-icon-wrapper{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;transition:transform .3s;display:flex}.impact-stats-section .stat-card-3d .stat-content{flex-direction:column;align-items:center;display:flex}.impact-stats-section .stat-card-3d .stat-content .stat-number{color:var(--primary-color);margin-bottom:6px;font-size:34px;font-weight:900;line-height:1.1}@media (max-width:576px){.impact-stats-section .stat-card-3d .stat-content .stat-number{font-size:28px}}.impact-stats-section .stat-card-3d .stat-content .stat-number .stat-suffix{color:var(--secondary-color);margin-left:2px}.impact-stats-section .stat-card-3d .stat-content .stat-label{color:var(--text-dark);opacity:.85;font-size:14.5px;font-weight:700}@media (max-width:576px){.impact-stats-section .stat-card-3d .stat-content .stat-label{font-size:13.5px}}.impact-stats-section .stat-card-3d.teal-theme .stat-icon-wrapper{color:var(--accent-teal);border:2px solid var(--accent-teal);background:#00a8961f}.impact-stats-section .stat-card-3d.amber-theme .stat-icon-wrapper{color:var(--secondary-color);border:2px solid var(--secondary-color);background:#f5a6231f}.impact-stats-section .stat-card-3d.blue-theme .stat-icon-wrapper{color:var(--primary-color);border:2px solid var(--primary-color);background:#104e7f1f}.impact-stats-section .stat-card-3d.red-theme .stat-icon-wrapper{color:#e53935;background:#e539351f;border:2px solid #e53935}
.mission-vision-section{background:linear-gradient(#f8fcff00 0%,#eef6fc99 100%);padding:0;position:relative}.mission-vision-section .section-header{text-align:center;flex-direction:column;align-items:center;max-width:600px;margin:0 auto 50px;display:flex}.mission-vision-section .section-header .header-badge{color:var(--secondary-color);border:1.5px solid var(--secondary-color);background:#f5a6231f;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13.5px;font-weight:800;display:inline-flex}.mission-vision-section .section-header .section-title{color:var(--primary-color);margin-bottom:10px;font-size:32px;font-weight:800}@media (max-width:576px){.mission-vision-section .section-header .section-title{font-size:24px}}.mission-vision-section .section-header .section-subtitle{color:var(--text-dark);opacity:.8;font-size:15px;line-height:1.6}@media (max-width:576px){.mission-vision-section .section-header .section-subtitle{font-size:13.5px}}.mission-vision-section .mission-vision-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (max-width:768px){.mission-vision-section .mission-vision-grid{grid-template-columns:1fr;gap:24px}}.mission-vision-section .card-3d{background:var(--white);border:3.5px solid var(--primary-color);box-shadow:0 10px 0 var(--primary-color),0 16px 30px #0a31520f;border-radius:28px;flex-direction:column;height:100%;padding:40px 32px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}@media (max-width:576px){.mission-vision-section .card-3d{box-shadow:0 7px 0 var(--primary-color);border-width:3px;border-radius:22px;padding:30px 24px}}.mission-vision-section .card-3d:hover{box-shadow:0 16px 0 var(--primary-color),0 22px 35px #0a31521f;transform:translateY(-6px)}.mission-vision-section .card-3d:hover .card-icon-box{transform:scale(1.08)rotate(-4deg)}.mission-vision-section .card-3d .card-icon-box{z-index:2;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:24px;transition:transform .3s;display:flex;position:relative}.mission-vision-section .card-3d .card-title{color:var(--primary-color);z-index:2;margin-bottom:12px;font-size:22px;font-weight:800;position:relative}@media (max-width:576px){.mission-vision-section .card-3d .card-title{font-size:19px}}.mission-vision-section .card-3d .card-description{color:var(--text-dark);opacity:.85;z-index:2;font-size:14.5px;line-height:1.7;position:relative}@media (max-width:576px){.mission-vision-section .card-3d .card-description{font-size:13.5px}}.mission-vision-section .card-3d .decorative-circle{pointer-events:none;opacity:.15;z-index:1;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-30px;right:-30px}.mission-vision-section .card-3d.mission-card .card-icon-box{color:var(--accent-teal);border:2px solid var(--accent-teal);background:#00a8961f}.mission-vision-section .card-3d.mission-card .decorative-circle{background:var(--accent-teal)}.mission-vision-section .card-3d.vision-card .card-icon-box{color:var(--secondary-color);border:2px solid var(--secondary-color);background:#f5a6231f}.mission-vision-section .card-3d.vision-card .decorative-circle{background:var(--secondary-color)}
.why-choose-about-section{padding:0;position:relative}.why-choose-about-section .section-header{text-align:center;max-width:680px;margin:0 auto 50px}.why-choose-about-section .section-header .header-badge{color:var(--accent-teal);border:1.5px solid var(--accent-teal);background:#0dbbb01a;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.why-choose-about-section .section-header .section-title{color:var(--primary-color);margin-bottom:12px;font-size:32px;font-weight:800}@media (max-width:576px){.why-choose-about-section .section-header .section-title{font-size:24px}}.why-choose-about-section .section-header .section-subtitle{color:var(--text-dark);opacity:.8;font-size:15px;line-height:1.6}.why-choose-about-section .why-choose-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}@media (max-width:768px){.why-choose-about-section .why-choose-grid{grid-template-columns:1fr;gap:20px}}.why-choose-about-section .why-choose-grid .why-choose-card{background:var(--white);border:2px solid #0000;border-radius:24px;padding:32px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0a31520f}@media (max-width:576px){.why-choose-about-section .why-choose-grid .why-choose-card{padding:24px}}.why-choose-about-section .why-choose-grid .why-choose-card .card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.why-choose-about-section .why-choose-grid .why-choose-card .card-top .icon-wrapper{border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s;display:flex}.why-choose-about-section .why-choose-grid .why-choose-card .card-top .card-badge{border-radius:14px;padding:4px 12px;font-size:12.5px;font-weight:700}.why-choose-about-section .why-choose-grid .why-choose-card .card-title{color:var(--primary-color);margin-bottom:10px;font-size:20px;font-weight:800}.why-choose-about-section .why-choose-grid .why-choose-card .card-desc{color:var(--text-dark);opacity:.82;font-size:14.5px;line-height:1.65}.why-choose-about-section .why-choose-grid .why-choose-card .corner-decoration{opacity:.08;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;right:-20px}html[lang=ar] .why-choose-about-section .why-choose-grid .why-choose-card .corner-decoration{left:-20px;right:auto}.why-choose-about-section .why-choose-grid .why-choose-card.theme-teal{border-color:#0dbbb033}.why-choose-about-section .why-choose-grid .why-choose-card.theme-teal:hover{border-color:#0dbbb0;box-shadow:0 16px 36px #0dbbb026}.why-choose-about-section .why-choose-grid .why-choose-card.theme-teal .icon-wrapper{color:#0dbbb0;background:#0dbbb01f}.why-choose-about-section .why-choose-grid .why-choose-card.theme-teal .card-badge{color:#0dbbb0;background:#0dbbb01a}.why-choose-about-section .why-choose-grid .why-choose-card.theme-teal .corner-decoration{background:#0dbbb0}.why-choose-about-section .why-choose-grid .why-choose-card.theme-amber{border-color:#ffb80033}.why-choose-about-section .why-choose-grid .why-choose-card.theme-amber:hover{border-color:#ffb800;box-shadow:0 16px 36px #ffb80026}.why-choose-about-section .why-choose-grid .why-choose-card.theme-amber .icon-wrapper{color:#d99b00;background:#ffb80024}.why-choose-about-section .why-choose-grid .why-choose-card.theme-amber .card-badge{color:#d99b00;background:#ffb8001f}.why-choose-about-section .why-choose-grid .why-choose-card.theme-amber .corner-decoration{background:#ffb800}.why-choose-about-section .why-choose-grid .why-choose-card.theme-blue{border-color:#0a315226}.why-choose-about-section .why-choose-grid .why-choose-card.theme-blue:hover{border-color:var(--primary-color);box-shadow:0 16px 36px #0a315226}.why-choose-about-section .why-choose-grid .why-choose-card.theme-blue .icon-wrapper{color:var(--primary-color);background:#0a31521a}.why-choose-about-section .why-choose-grid .why-choose-card.theme-blue .card-badge{color:var(--primary-color);background:#0a315214}.why-choose-about-section .why-choose-grid .why-choose-card.theme-blue .corner-decoration{background:var(--primary-color)}.why-choose-about-section .why-choose-grid .why-choose-card.theme-purple{border-color:#6c63ff33}.why-choose-about-section .why-choose-grid .why-choose-card.theme-purple:hover{border-color:#6c63ff;box-shadow:0 16px 36px #6c63ff26}.why-choose-about-section .why-choose-grid .why-choose-card.theme-purple .icon-wrapper{color:#6c63ff;background:#6c63ff1f}.why-choose-about-section .why-choose-grid .why-choose-card.theme-purple .card-badge{color:#6c63ff;background:#6c63ff1a}.why-choose-about-section .why-choose-grid .why-choose-card.theme-purple .corner-decoration{background:#6c63ff}
.story-timeline-section{background:linear-gradient(#0000 0%,#0dbbb008 50%,#0000 100%);padding:0;position:relative}.story-timeline-section .section-header{text-align:center;max-width:680px;margin:0 auto 60px}.story-timeline-section .section-header .header-badge{color:#d99b00;background:#ffb8001f;border:1.5px solid #ffb80066;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.story-timeline-section .section-header .section-title{color:var(--primary-color);margin-bottom:12px;font-size:32px;font-weight:800}@media (max-width:576px){.story-timeline-section .section-header .section-title{font-size:24px}}.story-timeline-section .section-header .section-subtitle{color:var(--text-dark);opacity:.8;font-size:15px;line-height:1.6}.story-timeline-section .timeline-wrapper{max-width:1080px;margin:0 auto;position:relative}.story-timeline-section .timeline-wrapper .timeline-line{z-index:0;background:linear-gradient(90deg,#0dbbb0 0%,#ffb800 50%,#6c63ff 100%);border-radius:4px;height:4px;position:absolute;top:40px;left:5%;right:5%}@media (max-width:992px){.story-timeline-section .timeline-wrapper .timeline-line{display:none}}.story-timeline-section .timeline-wrapper .timeline-steps{z-index:1;grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}@media (max-width:992px){.story-timeline-section .timeline-wrapper .timeline-steps{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width:576px){.story-timeline-section .timeline-wrapper .timeline-steps{grid-template-columns:1fr;gap:24px}}.story-timeline-section .timeline-wrapper .timeline-step-card{background:var(--white);text-align:center;border:2px solid #0000;border-radius:24px;flex-direction:column;align-items:center;padding:28px 22px;transition:all .3s;display:flex;position:relative;box-shadow:0 12px 30px #0a315212}.story-timeline-section .timeline-wrapper .timeline-step-card .step-node{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;display:flex;position:relative;box-shadow:0 8px 20px #00000014}.story-timeline-section .timeline-wrapper .timeline-step-card .step-node .step-number{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000026}html[lang=ar] .story-timeline-section .timeline-wrapper .timeline-step-card .step-node .step-number{left:-6px;right:auto}.story-timeline-section .timeline-wrapper .timeline-step-card .step-year-badge{border-radius:12px;margin-bottom:12px;padding:4px 14px;font-size:13px;font-weight:800;display:inline-block}.story-timeline-section .timeline-wrapper .timeline-step-card .step-title{color:var(--primary-color);margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.35}.story-timeline-section .timeline-wrapper .timeline-step-card .step-desc{color:var(--text-dark);opacity:.8;font-size:13.5px;line-height:1.6}.story-timeline-section .timeline-wrapper .timeline-step-card.color-teal{border-color:#0dbbb033}.story-timeline-section .timeline-wrapper .timeline-step-card.color-teal .step-node{color:#fff;background:#0dbbb0}.story-timeline-section .timeline-wrapper .timeline-step-card.color-teal .step-year-badge{color:#0dbbb0;background:#0dbbb01f}.story-timeline-section .timeline-wrapper .timeline-step-card.color-teal:hover{border-color:#0dbbb0;box-shadow:0 16px 36px #0dbbb026}.story-timeline-section .timeline-wrapper .timeline-step-card.color-amber{border-color:#ffb80033}.story-timeline-section .timeline-wrapper .timeline-step-card.color-amber .step-node{color:#fff;background:#ffb800}.story-timeline-section .timeline-wrapper .timeline-step-card.color-amber .step-year-badge{color:#d99b00;background:#ffb80024}.story-timeline-section .timeline-wrapper .timeline-step-card.color-amber:hover{border-color:#ffb800;box-shadow:0 16px 36px #ffb80026}.story-timeline-section .timeline-wrapper .timeline-step-card.color-purple{border-color:#6c63ff33}.story-timeline-section .timeline-wrapper .timeline-step-card.color-purple .step-node{color:#fff;background:#6c63ff}.story-timeline-section .timeline-wrapper .timeline-step-card.color-purple .step-year-badge{color:#6c63ff;background:#6c63ff1f}.story-timeline-section .timeline-wrapper .timeline-step-card.color-purple:hover{border-color:#6c63ff;box-shadow:0 16px 36px #6c63ff26}.story-timeline-section .timeline-wrapper .timeline-step-card.color-blue{border-color:#0a315233}.story-timeline-section .timeline-wrapper .timeline-step-card.color-blue .step-node{background:var(--primary-color);color:#fff}.story-timeline-section .timeline-wrapper .timeline-step-card.color-blue .step-year-badge{color:var(--primary-color);background:#0a31521a}.story-timeline-section .timeline-wrapper .timeline-step-card.color-blue:hover{border-color:var(--primary-color);box-shadow:0 16px 36px #0a315226}