@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
/* A complete institute name beside a clear, compact wordmark. */
header .brand{gap:13px;flex-shrink:0;min-width:0}
header .brand img{width:66px;height:66px;flex-shrink:0}
header .brand .brand-wordmark{display:flex;align-items:center;gap:15px;min-width:0}
header .brand .brand-wordmark>b{font-family:Poppins,Arial,sans-serif;font-size:25px;font-weight:700;letter-spacing:.08em;color:var(--navy);line-height:1.2}
header .brand .brand-wordmark>small{border-inline-start:1px solid #c5a05085;padding-inline-start:15px;display:flex;flex-direction:column;gap:3px;color:var(--ink);line-height:1.5;letter-spacing:0;white-space:nowrap}
header .brand .brand-wordmark>small>span:first-child{font-size:9px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;font-weight:400}
header .brand .brand-wordmark>small>span:last-child{font-size:11px;font-weight:700}
.topbar .container{gap:25px;align-items:center}
.topbar .container>.topbar-contacts{margin-inline-start:auto;gap:20px}
.topbar .container>.language-switch{display:flex;align-items:center;gap:11px;white-space:nowrap;width:auto;flex-shrink:0;font-size:10px;line-height:1.7;direction:ltr}
.language-switch>a{font-weight:700;opacity:.7;padding:3px 0}
.language-switch>a[aria-current=true]{color:#e5c883;opacity:1;border-bottom:1px solid #c5a050}
.language-switch>a[lang=ar]{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:11px;letter-spacing:0}
.language-switch>span{color:#aab6c9}
.topbar a[href^="tel:"],a[href^="mailto:"]{unicode-bidi:isolate}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .button,html[lang=ar] .brand,html[lang=ar] .eyebrow{font-family:Cairo,Tahoma,Arial,sans-serif;letter-spacing:0}
html[lang=ar] body{line-height:1.95}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.65}
html[lang=ar] h1 em,html[lang=ar] h2 em{font-family:Cairo,Tahoma,Arial,sans-serif;font-style:normal;letter-spacing:0;font-weight:700;font-size:1em}
html[lang=ar] .eyebrow{letter-spacing:0;font-size:12px;line-height:1.9;text-transform:none}
html[lang=ar] nav>a{font-size:14px}
html[lang=ar] nav .button{font-size:13px}
html[lang=ar] .brand small{font-family:Cairo,Tahoma,Arial,sans-serif}
html[lang=ar] .brand b{direction:ltr;unicode-bidi:isolate}
html[lang=ar] header .brand .brand-wordmark>b{font-size:24px}
html[lang=ar] header .brand .brand-wordmark>small>span:first-child{font-size:11px;letter-spacing:0}
html[lang=ar] header .brand .brand-wordmark>small>span:last-child{font-size:12px}
html[lang=ar] .topbar .container>span{font-family:Cairo,Tahoma,Arial,sans-serif;letter-spacing:0;font-size:10px}
html[lang=ar] .topbar .container>.topbar-contacts{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .topbar .container>.topbar-contacts a{font-family:Lato,Arial,sans-serif}
html[lang=ar] .hero{gap:60px}
html[lang=ar] .hero-copy h1{font-size:54px;line-height:1.55;letter-spacing:0}
html[lang=ar] .hero .eyebrow{font-size:12px;letter-spacing:0;margin-bottom:15px}
html[lang=ar] .hero-copy h1 em{font-size:1.12em;line-height:1.55}
html[lang=ar] .hero-copy>p:not(.eyebrow){font-size:16px;line-height:2.1}
html[lang=ar] .hero .button-row .button{font-size:13px}
html[lang=ar] .button{font-size:13px;line-height:1.8}
html[lang=ar] .hero-note{font-size:11px;letter-spacing:0}
html[lang=ar] .hero-location{padding-left:0;margin-left:0;border-left:0;border-inline-start:1px solid #d5d8dd;padding-inline-start:13px;margin-inline-start:4px}
html[lang=ar] .hero-photo{border-radius:10px 165px 10px 10px;object-position:center}
html[lang=ar] .hero-visual:before{inset:-14px -14px 41px 14px;border-radius:15px 180px 15px 15px}
html[lang=ar] .hero-inset{left:auto;right:-48px;transform:rotate(4deg)}
html[lang=ar] .hero-inset>span{font-size:11px}
html[lang=ar] .hero-caption{right:auto;left:0;padding:21px 24px}
html[lang=ar] .hero-caption b{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px;letter-spacing:0;line-height:1.8}
html[lang=ar] .hero-caption small{font-size:11px}
html[lang=ar] .hero-seal{right:auto;left:-19px;transform:rotate(-12deg);font-family:Cairo,Tahoma,Arial,sans-serif;letter-spacing:0;font-size:11px}
html[lang=ar] .hero-seal b{font-family:Georgia,serif}
html[lang=ar] .intro-strip b{padding-right:0;border-right:0;border-inline-end:1px solid #dddcd5;padding-inline-end:34px}
html[lang=ar] .intro-strip a{margin-left:0;margin-inline-start:auto;font-size:13px}
html[lang=ar] .horizontal>p{font-size:16px;line-height:2}
html[lang=ar] .course-copy .eyebrow{font-size:11px;letter-spacing:0;min-height:20px}
html[lang=ar] .course-copy h3{font-size:23px;letter-spacing:0;line-height:1.65;min-height:70px}
html[lang=ar] .course-description{font-size:15px;line-height:2}
html[lang=ar] .course-copy .text-link{font-size:13px}
html[lang=ar] .course-index{font-family:Georgia,serif}
html[lang=ar] .advantages h3{font-size:22px;letter-spacing:0;line-height:1.8}
html[lang=ar] .advantages p{font-size:15px;line-height:2.05}
html[lang=ar] .gallery figcaption{align-items:flex-start}
html[lang=ar] .gallery figcaption b{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:18px;letter-spacing:0}
html[lang=ar] .gallery figcaption span{font-size:11px;letter-spacing:0}
html[lang=ar] summary{font-size:16px;line-height:1.9}
html[lang=ar] details p{font-size:15px;line-height:2.1}
html[lang=ar] .faq .button{font-size:13px}
html[lang=ar] .cta h2{font-size:35px;line-height:1.75}
html[lang=ar] .cta p:not(.eyebrow){font-size:15px;line-height:2}
html[lang=ar] .cta .button{font-size:13px}
html[lang=ar] .cta-actions>a:not(.button){font-size:12px}
html[lang=ar] .page-heading>.container{padding-right:0;padding-inline-end:220px}
html[lang=ar] .page-heading h1{font-size:48px;line-height:1.7;letter-spacing:0}
html[lang=ar] .page-heading p:not(.eyebrow){font-size:16px;line-height:2}
html[lang=ar] .page-heading .eyebrow{font-size:12px;letter-spacing:0}
html[lang=ar] .breadcrumbs{font-size:12px}
html[lang=ar] .heading-seal{right:auto;left:25px;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:11px;letter-spacing:0;transform:rotate(-10deg)}
html[lang=ar] .heading-seal b{font-family:Georgia,serif}
html[lang=ar] .inner-page .prose h2{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:25px;letter-spacing:0;line-height:1.8}
html[lang=ar] .inner-page .prose h2:after{left:auto;right:0}
html[lang=ar] .prose p,html[lang=ar] .prose li{font-size:17px;line-height:2.1}
html[lang=ar] .prose ul{padding-left:0;padding-right:24px}
html[lang=ar] .prose li{padding-left:0;padding-right:6px}
html[lang=ar] .course-aside h2{font-size:24px}
html[lang=ar] .course-aside p{font-size:15px;line-height:2}
html[lang=ar] .course-aside .button{font-size:13px}
html[lang=ar] .phone-link,html[lang=ar] .contact-info a[href^="tel:"],html[lang=ar] .contact-info a[href^="mailto:"],html[lang=ar] footer a[href^="tel:"],html[lang=ar] footer a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;font-family:Lato,Arial,sans-serif}
html[lang=ar] .contact-info a[href^="tel:"],html[lang=ar] .contact-info a[href^="mailto:"],html[lang=ar] footer a[href^="tel:"],html[lang=ar] footer a[href^="mailto:"]{text-align:right}
html[lang=ar] .contact-info h3{font-size:13px;letter-spacing:0}
html[lang=ar] .contact-info p,html[lang=ar] .contact-info a{font-size:16px}
html[lang=ar] .registration h2{font-size:29px}
html[lang=ar] .registration>p{font-size:15px;line-height:2}
html[lang=ar] .fields label{font-size:14px;line-height:1.9}
html[lang=ar] .fields input,html[lang=ar] .fields select,html[lang=ar] .fields textarea{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:16px}
html[lang=ar] .fields input[dir=ltr]{font-family:Lato,Arial,sans-serif;text-align:right}
html[lang=ar] .form-note{border-left:0;border-right:2px solid var(--gold);font-size:13px!important}
html[lang=ar] .footer-grid h2{font-size:14px;letter-spacing:0}
html[lang=ar] .footer-grid p,html[lang=ar] .footer-grid>div>a:not(.brand){font-size:14px;line-height:2}
html[lang=ar] .copyright{font-size:12px;line-height:2}
html[lang=ar] .whatsapp{right:auto;left:20px}
@media(max-width:1100px){header .brand .brand-wordmark{gap:11px}header .brand .brand-wordmark>small{padding-inline-start:11px}header .brand .brand-wordmark>b{font-size:22px}header .brand .brand-wordmark>small>span:last-child{font-size:10px}.header-inner{gap:20px}nav{gap:22px}.topbar .container>span{font-size:10px}html[lang=ar] .hero-copy h1{font-size:46px}html[lang=ar] .hero-inset{right:-20px}html[lang=ar] .hero-seal{left:-10px}html[lang=ar] .hero-caption b{font-size:13px}html[lang=ar] .hero-caption small{font-size:10px}html[lang=ar] header .brand .brand-wordmark>small>span:last-child{font-size:11px}}
@media(max-width:950px) and (min-width:801px){header .brand .brand-wordmark{flex-direction:column;align-items:flex-start;gap:2px}header .brand .brand-wordmark>small{border:0;padding:0;gap:0}header .brand .brand-wordmark>small>span:first-child{font-size:7px}header .brand .brand-wordmark>small>span:last-child{font-size:8px}html[lang=ar] header .brand .brand-wordmark>small>span:first-child{font-size:9px}html[lang=ar] header .brand .brand-wordmark>small>span:last-child{font-size:10px}.topbar .container>span{display:none}}
@media(max-width:800px){header .brand img{width:55px;height:55px}header .brand .brand-wordmark>b{font-size:23px}header .brand .brand-wordmark>small>span:first-child{font-size:8px;letter-spacing:.03em}header .brand .brand-wordmark>small>span:last-child{font-size:10px}.topbar .container{gap:18px;justify-content:space-between}.topbar .container>.topbar-contacts{width:auto;margin:0;gap:18px}.topbar .container>.language-switch{width:auto;font-size:10px;gap:10px;justify-content:flex-end}.topbar .container>.topbar-contacts a{font-size:10px}html[lang=ar] .hero{gap:40px}html[lang=ar] .hero-copy h1{font-size:51px;line-height:1.55}html[lang=ar] .hero-visual{margin:0 18px 0 8px}html[lang=ar] .hero-photo{border-radius:8px 100px 8px 8px}html[lang=ar] .hero-visual:before{inset:-10px -10px 48px 12px;border-radius:8px 110px 8px 8px}html[lang=ar] .hero-inset{right:-15px}html[lang=ar] .hero-caption{padding:18px 22px}html[lang=ar] .hero-seal{left:-10px;font-size:10px}html[lang=ar] .intro-strip b{padding-inline-end:20px}html[lang=ar] .intro-strip a{font-size:12px}html[lang=ar] .course-copy h3{font-size:24px;min-height:75px}html[lang=ar] .page-heading>.container{padding-inline-end:115px}html[lang=ar] .heading-seal{left:8px;font-size:8px}html[lang=ar] .page-heading h1{font-size:39px}html[lang=ar] .page-heading p:not(.eyebrow){font-size:15px}html[lang=ar] .cta h2{font-size:30px}html[lang=ar] .whatsapp{left:14px}}
@media(max-width:480px){header .brand{gap:8px}header .brand img{width:48px;height:48px}header .brand .brand-wordmark{gap:8px}header .brand .brand-wordmark>b{font-size:20px;letter-spacing:.04em}header .brand .brand-wordmark>small{padding-inline-start:8px;gap:2px;white-space:normal;max-width:145px}header .brand .brand-wordmark>small>span:first-child{font-size:7px;letter-spacing:0}header .brand .brand-wordmark>small>span:last-child{font-size:9px;line-height:1.5}.header-inner{gap:10px}.menu-toggle{flex-shrink:0;width:39px;height:39px}.topbar .container>.topbar-contacts a[href^="mailto:"]{display:none}.topbar .container>.topbar-contacts a{font-size:10px}.topbar .container>.language-switch{font-size:10px;gap:10px}.topbar .container{padding-top:4px;padding-bottom:4px}.language-switch>a[lang=ar]{font-size:11px}html[lang=ar] header .brand .brand-wordmark>b{font-size:20px}html[lang=ar] header .brand .brand-wordmark>small{max-width:135px}html[lang=ar] header .brand .brand-wordmark>small>span:first-child{font-size:9px}html[lang=ar] header .brand .brand-wordmark>small>span:last-child{font-size:10px}html[lang=ar] .hero-copy h1{font-size:39px;line-height:1.6}html[lang=ar] .hero .eyebrow{font-size:11px}html[lang=ar] .hero-copy>p:not(.eyebrow){font-size:15px;line-height:2}html[lang=ar] .hero .button-row .button{font-size:11px;padding:11px 13px}html[lang=ar] .hero-note{font-size:9px;gap:6px}html[lang=ar] .hero-location{padding-inline-start:7px;margin-inline-start:2px}html[lang=ar] .hero-visual{margin-right:12px;margin-left:5px}html[lang=ar] .hero-photo{border-radius:7px 80px 7px 7px}html[lang=ar] .hero-visual:before{inset:-9px -9px 58px 9px;border-radius:7px 85px 7px 7px}html[lang=ar] .hero-inset{right:-12px;left:auto}html[lang=ar] .hero-inset>span{font-size:8px}html[lang=ar] .hero-caption{right:auto;left:-1px;padding:15px 36px 15px 15px}html[lang=ar] .hero-caption b{font-size:11px}html[lang=ar] .hero-caption small{font-size:9px}html[lang=ar] .hero-seal{left:-5px;font-size:8px}html[lang=ar] .intro-strip b{padding-inline-end:12px}html[lang=ar] .intro-strip p{font-size:12px}html[lang=ar] .intro-strip a{margin-inline-start:0;font-size:12px}html[lang=ar] .section-heading h2{font-size:29px;line-height:1.8}html[lang=ar] .horizontal>p{font-size:15px}html[lang=ar] .course-copy h3,html[lang=ar] .course-card:last-child .course-copy h3{font-size:24px;min-height:0;line-height:1.8}html[lang=ar] .course-copy .eyebrow{font-size:11px}html[lang=ar] .course-description{font-size:15px}html[lang=ar] .split h2{font-size:28px}html[lang=ar] .split p{font-size:15px;line-height:2}html[lang=ar] .advantages h3{font-size:22px}html[lang=ar] .advantages p{font-size:15px}html[lang=ar] .gallery figcaption b{font-size:16px}html[lang=ar] .gallery figcaption span{font-size:10px}html[lang=ar] .faq h2{font-size:28px}html[lang=ar] summary{font-size:15px}html[lang=ar] details p{font-size:14px;line-height:2}html[lang=ar] .cta h2{font-size:27px}html[lang=ar] .cta .button{font-size:13px}html[lang=ar] .cta p:not(.eyebrow){font-size:14px}html[lang=ar] .page-heading>.container{padding-inline-end:0}html[lang=ar] .page-heading h1{font-size:33px}html[lang=ar] .page-heading .eyebrow{font-size:11px}html[lang=ar] .page-heading p:not(.eyebrow){font-size:14px}html[lang=ar] .breadcrumbs{font-size:11px}html[lang=ar] .inner-page .prose h2{font-size:23px}html[lang=ar] .prose p,html[lang=ar] .prose li{font-size:16px}html[lang=ar] .contact-info h2{font-size:29px}html[lang=ar] .registration h2{font-size:26px}html[lang=ar] .registration>p{font-size:14px}html[lang=ar] .fields label{font-size:14px}html[lang=ar] .fields input,html[lang=ar] .fields select,html[lang=ar] .fields textarea{font-size:16px}html[lang=ar] .footer-grid h2{font-size:13px}html[lang=ar] .footer-grid p,html[lang=ar] .footer-grid>div>a:not(.brand){font-size:14px}html[lang=ar] .copyright{font-size:11px}}
@media(max-width:359px){header .brand .brand-wordmark{flex-direction:column;align-items:flex-start;gap:1px}header .brand .brand-wordmark>small{border:0;padding:0;gap:0;max-width:none}header .brand .brand-wordmark>small>span:first-child{font-size:6px}header .brand .brand-wordmark>small>span:last-child{font-size:8px}html[lang=ar] header .brand .brand-wordmark>small>span:first-child{font-size:8px}html[lang=ar] header .brand .brand-wordmark>small>span:last-child{font-size:9px}}

/* Keep contact and language groups intrinsic-sized at every breakpoint. */
.topbar .container>.topbar-contacts{flex:0 0 auto;width:auto;min-width:0}
.topbar .container>.language-switch{flex:0 0 auto;width:auto;min-width:0;justify-content:flex-end}
.topbar .container>.topbar-contacts>a,.topbar .container>.language-switch>a{white-space:nowrap;flex:0 0 auto}
.topbar .container>.topbar-contacts>a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}
@media(max-width:800px){.topbar .container{min-height:34px;flex-wrap:nowrap;gap:12px}.topbar .container>.topbar-contacts{margin:0;gap:14px}.topbar .container>.language-switch{gap:10px;line-height:1.5}.topbar .container>.language-switch>a{padding:4px 0}}
@media(max-width:480px){header .brand{flex:1 1 auto}header .brand .brand-wordmark{flex:1 1 auto}header .brand .brand-wordmark>b{flex:0 0 auto}header .brand .brand-wordmark>small{flex:1 1 auto;min-width:0}.topbar .container{padding-block:4px}.topbar .container>.topbar-contacts{gap:0}.topbar .container>.topbar-contacts>a[href^="mailto:"]{display:none}}