@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('jenan-tajawal-400.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('jenan-tajawal-500.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('jenan-tajawal-700.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url('jenan-tajawal-800.ttf') format('truetype')}

.jw-home,.jw-header{--jw-ink:#332f38;--jw-paper:#fffdf8;--jw-pink:#fad6e2;--jw-lilac:#ded7ef;--jw-yellow:#fff0b0;color:var(--jw-ink);background:var(--jw-paper);font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7;letter-spacing:0;text-align:right;direction:rtl}
.jw-home *,.jw-header *{box-sizing:border-box}
.jw-home a,.jw-header a{color:inherit;text-decoration:none}
.jw-home button,.jw-header button,.jw-header input{font:inherit;letter-spacing:0}
.jw-home :focus-visible,.jw-header :focus-visible{outline:3px solid #66518e;outline-offset:5px}
.jw-home h1,.jw-home h2,.jw-home h3{font-family:inherit;color:var(--jw-ink);font-style:normal;letter-spacing:0;text-transform:none}
.jw-width{max-width:1440px;margin-inline:auto}
.jw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:22px;padding:38px 28px 30px}
.jw-copy{padding-inline:18px 0;position:relative;z-index:1}
.jw-eyebrow{margin:0 0 12px;font-size:clamp(18px,1.7vw,25px);font-weight:700}
.jw-title{margin:0 0 22px;font-size:clamp(38px,5.4vw,79px);font-weight:800;line-height:1.4}
.jw-title span{display:block}
.jw-title-mark{width:fit-content;max-width:100%;padding-inline:12px;background:var(--jw-yellow);border-radius:48% 8% 38% 9% / 8% 32% 9% 22%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.jw-description{margin:0 0 24px;font-size:clamp(17px,1.5vw,23px);font-weight:500;line-height:1.8}
.jw-actions{display:flex;gap:12px;flex-wrap:wrap}
.jw-button{min-height:50px;padding:11px 23px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1.5px solid #c47491;border-radius:13px;background:var(--jw-pink);font-size:18px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}
.jw-button--secondary{background:var(--jw-lilac);border-color:#9685b7}
.jw-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgb(52 44 61 / 8%)}
.jw-arrow{font-family:Arial,sans-serif;font-size:25px;line-height:1}
.jw-art{position:relative;min-width:0}
.jw-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.jw-bubble{position:absolute;inset-inline-start:21%;top:2%;padding:6px 16px;border:2px solid #544951;border-radius:52% 48% 48% 10%;background:#fffdf8;font-size:clamp(15px,1.6vw,22px);font-weight:700;transform:rotate(3deg)}
.jw-mantra{position:relative;background:var(--jw-lilac);padding:14px 20px;text-align:center}
.jw-mantra:before{content:'';position:absolute;inset: -11px 0 auto;height:12px;background:radial-gradient(ellipse at 50% 100%,var(--jw-lilac) 66%,transparent 68%) 0 0/32px 14px repeat-x}
.jw-mantra-list{list-style:none;display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,46px);padding:0;margin:0;font-size:clamp(17px,1.9vw,24px);font-weight:700;flex-wrap:wrap}
.jw-mantra-list li+li:before{content:'✦';margin-inline-end:clamp(12px,3vw,46px);font-size:18px}
.jw-categories{padding:26px 28px 46px;scroll-margin-top:24px}
.jw-categories>h2{text-align:center;font-size:clamp(26px,2.6vw,39px);font-weight:800;margin:0 0 22px;line-height:1.5}
.jw-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jw-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;border-radius:23px;background:var(--jw-card-bg,#fadDE8);transition:transform .18s ease,box-shadow .18s ease}
.jw-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px rgb(60 40 62 / 9%)}
.jw-card:focus-within{outline:3px solid #66518e;outline-offset:5px}
.jw-card-portrait{width:100%;aspect-ratio:1/1;background-image:var(--jw-mascots);background-size:300% 100%;background-position:var(--jw-portrait,100%) center;background-repeat:no-repeat;flex-shrink:0}
.jw-card-custom{display:block;width:100%;height:auto;max-width:100%;min-width:0;aspect-ratio:1/1;object-fit:contain;flex-shrink:0}
.jw-card-copy{padding:15px 23px 22px}
.jw-card h3{font-size:clamp(23px,2vw,30px);font-weight:800;margin:0 0 5px;line-height:1.5}
.jw-card p{font-size:18px;margin:0 0 14px;line-height:1.65}
.jw-card-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:16px;font-weight:700}
.jw-card-link:after{content:'';position:absolute;inset:0}
.jw-card-link .jw-arrow{display:flex;align-items:center;justify-content:center;background:#fffdf8;width:42px;height:42px;border-radius:50%}
.jw-links-row{display:flex;flex-wrap:wrap;justify-content:center;gap:13px 26px;margin-top:24px;font-size:17px;font-weight:700}
.jw-links-row a{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1180px){.jw-card{flex-direction:row;align-items:center;min-height:228px}.jw-card-portrait,.jw-card-custom{width:50%;order:2}.jw-card-copy{width:50%;padding:20px 18px;order:1}.jw-card h3{font-size:25px}.jw-card p{font-size:17px}.jw-card-link{font-size:15px}}
@media(max-width:1050px){.jw-nav{gap:18px;font-size:17px}.jw-nav-row{gap:16px;padding-inline:22px}.jw-hero{grid-template-columns:1fr 1.1fr;gap:10px;padding-inline:18px}.jw-copy{padding-inline:0}.jw-button{padding-inline:15px;font-size:17px;gap:10px}.jw-card-grid{gap:14px}.jw-card-copy{padding-inline:18px}}
@media(max-width:760px){.jw-hero{grid-template-columns:1fr;padding:30px 18px 22px;gap:12px}.jw-copy{text-align:center}.jw-eyebrow{font-size:19px}.jw-title{font-size:clamp(39px,8vw,60px);line-height:1.4}.jw-title-mark{margin-inline:auto}.jw-description{font-size:18px;max-width:34ch;margin-inline:auto}.jw-actions{justify-content:center}.jw-art{max-width:680px;margin-inline:auto}.jw-bubble{font-size:18px}.jw-card-grid{grid-template-columns:1fr;max-width:570px;margin-inline:auto;gap:18px}.jw-card{flex-direction:row;align-items:center}.jw-card-portrait,.jw-card-custom{width:47%;order:2}.jw-card-copy{width:53%;order:1;padding:17px 16px}.jw-card h3{font-size:clamp(22px,4.3vw,27px)}.jw-card p{font-size:16px;margin-bottom:10px}.jw-card-link{font-size:15px;gap:8px}.jw-categories{padding:26px 16px 34px}.jw-categories>h2{font-size:29px}.jw-header .jw-nav{display:none}.jw-nav-row{min-height:90px;padding:5px 17px}.jw-brand{width:154px;flex-basis:154px;height:76px}.jw-brand img{width:154px;height:154px;top:-41px}.jw-brand--custom img{top:auto;height:100%;width:100%}.jw-mobile-menu{display:block}.jw-tools{gap:4px}.jw-announcement{font-size:15px}.jw-announcement span{margin-inline:8px}}
@media(max-width:390px){.jw-actions{gap:9px}.jw-button{font-size:16px;padding:10px 12px}.jw-card-link{font-size:14px}.jw-card p{font-size:15px}.jw-card-copy{padding:14px 12px}.jw-title{font-size:37px}.jw-mantra-list{gap:10px;font-size:16px}.jw-mantra-list li+li:before{margin-inline-end:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.jw-home *,.jw-header *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.jw-card-grid--four{grid-auto-rows:1fr;align-items:stretch}
.jw-card-grid--four .jw-card-copy{min-width:0}
.jw-card-custom--school{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
@media(min-width:761px){.jw-card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.jw-card-grid--four .jw-card{flex-direction:row;align-items:center;min-height:240px}.jw-card-grid--four .jw-card-portrait,.jw-card-grid--four .jw-card-custom{width:44%;max-width:240px;order:2}.jw-card-grid--four .jw-card-copy{width:56%;flex-grow:1;padding:22px;order:1}.jw-card-grid--four h3{font-size:clamp(22px,2vw,28px)}.jw-card-grid--four p{font-size:17px}}