.academy {
--c-navy-800: #051a28;      
--c-blue-50: #f9fbfd;       
--c-blue-100: #f0f6fa;      
--c-blue-200: #ddecf5;      
--c-blue-600: #6997b4;      
--c-neutral-50: #f7f7f7;
--c-neutral-100: #eceded;
--c-neutral-400: #969698;
--c-neutral-500: #646567;
--c-neutral-700: #444446;
--c-neutral-800: #333435;
--c-neutral-900: #252526;
--c-frame-cool: #e0e6e9;    
--c-error: #c62828;
}
.academy .btn { --btn-fg: var(--c-navy-800); }
.academy .btn--light { padding-block: 15px; }
.academy .btn--outline { gap: 8px; }
.academy :focus-visible { outline-color: var(--c-blue-600); }
.academy .btn--solid { --btn-bg: var(--c-blue); --btn-fg: var(--c-white); --btn-mark: var(--c-white); --btn-hover-bg: var(--c-blue-600); --btn-hover-fg: var(--c-white); --btn-bd: transparent; font-weight: 600; }
.academy .btn--solid .btn__mark { rotate: 45deg; }
[dir='rtl'] .academy .btn--solid .btn__mark { rotate: -45deg; }
.academy .eyebrow { color: var(--c-blue-600); gap: 6px; min-block-size: 22px; }
.academy .eyebrow::before {
inline-size: 23.893px; block-size: 22px; background: currentColor;
-webkit-mask: url('../../icons/academy-mark-fill.svg') center / contain no-repeat;
mask: url('../../icons/academy-mark-fill.svg') center / contain no-repeat;
}
.academy .h-section, .academy .split__title { color: var(--c-navy-800); }
.ac-tint { background: var(--c-blue-50); }
.academy main section[tabindex='-1']:focus { outline: none; }
.ac-stack { display: flex; flex-direction: column; align-items: center; }
.ac-stack--60 { gap: clamp(32px, calc(32px + 28 * (100vw - 390px) / 1050), 60px); }
.ac-stack--40 { gap: clamp(32px, calc(32px + 8 * (100vw - 390px) / 1050), 40px); }
.ac-head--700 { max-inline-size: 700px; }
.ac-head--540 .h-section { max-inline-size: 540px; }
.ac-head .sec-head__text { max-inline-size: 764px; }
.ac-logo { display: block; flex: none; }
.ac-logo img { inline-size: 116.4px; block-size: 56.53px; }
@media (hover: hover) {
.ac-header .nav-link:hover, .ac-header .lang-switch:hover { color: var(--c-blue); }
}
@media (max-width: 1199.98px) {
.ac-logo img { inline-size: 82.4px; block-size: 40px; }
}
.ac-menu__logo { display: block; }
.ac-menu__logo img { inline-size: 82.4px; block-size: 40px; }
.ac-menu .mobile-link[aria-current='page'], .ac-menu .mobile-link:active { color: var(--c-blue-600); }
.ac-menu .mobile-menu__nav { gap: 4px; }
.ac-menu .ac-menu__login { --btn-bg: var(--c-blue); --btn-fg: var(--c-white); --btn-mark: var(--c-white); --btn-hover-bg: var(--c-blue-600); font-weight: 600; }
.ac-menu .ac-menu__login .btn__mark { rotate: 45deg; }
[dir='rtl'] .ac-menu .ac-menu__login .btn__mark { rotate: -45deg; }
.ac-menu__main {
display: flex; align-items: center; gap: 12px; margin-block-start: auto;
padding: 16px; border: 1px solid var(--c-line-footer);
font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--c-navy-800);
transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}
.ac-menu__main img { inline-size: 75px; block-size: 24px; }
.ac-menu__main .more-link__mark { margin-inline-start: auto; color: var(--c-blue); }
.ac-menu__main:active { background: var(--c-blue-50); border-color: var(--c-blue); }
.ac-hero .hero__glow-bottom { --glow: var(--c-blue-glow); }
.page-hero--academy {
background: linear-gradient(102.91deg, var(--c-navy-a) 8.5%, var(--c-navy-b) 92.68%);
min-block-size: clamp(300px, calc(300px + 154 * (100vw - 390px) / 1050), 454px);
padding-block: calc(var(--header-h) + clamp(40px, calc(40px + 53 * (100vw - 390px) / 1050), 93px)) clamp(56px, calc(56px + 66 * (100vw - 390px) / 1050), 122px);
}
.ac-hero-glow { --glow: var(--c-blue); inline-size: max(1789px, calc(100% + 290px)); block-size: 388px; inset-inline-start: -145px; bottom: -331px; z-index: -1; }
.page-hero--academy .page-hero__title { max-inline-size: 658px; }
.page-hero--course {
background: linear-gradient(101.56deg, var(--c-navy-a) 8.5%, var(--c-navy-b) 92.68%);
min-block-size: 509px;
padding-block: calc(var(--header-h) + 100px) 65px;
}
.page-hero--course .page-hero__content { inline-size: min(var(--container-wide), 100% - 2 * var(--gutter)); }
.page-hero--course .page-hero__title { max-inline-size: 648px; font-size: clamp(26px, calc(26px + 22 * (100vw - 390px) / 1050), 48px); }
.page-hero--course .page-hero__text { max-inline-size: 648px; font-size: 16px; letter-spacing: 0; }
.cd-hero__rating { display: flex; }
@media (min-width: 1200px) {
.page-hero--course .page-hero__title, .page-hero--course .page-hero__text { max-inline-size: min(648px, calc(100% - 526px)); }
}
.ac-rating {
display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 4px;
background: var(--c-white); color: var(--c-navy-800);
font-family: var(--f-en); font-size: 12px; font-weight: 500; line-height: 1.5;
}
.ac-rating .icon { inline-size: 16px; block-size: 16px; color: #f38f52; }
.ac-price { display: flex; }
.ac-price__amount { display: inline-flex; align-items: center; gap: 4px; direction: ltr; unicode-bidi: isolate; font-family: var(--f-en); }
.academy .feat-card { color: var(--c-navy-800); padding: 24px; }
.academy .feat-card__title { font-size: 18px; }
.academy:lang(ar) .feat-card__title { font-size: 16px; }
.academy .feat-card--blue { --feat-tint: var(--c-blue-50); }
.academy .feat-card--blue .icon-tile { background: var(--c-blue-100); }
@media (hover: hover) {
.academy .feat-card--blue:hover .icon-tile { background: var(--feat-accent); color: var(--c-white); }
}
.ac-grid { inline-size: 100%; }
.ac-grid--1192 { max-inline-size: 1192px; }
.ac-grid--start { margin-inline: 0; align-self: flex-start; }
:lang(ar) .ac-grid--1192 { max-inline-size: none; }
.ac-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:lang(ar) .ac-training .feat-card { min-block-size: 196px; }
.ac-vision { padding-block: clamp(40px, calc(40px + 60 * (100vw - 390px) / 1050), 100px); }
.ac-vision .feat-card { border-color: var(--c-neutral-200); }
.ac-vision .feat-card__text { color: var(--c-black); }
:lang(ar) .ac-vision .feat-card__text { color: var(--c-navy-800); }
@media (hover: hover) { .ac-vision .feat-card:hover { border-color: var(--feat-accent); } }
.ac-strip { overflow: hidden; padding-block: clamp(40px, calc(40px + 60 * (100vw - 390px) / 1050), 100px); }
.ac-pattern {
position: absolute; left: -143px; top: -50px; inline-size: 887px; block-size: 798.477px;
background: url('../../img/academy/mark-pattern.svg') no-repeat 0 0 / 100% 100%;
opacity: 0.04; pointer-events: none;
}
.ac-strip__inner { position: relative; display: flex; flex-direction: column; gap: 40px; }
.ac-strip .sec-head-row { align-items: center; }
.ac-cards.cards-4 { gap: 20px; }
@media (max-width: 639.98px) { .ac-cards.cards-4.is-carousel { gap: 16px; } .ac-cards.cards-4.is-carousel > * { flex-basis: 286px; } }
.ac-strip__more { display: none; }
.course-card {
position: relative; isolation: isolate;
display: flex; flex-direction: column;
background: var(--c-white); color: var(--c-navy-800);
transition: box-shadow var(--dur) var(--ease), translate var(--dur) var(--ease);
}
.course-card::before {
content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none;
border: 1px solid var(--c-neutral-100);
transition: border-color var(--dur) var(--ease);
}
.course-card__media { position: relative; aspect-ratio: 285 / 180; overflow: hidden; background: var(--c-neutral-100); } 
.course-card__media img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; transition: scale 700ms var(--ease-out); }
.course-card__media::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.16); }
.course-card__rating { position: absolute; inset-block-end: 8px; inset-inline-start: 8px; z-index: 1; }
.course-card__body { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.course-card__content { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.course-card__tag {
padding: 4px 8px; border-radius: 999px; background: var(--c-blue-100); color: var(--c-blue-600);
font-size: 10px; font-weight: 600; line-height: 1.5;
}
.course-card__title { font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--c-navy-800); transition: color var(--dur) var(--ease); }
.course-card__link { color: inherit; }
.course-card__link::after { content: ''; position: absolute; inset: 0; z-index: 2; }
.course-card__link:focus-visible { outline: none; }
.course-card:has(.course-card__link:focus-visible) { outline: 2px solid var(--c-blue-600); outline-offset: 3px; }
.course-card__text {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
min-block-size: 3em; font-size: 12px; line-height: 1.5; color: var(--c-neutral-800);
}
.course-card__price { font-size: 16px; font-weight: 700; line-height: 1.5; color: var(--c-blue-600); }
.course-card__price .icon { inline-size: 20px; block-size: 20px; }
.course-card__meta { display: flex; flex-wrap: wrap; gap: 8px; }
.course-card__meta li {
display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 4px;
background: var(--c-neutral-50); color: var(--c-neutral-600); font-size: 10px; line-height: 1.5;
}
.course-card__meta .icon { inline-size: 16px; block-size: 16px; color: var(--c-neutral-400); }
@media (hover: hover) {
.course-card:hover { box-shadow: 0 18px 36px -18px rgba(5, 26, 40, 0.28); translate: 0 -4px; }
.course-card:hover::before { border-color: var(--c-blue); }
.course-card:hover .course-card__media img { scale: 1.05; }
.course-card:hover .course-card__title { color: var(--c-blue-600); }
}
.ac-about { padding-block: clamp(40px, calc(40px + 40 * (100vw - 390px) / 1050), 80px); }
.media-frame--academy-light { --mf-bg: var(--c-white); --mf-line: var(--c-frame-cool); --mf-corner: var(--c-frame-cool); }
.media-frame--academy-light .media-frame__outline path { stroke: var(--c-frame-cool); }
[dir='ltr'] .media-frame--academy-light .deco--mirror { transform: scaleX(-1); }
[dir='ltr'] .media-frame--academy-light .media-frame__badge { transform: scaleX(-1); }
.media-frame--academy-light .media-frame__outline svg { transition: rotate var(--dur) var(--ease); }
@media (hover: hover) { .media-frame--academy-light:hover .media-frame__outline svg { rotate: 180deg; } }
@media (min-width: 1024px) {
.ac-about .split { justify-content: flex-end; }
:lang(ar) .ac-about .split { justify-content: flex-start; }
.ac-about .split__title { max-inline-size: 533px; }
.ac-about .split__body { max-inline-size: 584px; }
}
.stats--academy {
min-block-size: 0; padding-block: 60px;
background: linear-gradient(104.71deg, var(--c-navy-a) 8.5%, var(--c-navy-b) 92.68%);
}
.stats--academy .glow { --glow: var(--c-blue-glow); }
.stats--academy .stats__glow-a { inset-inline-start: auto; inset-inline-end: auto; left: -164px; }
.stats--academy .stats__glow-b { inset-inline-start: auto; inset-inline-end: auto; left: calc(50% + 316px); }
.stats--academy .stats__text {
margin-block-start: -32px; max-inline-size: 768px; text-align: center;
font-size: 14px; line-height: normal; color: var(--c-neutral-100);
}
.stats--academy .stats__list { grid-template-columns: repeat(4, minmax(0, 1fr)); inline-size: min(var(--container), 100% - 2 * var(--gutter)); }
.stats--academy .stat__label { font-weight: 400; }
:lang(ar) .stats--academy .stat__label { font-weight: 500; }
.ac-contact__inner { display: flex; align-items: flex-start; gap: 80px; }
.ac-contact__copy { flex: 1 1 0; min-inline-size: 0; display: flex; flex-direction: column; gap: 32px; }
.ac-contact__head { display: flex; flex-direction: column; gap: 16px; }
.ac-contact__title { font-size: var(--fs-h2); font-weight: 700; line-height: 44px; color: var(--c-ink); }
.ac-contact__text { font-size: 16px; line-height: 1.5; color: var(--c-neutral-950); }
.ac-contact__list { display: flex; flex-direction: column; gap: 14px; }
.ac-contact__item { display: flex; align-items: center; gap: 8px; }
.ac-contact__item--top { align-items: flex-start; }
.ac-contact__icon { display: grid; place-items: center; inline-size: 40px; block-size: 40px; flex: none; background: var(--c-blue-100); color: var(--c-blue); }
.ac-contact__icon .icon { inline-size: 24px; block-size: 24px; }
.ac-contact__value { max-inline-size: 440px; font-size: 16px; line-height: 1.5; color: var(--c-black); transition: color var(--dur) var(--ease); }
.ac-contact__item--top .ac-contact__value { max-inline-size: 364px; }
@media (hover: hover) { a.ac-contact__value:hover { color: var(--c-blue-600); } }
:lang(ar) a.ac-contact__value { text-align: right; }
.ac-contact__card { flex: 0 0 639px; max-inline-size: 100%; padding: 31px; background: var(--c-neutral-50); border: 1px solid var(--c-neutral-100); }
.ac-form { display: flex; flex-direction: column; gap: 32px; }
.ac-form__fields { display: flex; flex-direction: column; gap: 24px; }
.ac-field { display: flex; flex-direction: column; gap: 8px; }
.ac-field__label { font-size: 16px; line-height: 1.5; color: #030915; }
.ac-input {
inline-size: 100%; block-size: 56px; padding-inline: 16px; border: 1px solid var(--c-neutral-100); border-radius: 0;
background: var(--c-white); color: var(--c-navy-800); font-size: 14px; line-height: 1.5;
transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.ac-input::placeholder { color: var(--c-neutral-400); opacity: 1; }
.ac-input:focus { outline: none; border-color: var(--c-blue); box-shadow: 0 0 0 3px rgba(126, 182, 217, 0.25); }
.ac-input--area { block-size: 125px; padding-block: 16px; resize: vertical; min-block-size: 125px; }
:lang(ar) .ac-input[dir='ltr'] { text-align: right; }
@media (max-width: 767.98px) { .ac-input, .ac-phone__select { font-size: 16px; } }
.ac-phone { display: flex; gap: 16px; block-size: 56px; background: var(--c-white); border: 1px solid var(--c-neutral-100); transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.ac-phone:focus-within { border-color: var(--c-blue); box-shadow: 0 0 0 3px rgba(126, 182, 217, 0.25); }
.ac-phone__code { position: relative; display: flex; flex: none; margin: -1px; margin-inline-end: 0; border: 1px solid var(--c-neutral-100); }
.ac-phone__select {
appearance: none; -webkit-appearance: none; block-size: 100%; border: 0; border-radius: 0; background: transparent;
padding-inline: 44px 16px; color: var(--c-neutral-400); font-size: 14px; line-height: 1.5; cursor: pointer;
}
.ac-phone__select:focus { outline: none; color: var(--c-navy-800); }
.ac-phone__code .icon { position: absolute; inset-block-start: 50%; left: 16px; translate: 0 -50%; inline-size: 20px; block-size: 20px; color: var(--c-neutral-500); pointer-events: none; }
.ac-phone .ac-input { flex: 1; min-inline-size: 0; block-size: 100%; padding-inline-start: 0; border: 0; box-shadow: none; background: transparent; }
:lang(ar) .ac-phone .ac-input { padding-inline: 16px 0; }
.ac-field__error { font-size: 13px; line-height: 1.4; color: var(--c-error); }
.ac-field.is-invalid .ac-input, .ac-field.is-invalid .ac-phone { border-color: var(--c-error); }
.ac-form__status { font-size: 14px; color: var(--c-error); }
.ac-form__status:empty { display: none; }
.ac-form__note { padding: 12px 16px; background: var(--c-blue-100); color: var(--c-navy-800); font-size: 14px; line-height: 1.5; }
.ac-form__actions { display: flex; justify-content: flex-end; }
.ac-form.is-sending .btn { opacity: 0.7; pointer-events: none; }
.ac-dialog {
margin: auto; inline-size: min(668px, 100% - 32px); max-block-size: calc(100% - 32px); padding: 0; border: 0;
background: var(--c-white); color: var(--c-ink); box-shadow: 4px 4px 50px rgba(11, 9, 32, 0.1);
}
.ac-dialog::backdrop { background: rgba(8, 16, 22, 0.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.ac-dialog[open] { animation: ac-dialog-in 320ms var(--ease-out); }
@keyframes ac-dialog-in { from { opacity: 0; translate: 0 16px; scale: 0.98; } }
.ac-dialog__top { display: flex; justify-content: flex-end; padding: 24px 24px 0; }   
.ac-dialog__close {
display: grid; place-items: center; padding: 8px; border-radius: 999px; background: #efeff0; color: #7e7e80;
transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.ac-dialog__close .icon { inline-size: 24px; block-size: 24px; }
@media (hover: hover) { .ac-dialog__close:hover { background: var(--c-blue-100); color: var(--c-navy-800); } }
.ac-dialog__body { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 24px 56px; text-align: center; }
.ac-dialog__check { inline-size: 72px; block-size: 72px; margin: 14px 14px 22px; }
.ac-dialog__title { max-inline-size: 427px; font-size: clamp(22px, calc(22px + 6 * (100vw - 390px) / 1050), 28px); font-weight: 700; line-height: 1.4; color: #2a2929; }
.ac-dialog__text { max-inline-size: 427px; font-size: clamp(16px, calc(16px + 2 * (100vw - 390px) / 1050), 18px); line-height: 1.5; color: var(--c-neutral-400); }
.ac-dialog__cta { margin-block-start: 24px; min-inline-size: 184px; }
.ac-dialog--video { inline-size: min(1000px, 100% - 32px); background: var(--c-navy); }
.ac-dialog--video .ac-dialog__top { justify-content: flex-end; padding: 12px; }
.ac-dialog__video { padding: 0 12px 12px; }
.ac-dialog__video video { inline-size: 100%; aspect-ratio: 16 / 9; background: var(--c-black); }
.ac-catalog__inner { display: flex; flex-direction: column; gap: 40px; }
.ac-toolbar { position: relative; z-index: 5; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.ac-toolbar__start { display: flex; align-items: center; gap: 16px; flex: 1 1 0; min-inline-size: 0; }
.ac-search {
display: flex; align-items: center; gap: 8px; flex: 0 1 447px; min-inline-size: 0; block-size: 56px; padding-inline: 16px;
background: var(--c-white); border: 1px solid var(--c-neutral-200); cursor: text;
transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.ac-search:focus-within { border-color: var(--c-blue); box-shadow: 0 0 0 3px rgba(126, 182, 217, 0.25); }
.ac-search .icon { inline-size: 20px; block-size: 20px; color: #161616; }
.ac-search__input { flex: 1; min-inline-size: 0; border: 0; background: transparent; color: var(--c-navy-800); font-size: 16px; line-height: 1.5; }
.ac-search__input:focus { outline: none; }
.ac-search__input::placeholder { color: #6d6d6d; opacity: 1; }
.ac-search__input::-webkit-search-cancel-button { cursor: pointer; }
.ac-tool {
display: inline-flex; align-items: center; gap: 8px; block-size: 56px; padding: 16px 24px;
background: var(--c-white); border: 1px solid var(--c-neutral-200); color: var(--c-black);
font-size: 16px; line-height: 1.5; white-space: nowrap;
transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.ac-tool .icon { inline-size: 24px; block-size: 24px; color: #161616; }
.ac-tool .ac-tool__chevron { inline-size: 20px; block-size: 20px; color: #6d6d6d; transition: rotate var(--dur) var(--ease); }
.ac-tool[aria-expanded='true'] { border-color: var(--c-blue); background: var(--c-blue-50); }
.ac-tool[aria-expanded='true'] .ac-tool__chevron { rotate: 180deg; }
@media (hover: hover) { .ac-tool:hover { border-color: var(--c-blue); } }
.ac-tool__badge {
display: inline-grid; place-items: center; min-inline-size: 20px; block-size: 20px; padding-inline: 6px; border-radius: 999px;
background: var(--c-blue); color: var(--c-white); font-family: var(--f-en); font-size: 12px; font-weight: 600; line-height: 1;
}
.ac-pop { position: relative; }
.ac-pop__panel {
position: absolute; inset-block-start: calc(100% + 8px); inset-inline-start: 0; z-index: 20;
display: flex; flex-direction: column; gap: 16px; inline-size: max-content; min-inline-size: 260px; max-inline-size: min(360px, 100vw - 40px);
padding: 20px; background: var(--c-white); border: 1px solid var(--c-neutral-100);
box-shadow: 0 24px 48px -12px rgba(8, 16, 22, 0.2);
}
.ac-pop__panel:not([hidden]) { animation: ac-drop 220ms var(--ease-out); }
@keyframes ac-drop { from { opacity: 0; translate: 0 -6px; } }
.ac-pop--end .ac-pop__panel { inset-inline-start: auto; inset-inline-end: 0; }
.ac-pop__group { display: flex; flex-direction: column; border: 0; padding: 0; margin: 0; min-inline-size: 0; }
.ac-pop__legend { padding: 0; margin-block-end: 4px; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: 0.02em; text-transform: uppercase; color: var(--c-blue-600); }
:lang(ar) .ac-pop__legend { letter-spacing: 0; }
.ac-check, .ac-radio {
position: relative; display: flex; align-items: center; gap: 10px; padding-block: 8px;
font-size: 15px; line-height: 1.5; color: var(--c-navy-800); cursor: pointer;
}
.ac-check input, .ac-radio input { position: absolute; opacity: 0; inline-size: 1px; block-size: 1px; }
.ac-check__box, .ac-radio__dot {
flex: none; inline-size: 18px; block-size: 18px; border: 1.5px solid var(--c-neutral-200); background: var(--c-white);
transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.ac-radio__dot { border-radius: 999px; }
.ac-check input:checked + .ac-check__box {
border-color: var(--c-blue); background: var(--c-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
}
.ac-radio input:checked + .ac-radio__dot { border-color: var(--c-blue); box-shadow: inset 0 0 0 4px var(--c-white); background: var(--c-blue); }
.ac-check input:focus-visible + .ac-check__box, .ac-radio input:focus-visible + .ac-radio__dot { outline: 2px solid var(--c-blue-600); outline-offset: 2px; }
@media (hover: hover) { .ac-check:hover .ac-check__box, .ac-radio:hover .ac-radio__dot { border-color: var(--c-blue); } }
.ac-check__label { flex: 1; }
.ac-check__count { font-family: var(--f-en); font-size: 12px; color: var(--c-neutral-400); }
.ac-pop__clear {
align-self: flex-start; padding: 0; font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--c-blue-600);
text-decoration: underline; text-underline-offset: 3px; transition: color var(--dur) var(--ease);
}
@media (hover: hover) { .ac-pop__clear:hover { color: var(--c-navy-800); } }
.ac-catalog__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ac-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 64px 20px; border: 1px dashed var(--c-neutral-200); text-align: center; }
.ac-empty .ac-pop__clear { align-self: center; }
.ac-empty__text { font-size: 16px; color: var(--c-neutral-600); }
.ac-pagination__list { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.ac-page {
display: grid; place-items: center; inline-size: 40px; block-size: 40px; padding: 0;
background: var(--c-white); border: 1px solid #e7e7e7; color: #0d0c0c;
font-family: var(--f-en); font-size: 16px; font-weight: 500; line-height: 1.5;
transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.ac-page.is-current { background: var(--c-blue); border-color: var(--c-blue); color: var(--c-white); }
.ac-page--arrow .icon { inline-size: 20px; block-size: 20px; color: var(--c-blue); }
.ac-page--arrow:disabled { cursor: default; }
.ac-page--arrow:disabled .icon { color: var(--c-neutral-400); }
.ac-page--next .icon, [dir='rtl'] .ac-page--arrow .icon { transform: scaleX(-1); }
[dir='rtl'] .ac-page--next .icon { transform: none; }
@media (hover: hover) { .ac-page:not(:disabled):not(.is-current):not(.ac-page--gap):hover { border-color: var(--c-blue); color: var(--c-blue-600); } }
.cd-body { position: relative; padding-block: 60px; }
.cd-layout { display: grid; grid-template-columns: minmax(0, 690px) minmax(0, 502px); justify-content: space-between; column-gap: 32px; align-items: start; padding-inline-start: 40px; }
.cd-main { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 40px; min-inline-size: 0; }
.cd-card {
grid-column: 2; grid-row: 1; position: relative; z-index: 2;
display: flex; flex-direction: column; gap: 20px; padding: 24px;
background: var(--c-white); border: 1px solid var(--c-neutral-200);
}
@media (min-width: 1200px) { .cd-card { margin-block-start: -357px; } }
@media (min-width: 1200px) and (min-height: 760px) { .cd-card { position: sticky; inset-block-start: 104px; } }
.cd-card__media { position: relative; display: grid; place-items: center; block-size: 208px; overflow: hidden; background: var(--c-neutral-100); }
.cd-card__media img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
.cd-card__media::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.16); pointer-events: none; }
.cd-card__play { position: relative; z-index: 1; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: 999px; transition: scale var(--dur) var(--ease); }
.cd-card__play .icon { inline-size: 40px; block-size: 40px; }
.cd-card__play::before {
content: ''; position: absolute; inset: -6px; border-radius: inherit; border: 2px solid rgba(255, 255, 255, 0.7);
animation: cd-pulse 2.4s var(--ease) infinite;
}
@keyframes cd-pulse { 0% { opacity: 0.9; scale: 0.85; } 70%, 100% { opacity: 0; scale: 1.45; } }
@media (hover: hover) { .cd-card__play:hover { scale: 1.1; } }
.cd-card__play:focus-visible { outline: 2px solid var(--c-white); outline-offset: 4px; }
.cd-card__price { font-size: 32px; font-weight: 700; line-height: 1.4; color: var(--c-blue-600); }
.cd-card__price .icon { inline-size: 32px; block-size: 32px; }
.cd-card__facts { display: flex; flex-direction: column; gap: 20px; }
.cd-card__fact { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 1.5; color: var(--c-neutral-900); }
.cd-card__fact .icon { inline-size: 24px; block-size: 24px; flex: none; color: var(--c-blue-600); }
.cd-tabs { display: flex; gap: 12px; padding: 7px; background: var(--c-blue-50); border: 1px solid var(--c-blue-100); }
.cd-tab {
flex: 1 1 0; display: flex; align-items: center; justify-content: center; padding: 10px 14px;
font-size: 12px; line-height: 1.5; color: var(--c-black); text-align: center;
transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.cd-tab.is-active { background: var(--c-blue); color: var(--c-white); font-weight: 500; }
@media (hover: hover) { .cd-tab:not(.is-active):hover { background: var(--c-blue-100); color: var(--c-navy-800); } }
.cd-desc { display: flex; flex-direction: column; gap: 20px; padding: 19px; background: var(--c-blue-50); border: 1px solid var(--c-blue-100); }
.cd-desc__title { font-size: 18px; font-weight: 600; line-height: 1.5; color: var(--c-navy-800); }
.cd-desc__body { font-size: 14px; line-height: 1.5; color: var(--c-navy-800); }
.cd-curriculum { display: flex; flex-direction: column; gap: 24px; }
.cd-curriculum__title { font-size: 20px; font-weight: 700; line-height: 1.5; color: var(--c-navy-800); }
.cd-curriculum__list { display: flex; flex-direction: column; gap: 16px; }
.cd-module { background: var(--c-white); border: 1px solid var(--c-neutral-200); transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.cd-module:has(> .cd-module__heading [aria-expanded='true']) { background: var(--c-blue-50); border-color: var(--c-blue-200); }
.cd-module__heading { font-weight: inherit; }
.cd-module__toggle {
display: flex; align-items: center; justify-content: space-between; gap: 16px; inline-size: 100%;
padding: 19px; text-align: start; transition: padding var(--dur) var(--ease);
}
.cd-module__toggle[aria-expanded='true'] { padding-block-end: 16px; }
.cd-module__title { font-size: 18px; font-weight: 600; line-height: 1.5; color: #0b0920; transition: color var(--dur) var(--ease); }
.cd-module__toggle[aria-expanded='true'] .cd-module__title { color: var(--c-navy-800); }
.cd-module__toggle--static { min-block-size: calc(40px + 2 * 19px); }
.cd-curriculum__note { margin-block-start: 16px; font-size: 14px; line-height: 1.5; color: var(--c-neutral-600); }
.cd-module__sign {
position: relative; display: grid; place-items: center; inline-size: 40px; block-size: 40px; flex: none;
background: var(--c-blue); color: var(--c-white);
transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.cd-module__sign .icon { grid-area: 1 / 1; inline-size: 24px; block-size: 24px; transition: opacity var(--dur) var(--ease), rotate var(--dur) var(--ease); }
.cd-module__minus { opacity: 0; rotate: -90deg; }
.cd-module__toggle[aria-expanded='true'] .cd-module__sign { background: var(--c-white); color: var(--c-blue); }
.cd-module__toggle[aria-expanded='true'] .cd-module__plus { opacity: 0; rotate: 90deg; }
.cd-module__toggle[aria-expanded='true'] .cd-module__minus { opacity: 1; rotate: 0deg; }
@media (hover: hover) {
button.cd-module__toggle:hover .cd-module__title { color: var(--c-blue-600); }
.cd-module__toggle[aria-expanded='false']:hover .cd-module__sign { background: var(--c-blue-600); }
}
.cd-module__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 360ms var(--ease); }
.cd-module__panel.is-open { grid-template-rows: 1fr; }
.cd-module__inner { overflow: hidden; display: flex; flex-direction: column; gap: 24px; padding-inline: 19px; visibility: hidden; transition: visibility 0s linear 360ms; }
.cd-module__panel.is-open .cd-module__inner { visibility: visible; transition-delay: 0s; }
.cd-module__panel.is-open .cd-module__inner { padding-block-end: 19px; }
.cd-module__text { font-size: 16px; line-height: 1.5; color: var(--c-navy-800); }
.cd-module__text--placeholder { color: var(--c-neutral-500); font-style: italic; }
.cd-module__counts { display: flex; flex-wrap: wrap; gap: 16px 24px; padding-block-start: 16px; border-block-start: 1px solid var(--c-blue-200); }
.cd-module__counts li { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--c-neutral-700); }
.cd-module__icon { display: grid; place-items: center; padding: 10px; background: var(--c-blue-100); color: var(--c-blue); }
.cd-module__icon .icon { inline-size: 24px; block-size: 24px; }
.ac-footer { background: var(--c-white); color: var(--c-black); border-block: 1px solid var(--c-line-footer); padding-block: 59px; }
.ac-footer__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.ac-footer__logo { display: block; flex: none; }
.ac-footer__logo img { inline-size: 116.4px; block-size: 56.53px; }
.ac-footer__end { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; flex: 0 1 711px; min-inline-size: 0; }
.ac-footer__nav { display: flex; gap: 80px; }
.ac-footer__col { display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 1.5; }
.ac-footer__col:first-child { inline-size: 128px; }
:lang(ar) .ac-footer__col:first-child { inline-size: 105px; }
.ac-footer .f-link { white-space: nowrap; }
@media (hover: hover) { .ac-footer .f-link:hover { color: var(--c-blue-600); } }
.ac-footer__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 21px; }
.ac-footer .social { border-color: var(--c-neutral-200); }
@media (hover: hover) { .ac-footer .social:hover { background: var(--c-blue); border-color: var(--c-blue); color: var(--c-white); } }
.ac-footer__copy { font-size: 14px; line-height: normal; color: var(--c-neutral-500); white-space: nowrap; }
@media (max-width: 1199.98px) {
.ac-catalog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cd-layout { grid-template-columns: minmax(0, 1fr); padding-inline-start: 0; row-gap: 32px; }
.cd-card, .cd-main { grid-column: 1; grid-row: auto; }
.cd-card { inline-size: 100%; margin-block-start: clamp(-120px, calc(-40px - 80 * (100vw - 390px) / 810), -40px); }
.page-hero--course { min-block-size: 0; padding-block-end: clamp(80px, calc(80px + 80 * (100vw - 390px) / 810), 160px); }
.ac-footer__end { flex-basis: auto; }
}
@media (min-width: 640px) and (max-width: 1199.98px) {
.cd-card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; row-gap: 16px; align-items: start; }
.cd-card__media { grid-column: 1; grid-row: 1 / span 3; block-size: 100%; min-block-size: 240px; }
.cd-card__price, .cd-card__facts, .cd-card__cta { grid-column: 2; }
.cd-card__facts { gap: 12px; }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
.ac-contact__inner { gap: 48px; }
.ac-contact__card { flex: 1 1 0; }
}
@media (max-width: 1023.98px) {
.ac-contact__inner { flex-direction: column; gap: 40px; }
.ac-contact__copy { flex: none; inline-size: 100%; }
.ac-contact__card { flex: none; inline-size: 100%; }
.ac-about .split__text { order: -1; }
.ac-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ac-footer__inner { flex-wrap: wrap; }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
.stats--academy .stats__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stats--academy .stats__list > .stat { flex: none; padding-inline: 8px; }
}
@media (max-width: 767.98px) {
.academy .feat-card__title { font-size: 16px; }
.ac-hero .hero__glow-bottom { opacity: 0.9; }
.stats--academy { padding-block: 40px; }
.stats--academy .stats__text { margin-block-start: -24px; }
.stats--academy .stats__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
:lang(ar) .ac-training .feat-card { min-block-size: 0; }
.ac-contact__card { padding: 23px 19px; }
.ac-contact__title { line-height: 1.25; }
.ac-form__actions .btn { inline-size: 100%; }
.ac-vision .ac-grid--2 { grid-template-columns: minmax(0, 1fr); }
.ac-footer { padding-block: 39px; }
.ac-footer__inner { flex-direction: column; gap: 28px; }
.ac-footer__end { flex-direction: column; inline-size: 100%; gap: 28px; }
.ac-footer__nav { gap: 24px; inline-size: 100%; }
.ac-footer__col, .ac-footer__col:first-child, :lang(ar) .ac-footer__col:first-child { flex: 1 1 0; inline-size: auto; }
.ac-footer .socials { gap: 12px; }
.ac-footer .social { inline-size: 48px; block-size: 48px; }
.ac-footer__copy { white-space: normal; }
.cd-body { padding-block: 0 40px; }
.cd-main { gap: 32px; }
.cd-tabs { position: sticky; inset-block-start: 64px; z-index: 4; box-shadow: 0 10px 24px -20px rgba(5, 26, 40, 0.45); }
#course-description, #course-curriculum { scroll-margin-top: 134px; }
.cd-module__title { font-size: 16px; }
.cd-module__toggle { padding: 15px; }
.cd-module__toggle[aria-expanded='true'] { padding-block-end: 12px; }
.cd-module__inner { padding-inline: 15px; }
.cd-module__panel.is-open .cd-module__inner { padding-block-end: 15px; }
.cd-module__counts li { font-size: 14px; }
.cd-module__icon { padding: 8px; }
.cd-module__icon .icon { inline-size: 20px; block-size: 20px; }
.ac-pop__panel { min-inline-size: 240px; }
}
@media (max-width: 639.98px) {
.ac-strip__more { display: block; }
.ac-catalog__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.ac-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 12px; }
.ac-toolbar__start { display: contents; }
.ac-toolbar .ac-search { grid-column: 1 / -1; inline-size: auto; }
.ac-toolbar .ac-tool { inline-size: 100%; justify-content: center; padding-inline: 16px; }
.ac-toolbar__start > .ac-pop .ac-pop__panel { inset-inline-start: 0; }
.ac-pop__panel { max-inline-size: calc(100vw - 40px); }
.cd-card { margin-block-start: -56px; padding: 16px; gap: 16px; }
.cd-card__media { block-size: 190px; }
.cd-card__price { font-size: 28px; }
.cd-card__facts { gap: 14px; }
.cd-card__fact { font-size: 15px; }
}
html[data-shot] .cd-card { position: relative; inset-block-start: auto; }
@media (prefers-reduced-motion: reduce) {
.cd-card__play::before { animation: none; opacity: 0; }
.course-card, .course-card__media img { transition: none; }
}