/* GENERATED by scripts/gen-ltr-delta.mjs (rtlcss 4.3.0) - do not edit by hand.
   sources sha256: 361730bf2da7fee3
   The parents English edition's LTR delta (WI #1434 P3): linked ONLY by English documents, never in angular.json styles.
   bootstrap-rtl.purged.css: 165 declarations, 0 keyframes; style-rtl.purged.css: 51 declarations, 4 keyframes; custom.css: 2 declarations, 0 keyframes. */
/* ---- 1. Resets: properties the flip moved away from ---- */
/* bootstrap-rtl.purged.css */
ol,
ul {
  padding-right: unset;
}
dd {
  margin-right: unset;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.dropdown-toggle::after {
  margin-right: unset;
}
.dropdown-toggle:empty::after {
  margin-right: unset;
}
.dropdown-menu[data-bs-popper] {
  right: unset;
}
.dropup .dropdown-toggle::after {
  margin-right: unset;
}
.dropup .dropdown-toggle:empty::after {
  margin-right: unset;
}
.dropend .dropdown-menu[data-bs-popper] {
  margin-right: unset;
}
.dropend .dropdown-toggle::after {
  margin-right: unset;
}
.dropend .dropdown-toggle:empty::after {
  margin-right: unset;
}
.dropstart .dropdown-menu[data-bs-popper] {
  margin-left: unset;
}
.dropstart .dropdown-toggle::after {
  margin-right: unset;
}
.dropstart .dropdown-toggle::before {
  margin-left: unset;
  border-left: unset;
}
.dropstart .dropdown-toggle:empty::after {
  margin-right: unset;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-right: unset;
}
.dropstart .dropdown-toggle-split::before {
  margin-left: unset;
}
.nav {
  padding-right: unset;
}
.modal {
  right: unset;
}
.modal-backdrop {
  right: unset;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  right: unset;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  left: unset;
  border-left-color: unset;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  left: unset;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  right: unset;
  border-right-color: unset;
}
.popover {
  left: unset;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  right: unset;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  right: unset;
  border-left-color: unset;
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  right: unset;
  border-left-color: unset;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  right: unset;
  margin-right: unset;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  left: unset;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  left: unset;
  border-right-color: unset;
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  left: unset;
  border-right-color: unset;
}
.carousel-item {
  margin-left: unset;
}
.carousel-control-prev {
  right: unset;
}
.carousel-control-next {
  left: unset;
}
.offcanvas-backdrop {
  right: unset;
}
.offcanvas-header .btn-close {
  margin-left: unset;
}
.offcanvas-start {
  right: unset;
  border-left: unset;
}
.offcanvas-end {
  left: unset;
  border-right: unset;
}
.btn-group .dropdown-toggle:after {
  left: unset;
  margin-right: unset;
}
/* style-rtl.purged.css */
#topnav .navigation-menu .has-submenu .menu-arrow {
  left: unset;
}
.logo {
  margin-left: unset;
}
@media (min-width: 992px) {
#topnav .navigation-menu > li .submenu {
  right: unset;
}
}
@media (min-width: 992px) {
#topnav .navigation-menu > li .submenu li ul {
  padding-right: unset;
}
}
@media (min-width: 992px) {
#topnav .navigation-menu > li .submenu > li .submenu {
  right: unset;
  margin-right: unset;
}
}
@media (max-width: 991px) {
#topnav .navigation-menu > li .submenu {
  padding-right: unset;
}
}
@media (max-width: 991px) {
#topnav .navigation-menu > li > a:after {
  left: unset;
}
}
@media (max-width: 991px) {
#navigation {
  right: unset;
}
}
@media (max-width: 768px) {
#topnav .navigation-menu .has-submenu .menu-arrow {
  left: unset;
}
}
.features .image:before {
  right: unset;
}
.home-slider .carousel-control-next {
  left: unset;
}
.home-slider .carousel-control-prev {
  right: unset;
}
.back-to-top {
  left: unset;
}
/* custom.css */
.dark-modal .modal-header {
  margin-left: unset;
}
/* ---- 2. LTR values (after every reset, so a value always wins at equal specificity) ---- */
/* bootstrap-rtl.purged.css */
ol,
ul {
  padding-left: 2rem;
}
dd {
  margin-left: 0;
}
caption {
  text-align: left;
}
legend {
  float: left;
}
legend + * {
  clear: left;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-toggle::after {
  margin-left: 0.255em;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  text-align: left;
}
.dropdown-menu[data-bs-popper] {
  left: 0;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start[data-bs-popper] {
  right: auto;
  left: 0;
}
}
@media (min-width: 576px) {
.dropdown-menu-sm-end[data-bs-popper] {
  right: 0;
  left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start[data-bs-popper] {
  right: auto;
  left: 0;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-end[data-bs-popper] {
  right: 0;
  left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start[data-bs-popper] {
  right: auto;
  left: 0;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-end[data-bs-popper] {
  right: 0;
  left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start[data-bs-popper] {
  right: auto;
  left: 0;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-end[data-bs-popper] {
  right: 0;
  left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start[data-bs-popper] {
  right: auto;
  left: 0;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-end[data-bs-popper] {
  right: 0;
  left: auto;
}
}
.dropup .dropdown-toggle::after {
  margin-left: 0.255em;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  right: auto;
  left: 100%;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  margin-left: 0.255em;
  border-right: 0;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  right: 100%;
  left: auto;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  margin-left: 0.255em;
}
.dropstart .dropdown-toggle::before {
  margin-right: 0.255em;
  border-right: 0.3em solid;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.nav {
  padding-left: 0;
}
.modal {
  left: 0;
}
.modal-backdrop {
  left: 0;
}
.modal-header .btn-close {
  margin: -0.5rem -0.5rem -0.5rem auto;
}
.tooltip {
  text-align: left;
  text-align: start;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}
.popover {
  right: 0;
  text-align: left;
  text-align: start;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #ffffff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  left: 50%;
  margin-left: -0.5rem;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #ffffff;
}
.carousel-item {
  float: left;
  margin-right: -100%;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.offcanvas-backdrop {
  left: 0;
}
.offcanvas-header .btn-close {
  margin-right: -0.5rem;
}
.offcanvas-start {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.offcanvas-end {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.btn-group .dropdown-toggle:after {
  right: -4px;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0;
}
/* style-rtl.purged.css */
#topnav .logo {
  float: left;
}
#topnav .navbar-toggle .lines {
  margin: 30px 0 26px 10px;
}
#topnav .navbar-toggle.open span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#topnav .navbar-toggle.open span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#topnav .navigation-menu > li {
  float: left;
}
#topnav .navigation-menu .has-submenu .menu-arrow {
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -1px;
}
#topnav .navigation-menu .has-submenu:hover .menu-arrow {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#topnav .menu-extras {
  float: right;
}
.logo {
  margin-right: 15px;
}
@media (min-width: 992px) {
#topnav .navigation-menu > li .submenu {
  left: 0;
}
}
@media (min-width: 992px) {
#topnav .navigation-menu > li .submenu li ul {
  padding-left: 0;
}
}
@media (min-width: 992px) {
#topnav .navigation-menu > li .submenu > li .submenu {
  left: 101%;
  margin-left: 10px;
}
}
@media (max-width: 991px) {
#topnav .navigation-menu > li .submenu {
  padding-left: 20px;
}
}
@media (max-width: 991px) {
#topnav .navigation-menu > li > a:after {
  right: 15px;
}
}
@media (max-width: 991px) {
#navigation {
  left: 0;
}
}
@media (max-width: 768px) {
#topnav .navigation-menu .has-submenu .menu-arrow {
  right: 8px;
}
}
.accordion .accordion-item .accordion-button.collapsed:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.features .image:before {
  left: 5px;
  -webkit-transform: rotate(33.75deg);
  transform: rotate(33.75deg);
}
.home-slider .carousel-control-next {
  right: 8px;
}
.home-slider .carousel-control-prev {
  left: 8px;
}
.carousel-indicators .active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.back-to-top {
  right: 30px;
}
.back-to-top:hover {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.back-to-top:hover .icons {
  -webkit-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}
@-webkit-keyframes slideleft {
  from {
    background-position: 0%;
  }
  to {
    background-position: 90000%;
  }
}
@keyframes slideleft {
  from {
    background-position: 0%;
  }
  to {
    background-position: 90000%;
  }
}
@-webkit-keyframes moveSlideshow {
  100% {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
}
@keyframes moveSlideshow {
  100% {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
}
/* custom.css */
.dark-modal .modal-header {
  margin-right: auto;
}
/* ---- Hand-written (scripts/gen-ltr-delta.mjs HAND_WRITTEN) ---- */
/* Header floats (header.component.css:4-8 are RTL-baked). Emulated encapsulation turns `#topnav .logo` into
   `#topnav[_ngcontent] .logo[_ngcontent]` (1,3,0), and component styles come after this link, so the id is doubled
   to outrank them: (2,1,0) > (1,3,0), and (3,0,0) > (2,2,0) for #navigation. */
#topnav#topnav .logo { float: left !important; }
#topnav#topnav .menu-extras { float: right !important; }
@media (min-width: 992px) {
  #topnav#topnav #navigation { float: right !important; }
}
/* An LTR island inside text (ported from admin skool-components.css:1013). */
.sk-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }
/* The parents app draws its directional icons for right-to-left reading. On an English page they point the other
   way. `scale` (not `transform`) so an icon's own rotation still composes. The 12 icons in 7 templates are matched
   by their static name, so no Arabic template changes; new directional icons may use the class instead. */
.sk-dir-icon,
ng-icon[name="chevron-left"],
ng-icon[name="chevron-right"],
ng-icon[name="arrow-left"],
ng-icon[name="arrow-right"] { scale: -1 1; }
/* Select chevrons drawn at the RTL end with a physical position (skool-theme.css:444 select.sk-input, and
   activities-list.component.css:97 .sk-select, Emulated (0,2,0) - outranked by (0,2,1)): the English end is the right. */
select.sk-input.sk-input { background-position: right 14px center; }
select.sk-select.sk-select { background-position: right 12px center; }
/* A price with its currency (WI #1434 W2): the activity list and the activity page write «750 <small>ر.س</small>» - the
   number, then the unit - and must stay that way for Arabic. English writes the code first («SAR 750»,
   core/i18n/format.ts), so the two swap visually here. Only that two-part shape: a price that OPENS with a <small>
   is left alone. W3/W4: the apply page's activity bar (.sk-ctx-fee) and a renewal invitation's amount
   (.sk-renewal-amount, current activities) have the same shape; the apply page's mobile bar
   (.sk-mobile-bar > .sk-mobile-row > .sk-mobile-price) writes «SAR 750 <small>per registration</small>» in its English
   text instead, so the swap is scoped to the activity page's bar (.sk-mobile-bar > .sk-mobile-price). Emulated (0,2,0)
   component rules never set display/flex, so nothing has to be outranked. */
.sk-act-price, .sk-ctx-fee, .sk-renewal-amount > b, .sk-mobile-bar > .sk-mobile-price b:not(:has(> small:first-child)) { display: inline-flex; flex-direction: row-reverse; align-items: baseline; gap: .3em; }
.sk-book-price { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: .3em; }
/* The home hero's headline (index-skool.component.css reserves 2 lines at <=680px for the typed tail): the English
   sentence takes 3 lines at 390px, so it reserves 3 - no jump while typed.js types and deletes. (0,2,1) outranks the
   component's emulated (0,2,0). */
@media (max-width: 680px) {
  h1.sk-hero-title.sk-hero-title { min-height: calc(3 * 1.3em); }
}
/* The English gate's connection hint (english-mode.service.ts): the kit's info alert in an always-present polite live
   region, empty (and so invisible) until a refresh fails. Pinned to the bottom, above the bottom nav where there is one
   (the update banner's rule, skool-theme.css:729), never wider than a phone sheet. */
.sk-en-connection-hint {
  position: fixed; inset-inline: var(--sk-sp-4); bottom: var(--sk-sp-4); max-width: 520px; margin: 0 auto;
  z-index: var(--sk-z-toast); box-shadow: var(--sk-sh);
}
.sk-en-connection-hint:empty { padding: 0; box-shadow: none; background: none; }
@media (max-width: 768px) {
  body:has(.sk-bottomnav) .sk-en-connection-hint { bottom: calc(var(--sk-bottomnav-h) + var(--sk-sp-3)); }
}
/* W3 (R-261013-9: Arabic binds) - blocks that exist ONLY on English pages, styled here so no Arabic page's inlined
   component styles move: which text binds (the translation notice / "Arabic only"), and the binding Arabic text one
   tap away under a translation - the policy page and the competition consent page. */
.sk-policy-lang-note, .sk-consent-lang-note { margin-block-end: var(--sk-sp-4); }
.sk-policy-original, .sk-consent-original {
  margin-block-start: var(--sk-sp-3); padding-block-start: var(--sk-sp-3); border-block-start: 1px solid var(--sk-line);
}
.sk-policy-original > summary, .sk-consent-original > summary {
  color: var(--sk-primary); font-size: var(--sk-fs-sm); font-weight: 600; cursor: pointer; padding-block: var(--sk-sp-2);
}
.sk-policy-original > div, .sk-consent-original > div { margin-block-start: var(--sk-sp-2); }
/* W3: the apply page's mobile bar - the English price carries its currency in the number («SAR 637.50») and the rest of
   the phrase in the last <small> («per registration», «in total»). On a phone that line goes under the amount, or the
   nowrap price squeezes the confirm button. The component's own rule (display:inline) comes later at the same weight. */
@media (max-width: 900px) {
  .sk-mobile-bar > .sk-mobile-row > .sk-mobile-price > b > small:last-child { display: block !important; }
}
/* WI #1472: the vendor theme sets every header menu link in capitals with wide tracking (style-rtl `#topnav
   .navigation-menu > li > a` (1,1,2), and the account submenu's `> li .submenu li a` (1,2,3)), so an English page
   read HOME, SIGN IN, MY PROFILE. The English voice is sentence case (help.skool.cool i18n/TERMINOLOGY.md, copy approval
   R-261015-1). Arabic has no case, so this is English-only; the doubled id outranks both vendor rules. */
#topnav#topnav .navigation-menu > li > a,
#topnav#topnav .navigation-menu > li .submenu li a { text-transform: none; letter-spacing: normal; }
/* WI #1472: the menu's drawer (<=991px) stacks its items - style-rtl's `float: none` inside that @media. The flipped
   `float: left` above (generated from the unconditional `float: right`) comes later at the same weight, so on an English
   phone the drawer laid its items side by side - the generator's known limit (file header). Above 991px the header's
   own rule already sets float:none. */
@media (max-width: 991px) {
  #topnav#topnav .navigation-menu > li { float: none; }
}