/* =========================================================
   ZENDOJO
   SHARED RTL SYSTEM
   ========================================================== */

/*
   IMPORTANT
   ---------
   Setting dir="rtl" on <html> already mirrors every flex and grid
   layout automatically (brand moves right, actions move left, nav
   links reverse, drawer slides from the right side, etc.).

   So this file must NOT add row-reverse or justify-self overrides,
   otherwise the layout is flipped twice and ends up looking like LTR.
*/


/* =========================================================
   GLOBAL RTL
   ========================================================== */

html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    direction: rtl;
}


/* =========================================================
   DRAWER (all sizes): opens from the right edge in RTL
   ========================================================== */

html[dir="rtl"] .mobile-drawer {
    transform: translateX(105%);
}

html[dir="rtl"] .mobile-drawer.open {
    transform: translateX(0);
}


/* =========================================================
   DESKTOP + LAPTOP NAVBAR  (1024px and up)

   RTL result (right to left):
   Logo + name  |  Home About Programs ... Dashboard  |  actions
   Actions (visual left to right): Login, RTL, Dark mode
   ========================================================== */

@media (min-width: 1024px) {

    /* Dropdown: centred under its trigger (translate flips in RTL) */
    html[dir="rtl"] .dropdown-menu {
        direction: rtl;
        text-align: right;

        transform: translate(50%, -6px);
    }

    html[dir="rtl"] .nav-dropdown.open .dropdown-menu {
        transform: translate(50%, 0);
    }

    html[dir="rtl"] .dropdown-link {
        justify-content: flex-start;
        text-align: right;
    }

}


/* =========================================================
   MOBILE + TABLET  (up to 1023px)

   RTL result (visual left to right):
   Hamburger, RTL, Dark mode   ...   Name + Logo (right corner)
   ========================================================== */

@media (max-width: 1023px) {

    html[dir="rtl"] .mobile-nav-link,
    html[dir="rtl"] .mobile-sub-link {
        text-align: right;
    }

    html[dir="rtl"] .drawer-login-btn {
        text-align: center;
    }

}


/* =========================================================
   TOUCH TARGETS
   ========================================================== */

@media (max-width: 1023px) {

    html[dir="rtl"] .nav-icon-btn,
    html[dir="rtl"] .menu-toggle,
    html[dir="rtl"] .rtl-toggle {
        flex-shrink: 0;
    }

}


/* =========================================================
   DRAWER OVERFLOW SAFETY
   ========================================================== */

html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .drawer-content {
    overflow-x: hidden;
}

/* =========================================================
   PILLARS SECTION: RTL
   Layout and grid mirror automatically from dir="rtl".
   Only direction-specific details are handled here.
   ========================================================= */

/* No letter-spacing for RTL scripts */
html[dir="rtl"] .pl-eyebrow,
html[dir="rtl"] .pl-pill,
html[dir="rtl"] .pl-ticker-item {
    letter-spacing: 0;
}

/* Marquees keep one consistent motion path */
html[dir="rtl"] .pl-track {
    direction: ltr;
}

/* Underline brush and eyebrow line start from the right */
html[dir="rtl"] .pl-mark {
    background-position: 100% 92%;
}

html[dir="rtl"] .pl-eyebrow::before {
    transform-origin: right center;
}

/* Photo wipe reveals from the right */
html[dir="rtl"] .pl--ready .pl-photo {
    clip-path: inset(0 0 0 100%);
}

html[dir="rtl"] .pl--ready .pl-card.is-in .pl-photo {
    clip-path: inset(0 0 0 0);
}

/* Button arrow points left and nudges left on hover */
html[dir="rtl"] .pl-btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .pl-btn:hover svg {
    translate: -4px 0;
}

/* Reduced motion keeps the final state */
@media (prefers-reduced-motion: reduce) {
    html[dir="rtl"] .pl--ready .pl-photo {
        clip-path: none;
    }
}

@media (max-width: 374px) {
    html[dir="rtl"] #zdTestimonials .zd-testimonials__destination,
    body.rtl #zdTestimonials .zd-testimonials__destination {
        grid-template-columns: minmax(0, 1fr) 82px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    html[dir="rtl"] #zdTestimonials .zd-testimonials__destination,
    body.rtl #zdTestimonials .zd-testimonials__destination {
        grid-template-columns: minmax(0, 1fr) 85px;
    }
}

@media (min-width: 375px) and (max-width: 424px) {
    html[dir="rtl"] #zdTestimonials .zd-testimonials__destination,
    body.rtl #zdTestimonials .zd-testimonials__destination {
        grid-template-columns: minmax(0, 1fr) 92px;
    }
}

@media (min-width: 425px) and (max-width: 767px) {
    html[dir="rtl"] #zdTestimonials .zd-testimonials__destination,
    body.rtl #zdTestimonials .zd-testimonials__destination {
        grid-template-columns: minmax(0, 1fr) 105px;
    }
}

/* =========================================================
   ZENDOJO — RTL
   Belt Journey
========================================================= */

html[dir="rtl"] .belt-journey,
body.rtl .belt-journey {
    direction: rtl;
}

html[dir="rtl"] .belt-journey__intro,
body.rtl .belt-journey__intro {
    text-align: center;
}

/* ---------------------------------------------------------
   DESKTOP RTL
--------------------------------------------------------- */

@media (min-width: 992px) {

    html[dir="rtl"] .belt-step--left,
    body.rtl .belt-step--left {
        padding-right: 0;
        padding-left: clamp(35px, 6vw, 90px);
        margin-left: 50%;
    }

    html[dir="rtl"] .belt-step--right,
    body.rtl .belt-step--right {
        margin-left: 0;
        padding-left: 0;
        padding-right: clamp(35px, 6vw, 90px);
    }

    html[dir="rtl"] .belt-step--left::after,
    body.rtl .belt-step--left::after {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .belt-step--right::after,
    body.rtl .belt-step--right::after {
        left: auto;
        right: 0;
    }

    html[dir="rtl"] .belt-step--left::before,
    body.rtl .belt-step--left::before {
        right: auto;
        left: -4px;
    }

    html[dir="rtl"] .belt-step--right::before,
    body.rtl .belt-step--right::before {
        left: auto;
        right: -4px;
    }

    html[dir="rtl"] .belt-step__info,
    body.rtl .belt-step__info {
        padding-right: 0;
        padding-left: 22px;
    }

    html[dir="rtl"] .belt-step__number,
    body.rtl .belt-step__number {
        right: auto;
        left: 20px;
    }
}

/* ---------------------------------------------------------
   TABLET + MOBILE RTL
--------------------------------------------------------- */

@media (max-width: 991px) {

    html[dir="rtl"] .belt-journey__line,
    body.rtl .belt-journey__line {
        left: auto;
        right: 26px;
        transform: none;
    }

    html[dir="rtl"] .belt-step,
    html[dir="rtl"] .belt-step--left,
    html[dir="rtl"] .belt-step--right,
    body.rtl .belt-step,
    body.rtl .belt-step--left,
    body.rtl .belt-step--right {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 70px;
    }

    html[dir="rtl"] .belt-step::after,
    body.rtl .belt-step::after {
        left: auto;
        right: 26px;
    }

    html[dir="rtl"] .belt-step::before,
    html[dir="rtl"] .belt-step--left::before,
    html[dir="rtl"] .belt-step--right::before,
    body.rtl .belt-step::before,
    body.rtl .belt-step--left::before,
    body.rtl .belt-step--right::before {
        left: auto;
        right: 21px;
    }

    html[dir="rtl"] .belt-step__number,
    body.rtl .belt-step__number {
        right: auto;
        left: 20px;
    }

    html[dir="rtl"] .belt-step__info,
    body.rtl .belt-step__info {
        padding-right: 22px;
        padding-left: 0;
    }

    html[dir="rtl"] .belt-step__skills,
    body.rtl .belt-step__skills {
        justify-content: flex-start;
    }
}

/* ---------------------------------------------------------
   MOBILE-L
--------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .belt-journey__line,
    body.rtl .belt-journey__line {
        right: 17px;
    }

    html[dir="rtl"] .belt-step,
    html[dir="rtl"] .belt-step--left,
    html[dir="rtl"] .belt-step--right,
    body.rtl .belt-step,
    body.rtl .belt-step--left,
    body.rtl .belt-step--right {
        padding-right: 48px;
    }

    html[dir="rtl"] .belt-step::after,
    body.rtl .belt-step::after {
        right: 17px;
    }

    html[dir="rtl"] .belt-step::before,
    html[dir="rtl"] .belt-step--left::before,
    html[dir="rtl"] .belt-step--right::before,
    body.rtl .belt-step::before,
    body.rtl .belt-step--left::before,
    body.rtl .belt-step--right::before {
        right: 12px;
    }

    html[dir="rtl"] .belt-step__number,
    body.rtl .belt-step__number {
        right: auto;
        left: 14px;
    }

    html[dir="rtl"] .belt-step__info,
    body.rtl .belt-step__info {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---------------------------------------------------------
   MOBILE-M
--------------------------------------------------------- */

@media (max-width: 480px) {

    html[dir="rtl"] .belt-journey__line,
    body.rtl .belt-journey__line {
        right: 14px;
    }

    html[dir="rtl"] .belt-step,
    html[dir="rtl"] .belt-step--left,
    html[dir="rtl"] .belt-step--right,
    body.rtl .belt-step,
    body.rtl .belt-step--left,
    body.rtl .belt-step--right {
        padding-right: 40px;
    }

    html[dir="rtl"] .belt-step::after,
    body.rtl .belt-step::after {
        right: 14px;
    }

    html[dir="rtl"] .belt-step::before,
    html[dir="rtl"] .belt-step--left::before,
    html[dir="rtl"] .belt-step--right::before,
    body.rtl .belt-step::before,
    body.rtl .belt-step--left::before,
    body.rtl .belt-step--right::before {
        right: 9px;
    }
}

/* ---------------------------------------------------------
   MOBILE-S
--------------------------------------------------------- */

@media (max-width: 360px) {

    html[dir="rtl"] .belt-journey__line,
    body.rtl .belt-journey__line {
        right: 11px;
    }

    html[dir="rtl"] .belt-step,
    html[dir="rtl"] .belt-step--left,
    html[dir="rtl"] .belt-step--right,
    body.rtl .belt-step,
    body.rtl .belt-step--left,
    body.rtl .belt-step--right {
        padding-right: 35px;
    }

    html[dir="rtl"] .belt-step::after,
    body.rtl .belt-step::after {
        right: 11px;
    }

    html[dir="rtl"] .belt-step::before,
    html[dir="rtl"] .belt-step--left::before,
    html[dir="rtl"] .belt-step--right::before,
    body.rtl .belt-step::before,
    body.rtl .belt-step--left::before,
    body.rtl .belt-step--right::before {
        right: 6px;
    }
}

/* Keep the Belt Journey card details aligned with the RTL card edge. */
@media (max-width: 991px) {
    html[dir="rtl"] .belt-step__number,
    body.rtl .belt-step__number {
        right: 20px;
        left: auto;
    }

    html[dir="rtl"] .belt-step__info,
    body.rtl .belt-step__info {
        padding-inline: 0;
        text-align: right;
    }
}

/* Center the RTL belt journey markers on the vertical track at each size. */
html[dir="rtl"] .belt-journey__track,
body.rtl .belt-journey__track {
    direction: ltr;
}

html[dir="rtl"] .belt-journey .belt-step,
body.rtl .belt-journey .belt-step {
    direction: ltr;
}

html[dir="rtl"] .belt-journey .belt-step__content,
body.rtl .belt-journey .belt-step__content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .belt-journey .belt-step__info,
body.rtl .belt-journey .belt-step__info {
    text-align: right;
}

@media (min-width: 992px) {
    html[dir="rtl"] .belt-step--left::before,
    body.rtl .belt-step--left::before {
        left: -7px;
        right: auto;
    }

    html[dir="rtl"] .belt-step--right::before,
    body.rtl .belt-step--right::before {
        right: -7px;
        left: auto;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .belt-step::before,
    body.rtl .belt-step::before {
        right: 19px;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .belt-step::before,
    body.rtl .belt-step::before {
        right: 10px;
    }
}

@media (max-width: 480px) {
    html[dir="rtl"] .belt-step::before,
    body.rtl .belt-step::before {
        right: 7px;
    }
}

@media (max-width: 360px) {
    html[dir="rtl"] .belt-step::before,
    body.rtl .belt-step::before {
        right: 4px;
    }
}

/* =========================================================
   PARENT PORTAL SECTION: RTL
   ========================================================= */

/* No letter-spacing for RTL scripts */
html[dir="rtl"] .pp-eyebrow,
html[dir="rtl"] .pp-live {
    letter-spacing: 0;
}

/* Lines and underline start from the right */
html[dir="rtl"] .pp-tab-line,
html[dir="rtl"] .pp-eyebrow::before {
    transform-origin: right center;
}

html[dir="rtl"] .pp-mark {
    background-position: 100% 92%;
}

/* Screens slide in from the left instead of the right */
html[dir="rtl"] .pp-panel {
    translate: -24px 0;
}

html[dir="rtl"] .pp-panel.is-active {
    translate: 0 0;
}

/* Button arrow points left and nudges left on hover */
html[dir="rtl"] .pp-btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .pp-btn:hover svg {
    translate: -4px 0;
}

/* Keep the ring and its number readable */
html[dir="rtl"] .pp-ring-val {
    direction: ltr;
}

@media (prefers-reduced-motion: reduce) {
    html[dir="rtl"] .pp-panel {
        translate: none;
    }
}

/* =========================================================
   ZENDOJO TRANSFORMATION SECTION
   RTL
   ========================================================= */

html[dir="rtl"] .zj-transform {
    direction: rtl;
}


/* =========================================================
   INTRO
   ========================================================= */

html[dir="rtl"] .zj-transform__eyebrow {
    flex-direction: row-reverse;
}

html[dir="rtl"] .zj-transform__cta svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .zj-transform__cta:hover svg {
    transform: scaleX(-1) translateX(4px);
}

html[dir="rtl"] .zj-transform__hero-image {
    right: auto;
    left: 7%;
    transform: translateX(-35px);
}

html[dir="rtl"] .zj-transform__intro:hover .zj-transform__hero-image {
    transform: translateX(0) scale(1.025);
}


/* =========================================================
   PHILOSOPHY
   ========================================================= */

html[dir="rtl"] .zj-transform__philosophy {
    padding-right: 28px;
    padding-left: 0;
}

html[dir="rtl"] .zj-transform__philosophy-line {
    right: 0;
    left: auto;
}

html[dir="rtl"] .zj-transform__philosophy-line::after {
    right: -1px;
    left: auto;
}

html[dir="rtl"] .zj-transform__philosophy-item.is-active {
    transform: translateX(-5px);
}


/* =========================================================
   PANELS
   ========================================================= */

html[dir="rtl"] .zj-transform__panel--light {
    grid-template-columns: 1fr 1fr;
}

html[dir="rtl"] .zj-transform__panel--dark {
    grid-template-columns: 1fr 1fr;
}


/* =========================================================
   LEARN MORE ARROW
   ========================================================= */

html[dir="rtl"] .zj-transform__learn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .zj-transform__learn:hover svg {
    transform: scaleX(-1) translateX(5px);
}


/* =========================================================
   MEDIA SLASH
   ========================================================= */

html[dir="rtl"] .zj-transform__slash {
    right: -5px;
    left: auto;
    transform: scaleX(-1);
}

html[dir="rtl"] .zj-transform__media-number {
    right: auto;
    left: 28px;
}


/* =========================================================
   DESKTOP SLIDE DIRECTIONS
   ========================================================= */

html[dir="rtl"] .zj-transform__panel:nth-child(odd) .zj-transform__content {
    transform: translateX(100px);
}

html[dir="rtl"] .zj-transform__panel:nth-child(odd) .zj-transform__media {
    transform: translateX(-100px);
}

html[dir="rtl"] .zj-transform__panel:nth-child(even) .zj-transform__content {
    transform: translateX(-100px);
}

html[dir="rtl"] .zj-transform__panel:nth-child(even) .zj-transform__media {
    transform: translateX(100px);
}

html[dir="rtl"] .zj-transform__panel.is-visible .zj-transform__content,
html[dir="rtl"] .zj-transform__panel.is-visible .zj-transform__media {
    transform: translateX(0);
}


/* =========================================================
   CLOSING
   ========================================================= */

html[dir="rtl"] .zj-transform__closing-count {
    padding-right: 20px;
    padding-left: 0;
    border-right: 1px solid rgba(250, 250, 247, .25);
    border-left: 0;
}


/* =========================================================
   MOBILE RTL
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zj-transform__hero-image {
        right: auto;
        left: 12%;
    }

    html[dir="rtl"] .zj-transform__panel {
        display: flex;
        flex-direction: column;
    }

    html[dir="rtl"] .zj-transform__media {
        order: -1;
    }

    html[dir="rtl"] .zj-transform__panel:nth-child(odd) .zj-transform__content,
    html[dir="rtl"] .zj-transform__panel:nth-child(even) .zj-transform__content,
    html[dir="rtl"] .zj-transform__panel:nth-child(odd) .zj-transform__media,
    html[dir="rtl"] .zj-transform__panel:nth-child(even) .zj-transform__media {
        transform: translateY(55px);
    }

    html[dir="rtl"] .zj-transform__panel.is-visible .zj-transform__content,
    html[dir="rtl"] .zj-transform__panel.is-visible .zj-transform__media {
        transform: translateY(0);
    }

    html[dir="rtl"] .zj-transform__closing-count {
        padding-right: 0;
        border-right: 0;
    }
}

/* =========================================================
   ZENDOJO
   CONFIDENCE IN ACTION
   TRUE RTL MIRROR
========================================================== */


/* =========================================================
   DESKTOP RTL
========================================================== */

html[dir="rtl"] .zd-confidence__content {
    direction: rtl;
}


html[dir="rtl"] .zd-confidence__copy {
    text-align: right;
}


html[dir="rtl"] .zd-confidence__title span {
    text-align: right;
}


html[dir="rtl"] .zd-confidence__outcome {
    grid-template-columns:
        minmax(0, 1fr)
        34px;
}


html[dir="rtl"] .zd-confidence__outcome-number {
    grid-column: 2;
    text-align: left;
}


html[dir="rtl"] .zd-confidence__outcome-copy {
    grid-column: 1;
    grid-row: 1;
}


html[dir="rtl"] .zd-confidence__outcome:nth-child(odd) {
    border-right: 0;

    border-left:
        1px solid
        var(--zd-confidence-border);

    padding-right: 0;
    padding-left: 20px;
}


html[dir="rtl"] .zd-confidence__outcome:nth-child(even) {
    padding-left: 0;
    padding-right: 20px;
}


html[dir="rtl"] .zd-confidence__closing {
    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-confidence__closing p {
    text-align: right;
}


html[dir="rtl"] .zd-confidence__scroll-note {
    left: auto;
    right: clamp(20px, 5vw, 80px);
}


html[dir="rtl"] .zd-confidence__corner-label {
    right: auto;
    left: clamp(20px, 5vw, 80px);
}


/* =========================================================
   RTL IMAGE POSITIONS
========================================================== */

html[dir="rtl"] .zd-confidence__support--one {
    left: auto;
    right: clamp(22px, 7vw, 110px);

    transform-origin: right bottom;
}


html[dir="rtl"] .zd-confidence__support--two {
    right: auto;
    left: clamp(22px, 7vw, 110px);

    transform-origin: left top;
}


/* =========================================================
   RTL TOPLINE
========================================================== */

html[dir="rtl"] .zd-confidence__topline {
    direction: rtl;
}


html[dir="rtl"] .zd-confidence__eyebrow {
    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-confidence__counter {
    direction: ltr;
}


/* =========================================================
   RTL TABLET
========================================================== */

@media (max-width: 1023px) {

    html[dir="rtl"] .zd-confidence__support--one {
        left: auto;
        right: 18px;
    }


    html[dir="rtl"] .zd-confidence__support--two {
        right: auto;
        left: 18px;
    }

}


/* =========================================================
   RTL MOBILE-L / MOBILE-M
========================================================== */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-confidence__support--one {
        left: auto;
        right: 8px;
    }


    html[dir="rtl"] .zd-confidence__support--two {
        right: auto;
        left: 8px;
    }


    html[dir="rtl"] .zd-confidence__scroll-note {
        left: auto;
        right: 18px;
    }

}


/* =========================================================
   RTL MOBILE OUTCOME STACK
========================================================== */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-confidence__outcome {
        grid-template-columns:
            minmax(0, 1fr)
            28px;

        padding-left: 0;
        padding-right: 0;
    }


    html[dir="rtl"] .zd-confidence__outcome:nth-child(odd) {
        border-left: 0;

        padding-left: 0;
        padding-right: 0;
    }


    html[dir="rtl"] .zd-confidence__outcome:nth-child(even) {
        padding-left: 0;
        padding-right: 0;
    }


    html[dir="rtl"] .zd-confidence__outcome-number {
        text-align: left;
    }

}


/* =========================================================
   RTL MOBILE-S
========================================================== */

@media (max-width: 380px) {

    html[dir="rtl"] .zd-confidence__outcome {
        grid-template-columns:
            minmax(0, 1fr)
            24px;
    }

}


/* =========================================================
   RTL — THE GRAND DOJO ARENA
   ========================================================= */

html[dir="rtl"] .zd-arena__matrix-card:hover {
    transform: translateX(-6px);
}

html[dir="rtl"] .zd-arena__btn:hover svg {
    transform: translateX(-4px) rotate(180deg);
}

html[dir="rtl"] .zd-arena__btn svg {
    transform: rotate(180deg);
}


/* =========================================================
   RTL — THE GRAND DOJO ARENA
   ========================================================= */

html[dir="rtl"] .zd-arena__matrix-card:hover {
    transform: translateX(-6px);
}

html[dir="rtl"] .zd-arena__btn:hover svg {
    transform: translateX(-4px) rotate(180deg);
}

html[dir="rtl"] .zd-arena__btn svg {
    transform: rotate(180deg);
}
/* =========================================================
   ZENDOJO — NEXT LEVEL CTA
   RTL
   ========================================================= */

html[dir="rtl"] .zd-next-level,
body.rtl .zd-next-level {

    direction: rtl;
}


/* ---------------------------------------------------------
   Container visual
   --------------------------------------------------------- */

html[dir="rtl"] .zd-next-level__visual,
body.rtl .zd-next-level__visual {

    right: auto;
    left: 0;

    mask-image:
        linear-gradient(
            270deg,
            transparent 0%,
            rgba(0, 0, 0, 0.35) 25%,
            #000 65%
        );

    -webkit-mask-image:
        linear-gradient(
            270deg,
            transparent 0%,
            rgba(0, 0, 0, 0.35) 25%,
            #000 65%
        );
}


html[dir="rtl"] .zd-next-level__visual-mask,
body.rtl .zd-next-level__visual-mask {

    background:
        linear-gradient(
            270deg,
            #111111 0%,
            rgba(17, 17, 17, 0.92) 24%,
            rgba(17, 17, 17, 0.45) 68%,
            rgba(229, 57, 53, 0.22) 100%
        );
}


/* ---------------------------------------------------------
   Rule
   --------------------------------------------------------- */

html[dir="rtl"] .zd-next-level__rule,
body.rtl .zd-next-level__rule {

    background:
        linear-gradient(
            270deg,
            var(--zdn-accent) 0%,
            rgba(229, 57, 53, 0.3) 42%,
            transparent 100%
        );

    transform-origin: right center;
}


/* ---------------------------------------------------------
   Button arrow
   --------------------------------------------------------- */

html[dir="rtl"] .zd-next-level__button-arrow,
body.rtl .zd-next-level__button-arrow {

    transform: scaleX(-1);
}


html[dir="rtl"] .zd-next-level__button:hover
.zd-next-level__button-arrow,
body.rtl .zd-next-level__button:hover
.zd-next-level__button-arrow {

    transform: scaleX(-1) translateX(4px);
}


/* ---------------------------------------------------------
   Pillars
   --------------------------------------------------------- */

html[dir="rtl"] .zd-next-level__pillar,
body.rtl .zd-next-level__pillar {

    border-right: 0;
    border-left: 1px solid var(--zdn-border);
}


html[dir="rtl"] .zd-next-level__pillar:first-child,
body.rtl .zd-next-level__pillar:first-child {

    padding-left: 24px;
    padding-right: 0;
}


html[dir="rtl"] .zd-next-level__pillar:last-child,
body.rtl .zd-next-level__pillar:last-child {

    padding-right: 24px;
    padding-left: 0;

    border-left: 0;
}


/* ---------------------------------------------------------
   Mobile RTL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-next-level__visual,
    body.rtl .zd-next-level__visual {

        left: 0;
        right: auto;

        mask-image:
            linear-gradient(
                180deg,
                transparent 0%,
                #000 42%,
                #000 100%
            );

        -webkit-mask-image:
            linear-gradient(
                180deg,
                transparent 0%,
                #000 42%,
                #000 100%
            );
    }


    html[dir="rtl"] .zd-next-level__pillar,
    body.rtl .zd-next-level__pillar {

        border-left: 1px solid var(--zdn-border);
        border-right: 0;
    }


    html[dir="rtl"] .zd-next-level__pillar:nth-child(2),
    body.rtl .zd-next-level__pillar:nth-child(2) {

        padding-left: 0;
        padding-right: 12px;

        border-left: 0;
    }


    html[dir="rtl"] .zd-next-level__pillar:nth-child(3),
    body.rtl .zd-next-level__pillar:nth-child(3) {

        padding-right: 0;
        padding-left: 12px;

        border-left: 1px solid var(--zdn-border);
    }


    html[dir="rtl"] .zd-next-level__pillar:nth-child(4),
    body.rtl .zd-next-level__pillar:nth-child(4) {

        padding-right: 12px;
        padding-left: 0;

        border-left: 0;
    }
}


/* ---------------------------------------------------------
   Tablet RTL
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {

    html[dir="rtl"] .zd-next-level__pillar,
    body.rtl .zd-next-level__pillar {

        border-left: 1px solid var(--zdn-border);
        border-right: 0;
    }


    html[dir="rtl"] .zd-next-level__pillar:nth-child(2),
    body.rtl .zd-next-level__pillar:nth-child(2) {

        border-left: 0;
    }


    html[dir="rtl"] .zd-next-level__pillar:nth-child(3),
    body.rtl .zd-next-level__pillar:nth-child(3) {

        padding-right: 0;
    }


    html[dir="rtl"] .zd-next-level__pillar:nth-child(4),
    body.rtl .zd-next-level__pillar:nth-child(4) {

        padding-left: 0;
    }
}

/* =========================================================
   HOME 2 HERO (RTL)
   ========================================================= */
[dir="rtl"] .zh-btn svg{transform:scaleX(-1)}
[dir="rtl"] .zh-btn--p:hover svg{transform:scaleX(-1) translateX(4px)}
[dir="rtl"] .zh-track{animation-name:zhMarqR}
[dir="rtl"] .zh-card--belt>svg{margin-inline-start:4px}

/* =========================================================
   ZENDOJO — FOOTER
   RTL
   ========================================================= */

html[dir="rtl"] .zd-footer,
body.rtl .zd-footer {

    direction: rtl;
}


/* =========================================================
   BACKGROUND MIRROR
   ========================================================= */

html[dir="rtl"] .zd-footer__watermark,
body.rtl .zd-footer__watermark {

    right: auto;

    left: -4%;

    transform:
        translateX(-100px);
}


html[dir="rtl"] .zd-footer.is-visible .zd-footer__watermark,
body.rtl .zd-footer.is-visible .zd-footer__watermark {

    transform:
        translateX(0);
}


html[dir="rtl"] .zd-footer__brush,
body.rtl .zd-footer__brush {

    right: auto;

    left: -150px;

    transform:
        rotate(18deg)
        scale(0.8);
}


html[dir="rtl"] .zd-footer.is-visible .zd-footer__brush,
body.rtl .zd-footer.is-visible .zd-footer__brush {

    transform:
        rotate(18deg)
        scale(1);
}


html[dir="rtl"] .zd-footer__orbit,
body.rtl .zd-footer__orbit {

    left: auto;

    right: -220px;

    transform: rotate(-14deg);
}


/* =========================================================
   BRAND
   ========================================================= */

html[dir="rtl"] .zd-footer__brand,
body.rtl .zd-footer__brand {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__brand-col,
body.rtl .zd-footer__brand-col {

    text-align: right;
}


/* =========================================================
   QUICK LINKS
   ========================================================= */

html[dir="rtl"] .zd-footer__link-group a,
body.rtl .zd-footer__link-group a {

    text-align: right;

    transform: translateX(0);
}


html[dir="rtl"] .zd-footer__link-group a:hover,
body.rtl .zd-footer__link-group a:hover {

    transform: translateX(-3px);
}


html[dir="rtl"] .zd-footer__link-arrow,
body.rtl .zd-footer__link-arrow {

    transform:
        scaleX(-1)
        translateX(-5px);
}


html[dir="rtl"]
.zd-footer__link-group a:hover
.zd-footer__link-arrow,
body.rtl
.zd-footer__link-group a:hover
.zd-footer__link-arrow {

    transform:
        scaleX(-1)
        translateX(0);
}


/* =========================================================
   CONTACT
   ========================================================= */

html[dir="rtl"] .zd-footer__contact-item,
body.rtl .zd-footer__contact-item {

    flex-direction: row;

    text-align: right;
}

html[dir="rtl"] .zd-footer__support,
body.rtl .zd-footer__support,
html[dir="rtl"] .zd-footer__contact,
body.rtl .zd-footer__contact {
    text-align: right;
}


html[dir="rtl"] .zd-footer__contact-copy,
body.rtl .zd-footer__contact-copy {

    text-align: right;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html[dir="rtl"] .zd-footer__support-list a,
body.rtl .zd-footer__support-list a {

    flex-direction: row;

    text-align: right;
}


html[dir="rtl"] .zd-footer__support-list a:hover,
body.rtl .zd-footer__support-list a:hover {

    padding-left: 0;

    padding-right: 4px;
}


html[dir="rtl"]
.zd-footer__support-list a:hover
> span:last-child,
body.rtl
.zd-footer__support-list a:hover
> span:last-child {

    transform:
        scaleX(-1)
        translateX(4px);
}


/* =========================================================
   SUPPORT CARD
   ========================================================= */

html[dir="rtl"] .zd-footer__support-card,
body.rtl .zd-footer__support-card {

    flex-direction: row-reverse;

    text-align: right;
}


/* =========================================================
   TIMINGS
   ========================================================= */

html[dir="rtl"] .zd-footer__status,
body.rtl .zd-footer__status,

html[dir="rtl"] .zd-footer__timing-note,
body.rtl .zd-footer__timing-note {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__timing-note,
body.rtl .zd-footer__timing-note {

    text-align: right;
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

html[dir="rtl"] .zd-footer__newsletter,
body.rtl .zd-footer__newsletter {

    text-align: right;
}


html[dir="rtl"] .zd-footer__newsletter-field,
body.rtl .zd-footer__newsletter-field {

    direction: rtl;
}


html[dir="rtl"] .zd-footer__newsletter-button,
body.rtl .zd-footer__newsletter-button {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__newsletter-button:hover,
body.rtl .zd-footer__newsletter-button:hover {

    gap: 15px;
}


/* =========================================================
   BOTTOM
   ========================================================= */

html[dir="rtl"] .zd-footer__bottom,
body.rtl .zd-footer__bottom {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__copyright,
body.rtl .zd-footer__copyright {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__legal,
body.rtl .zd-footer__legal {

    flex-direction: row-reverse;
}


/* =========================================================
   MOBILE RTL
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-footer__watermark,
    body.rtl .zd-footer__watermark {

        right: auto;

        left: -30%;
    }


    html[dir="rtl"] .zd-footer__bottom,
    body.rtl .zd-footer__bottom {

        flex-direction: column;
    }


    html[dir="rtl"] .zd-footer__copyright,
    body.rtl .zd-footer__copyright {

        flex-direction: row-reverse;

        justify-content: center;
    }


    html[dir="rtl"] .zd-footer__legal,
    body.rtl .zd-footer__legal {

        flex-direction: row-reverse;

        justify-content: center;
    }
}


/* =========================================================
   TABLET RTL
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    html[dir="rtl"] .zd-footer__bottom,
    body.rtl .zd-footer__bottom {

        flex-direction: row-reverse;
    }
}


/* =========================================================
   RTL — HOME2 CINEMA MULTI-FRAME SECTION
   ========================================================= */

@media (min-width: 1024px) {
    html[dir="rtl"] .zh2-cinema__side {
        right: auto;
        left: max(24px, calc((100vw - 1440px) / 2 + 24px));
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    html[dir="rtl"] .zh2-cinema__side {
        right: auto;
        left: 20px;
    }
}

html[dir="rtl"] .zh2-cinema__action-btn svg {
    transform: rotate(180deg);
}

html[dir="rtl"] #zh2CinemaSection .zh2-cinema__bento {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] #zh2CinemaSection .zh2-cinema__stats-row {
    flex-direction: row;
}


/* =========================================================
   ZENDOJO — THE MINDSET SHIFT
   RTL MODE
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift,
body.rtl .zd-mindset-shift {

    direction: rtl;
}


/* =========================================================
   HEADER
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__eyebrow-wrap,
body.rtl .zd-mindset-shift__eyebrow-wrap {
    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-mindset-shift__header,
body.rtl .zd-mindset-shift__header {
    flex-direction: row-reverse;
}


/* =========================================================
   TITLE
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__title-row,
body.rtl .zd-mindset-shift__title-row {
    direction: rtl;
}


/* =========================================================
   MAIN STAGE
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__stage,
body.rtl .zd-mindset-shift__stage {
    direction: rtl;
}


html[dir="rtl"] .zd-mindset-shift__image-mask,
body.rtl .zd-mindset-shift__image-mask {

    clip-path: polygon(
        6% 0,
        100% 0,
        100% 100%,
        6% 100%,
        0 50%
    );

    transform: translateX(18%);
}


html[dir="rtl"] .zd-mindset-shift.is-visible
.zd-mindset-shift__image-mask,
body.rtl .zd-mindset-shift.is-visible
.zd-mindset-shift__image-mask {
    transform: translateX(0);
}


/* =========================================================
   CONTENT ACCENT
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__content::before,
body.rtl .zd-mindset-shift__content::before {
    left: auto;
    right: 0;
    transform-origin: top;
}


/* =========================================================
   META
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__stage-meta,
body.rtl .zd-mindset-shift__stage-meta {
    flex-direction: row-reverse;
}


/* =========================================================
   POINTS
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__point,
body.rtl .zd-mindset-shift__point {
    padding-left: 11px;
    padding-right: 22px;
}


html[dir="rtl"] .zd-mindset-shift__point::before,
body.rtl .zd-mindset-shift__point::before {
    left: auto;
    right: 9px;
}


/* =========================================================
   CTA
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__cta,
body.rtl .zd-mindset-shift__cta {
    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-mindset-shift__cta:hover
.zd-mindset-shift__cta-arrow,
body.rtl .zd-mindset-shift__cta:hover
.zd-mindset-shift__cta-arrow {
    transform: translateX(-4px);
}


/* =========================================================
   STEP NAVIGATION
   ========================================================= */

html[dir="rtl"] .zd-mindset-shift__step,
body.rtl .zd-mindset-shift__step {
    grid-template-columns: 1fr auto;
    padding-left: 18px;
    padding-right: 0;

    text-align: right;
}


html[dir="rtl"] .zd-mindset-shift__step-number,
body.rtl .zd-mindset-shift__step-number {
    order: 2;
}


html[dir="rtl"] .zd-mindset-shift__step-name,
body.rtl .zd-mindset-shift__step-name {
    order: 1;
}


html[dir="rtl"] .zd-mindset-shift__step:not(:last-child)::after,
body.rtl .zd-mindset-shift__step:not(:last-child)::after {
    right: auto;
    left: 18px;
}


/* =========================================================
   RTL MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-mindset-shift__image-mask,
    body.rtl .zd-mindset-shift__image-mask {
        clip-path: none;
        transform: translateX(0);
    }


    html[dir="rtl"] .zd-mindset-shift__content::before,
    body.rtl .zd-mindset-shift__content::before {
        left: 0;
        right: 0;

        transform-origin: right;
    }


    html[dir="rtl"] .zd-mindset-shift__step,
    body.rtl .zd-mindset-shift__step {
        grid-template-columns: 1fr auto;

        padding-left: 10px;
        padding-right: 0;
    }


    html[dir="rtl"] .zd-mindset-shift__step:not(:last-child)::after,
    body.rtl .zd-mindset-shift__step:not(:last-child)::after {
        display: none;
    }

}


/* =========================================================
   RTL — HOME2 CINEMA MULTI-FRAME SECTION
   ========================================================= */

@media (min-width: 1024px) {
    html[dir="rtl"] .zh2-cinema__side {
        right: auto;
        left: max(24px, calc((100vw - 1440px) / 2 + 24px));
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    html[dir="rtl"] .zh2-cinema__side {
        right: auto;
        left: 20px;
    }
}

html[dir="rtl"] .zh2-cinema__action-btn svg {
    transform: rotate(180deg);
}

html[dir="rtl"] #zh2CinemaSection .zh2-cinema__bento {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] #zh2CinemaSection .zh2-cinema__stats-row {
    flex-direction: row;
}

/* =========================================================
   ZENDOJO — TESTIMONIALS
   RTL
   ========================================================= */

html[dir="rtl"] .zd-testimonials__shell,
body.rtl .zd-testimonials__shell {
    direction: rtl;

    grid-template-columns:
        minmax(0, 1.42fr)
        minmax(340px, 0.78fr);
}


/* ---------------------------------------------------------
   Feature panel moves to right
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__feature,
body.rtl .zd-testimonials__feature {
    grid-column: 2;

    border-left: 0;
    border-right: 5px solid var(--zd-t-red);
}

html[dir="rtl"] .zd-testimonials__marquee-area,
body.rtl .zd-testimonials__marquee-area {
    grid-column: 1;
}


/* ---------------------------------------------------------
   Feature
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__feature-top,
body.rtl .zd-testimonials__feature-top,

html[dir="rtl"] .zd-testimonials__feature-person,
body.rtl .zd-testimonials__feature-person,

html[dir="rtl"] .zd-testimonials__feature-bottom,
body.rtl .zd-testimonials__feature-bottom,

html[dir="rtl"] .zd-testimonials__marquee-intro,
body.rtl .zd-testimonials__marquee-intro,

html[dir="rtl"] .zd-testimonials__marquee-footer,
body.rtl .zd-testimonials__marquee-footer {
    direction: rtl;
}


/* ---------------------------------------------------------
   Destination line
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__destination-line,
body.rtl .zd-testimonials__destination-line {
    left: auto;
    right: 0;
}


/* ---------------------------------------------------------
   Destination content
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__destination,
body.rtl .zd-testimonials__destination {
    grid-template-columns:
        minmax(0, 1fr)
        110px;
}


/* ---------------------------------------------------------
   Feature image
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__feature-media,
body.rtl .zd-testimonials__feature-media {
    grid-column: 2;
}

html[dir="rtl"] .zd-testimonials__feature-content,
body.rtl .zd-testimonials__feature-content {
    grid-column: 1;
}


/* ---------------------------------------------------------
   Merge marker moves right
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__merge-zone,
body.rtl .zd-testimonials__merge-zone {
    left: auto;
    right: 0;

    border-right: 0;
    border-left: 2px solid var(--zd-t-red);

    padding-left: 0;
    padding-right: 5px;

    background:
        linear-gradient(
            to left,
            var(--zd-t-bg) 0%,
            rgba(250, 250, 247, 0.82) 55%,
            transparent 100%
        );
}


/* ---------------------------------------------------------
   Marquee direction
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__track,
body.rtl .zd-testimonials__track {
    animation-name: zdTestimonialsMarqueeRTL;
}

@keyframes zdTestimonialsMarqueeRTL {

    from {
        transform: translate3d(
            calc(-50% - 11px),
            0,
            0
        );
    }

    to {
        transform: translate3d(0, 0, 0);
    }

}


/* ---------------------------------------------------------
   Card
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonial-card,
body.rtl .zd-testimonial-card {
    direction: rtl;
}

html[dir="rtl"] .zd-testimonial-card__top,
body.rtl .zd-testimonial-card__top,

html[dir="rtl"] .zd-testimonial-card__person,
body.rtl .zd-testimonial-card__person {
    direction: rtl;
}


/* ---------------------------------------------------------
   Text
   --------------------------------------------------------- */

html[dir="rtl"] .zd-testimonials__feature-heading,
body.rtl .zd-testimonials__feature-heading,

html[dir="rtl"] .zd-testimonials__feature-content,
body.rtl .zd-testimonials__feature-content,

html[dir="rtl"] .zd-testimonial-card__body,
body.rtl .zd-testimonial-card__body {
    text-align: right;
}


/* ---------------------------------------------------------
   Mobile RTL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-testimonials__shell,
    body.rtl .zd-testimonials__shell {
        display: block;
    }

    html[dir="rtl"] .zd-testimonials__feature,
    body.rtl .zd-testimonials__feature {
        border-right-width: 4px;
        border-left: 0;
    }

    html[dir="rtl"] .zd-testimonials__marquee-area,
    body.rtl .zd-testimonials__marquee-area {
        margin-top: 36px;
    }

    html[dir="rtl"] .zd-testimonials__destination,
    body.rtl .zd-testimonials__destination {
        grid-template-columns:
            minmax(0, 1fr)
            92px;
    }

    html[dir="rtl"] .zd-testimonials__feature-media,
    body.rtl .zd-testimonials__feature-media {
        grid-column: 2;
    }

    html[dir="rtl"] .zd-testimonials__feature-content,
    body.rtl .zd-testimonials__feature-content {
        grid-column: 1;
    }

}


/* ---------------------------------------------------------
   Tablet RTL
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {

    html[dir="rtl"] .zd-testimonials__shell,
    body.rtl .zd-testimonials__shell {
        grid-template-columns:
            minmax(0, 1.28fr)
            minmax(270px, 0.72fr);
    }

    html[dir="rtl"] .zd-testimonials__destination,
    body.rtl .zd-testimonials__destination {
        grid-template-columns:
            minmax(0, 1fr)
            85px;
    }

}

/* =========================================================
   ZENDOJO — EXPANDING VALUE PANELS
   rtl.css
   ========================================================= */


/* =========================================================
   RTL SECTION
   ========================================================= */

html[dir="rtl"] .zd-expand-panels,
body.rtl .zd-expand-panels {
    direction: rtl;
}


/* ---------------------------------------------------------
   Header
   --------------------------------------------------------- */

html[dir="rtl"] .zd-expand-panels__header,
body.rtl .zd-expand-panels__header {
    direction: rtl;
}


html[dir="rtl"] .zd-expand-panels__header-left,
body.rtl .zd-expand-panels__header-left,

html[dir="rtl"] .zd-expand-panels__header-right,
body.rtl .zd-expand-panels__header-right {
    text-align: right;
}


/* ---------------------------------------------------------
   Panel row
   --------------------------------------------------------- */

html[dir="rtl"] .zd-expand-panels__row,
body.rtl .zd-expand-panels__row {
    direction: rtl;
}


/* ---------------------------------------------------------
   Panel borders
   --------------------------------------------------------- */

html[dir="rtl"] .zd-expand-panel,
body.rtl .zd-expand-panel {
    border-right: 0;

    border-left:
        1px solid
        rgba(250, 250, 247, 0.22);
}


html[dir="rtl"] .zd-expand-panel:last-child,
body.rtl .zd-expand-panel:last-child {
    border-left: 0;
}


/* ---------------------------------------------------------
   Panel content
   --------------------------------------------------------- */

html[dir="rtl"] .zd-expand-panel__top,
body.rtl .zd-expand-panel__top,

html[dir="rtl"] .zd-expand-panel__content,
body.rtl .zd-expand-panel__content,

html[dir="rtl"] .zd-expand-panel__bottom,
body.rtl .zd-expand-panel__bottom {
    direction: rtl;
}


html[dir="rtl"] .zd-expand-panel__content,
body.rtl .zd-expand-panel__content {
    text-align: right;
}


/* ---------------------------------------------------------
   Expanded link
   --------------------------------------------------------- */

html[dir="rtl"] .zd-expand-panel__link,
body.rtl .zd-expand-panel__link {
    direction: rtl;
}


html[dir="rtl"] .zd-expand-panel__link i,
body.rtl .zd-expand-panel__link i {
    transform: scaleX(-1);
}


html[dir="rtl"] .zd-expand-panel__link:hover i,
body.rtl .zd-expand-panel__link:hover i {
    transform:
        scaleX(-1)
        translateX(5px);
}


/* ---------------------------------------------------------
   Active bottom line
   --------------------------------------------------------- */

html[dir="rtl"] .zd-expand-panel.is-active::after,
body.rtl .zd-expand-panel.is-active::after {
    left: auto;
    right: 0;

    transform-origin: right;
}


/* =========================================================
   RTL MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-expand-panel,
    body.rtl .zd-expand-panel {
        border-left: 0;

        border-bottom:
            1px solid
            rgba(250, 250, 247, 0.22);
    }


    html[dir="rtl"] .zd-expand-panel:last-child,
    body.rtl .zd-expand-panel:last-child {
        border-bottom: 0;
    }


    html[dir="rtl"] .zd-expand-panel__vertical-title,
    body.rtl .zd-expand-panel__vertical-title {
        left: auto;
        right: 22px;
    }


    html[dir="rtl"] .zd-expand-panel.is-active
    .zd-expand-panel__vertical-title,
    body.rtl .zd-expand-panel.is-active
    .zd-expand-panel__vertical-title {
        transform:
            translateY(-50%)
            translateX(15px);
    }

}


/* =========================================================
   RTL TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    html[dir="rtl"] .zd-expand-panel__vertical-title,
    body.rtl .zd-expand-panel__vertical-title {
        transform:
            translate(-50%, -50%)
            rotate(90deg);
    }


    html[dir="rtl"] .zd-expand-panel.is-active
    .zd-expand-panel__vertical-title,
    body.rtl .zd-expand-panel.is-active
    .zd-expand-panel__vertical-title {
        transform:
            translate(-50%, -50%)
            rotate(90deg)
            scale(0.85);
    }

}

/* =========================================================
   ZENDOJO — FINAL CTA
   rtl.css
   ========================================================= */


/* =========================================================
   BASE RTL
   ========================================================= */

html[dir="rtl"] .zd-final-cta,
body.rtl .zd-final-cta {

    direction: rtl;
}


/* =========================================================
   TOP META
   ========================================================= */

html[dir="rtl"] .zd-final-cta__top,
body.rtl .zd-final-cta__top {

    direction: rtl;
}


html[dir="rtl"] .zd-final-cta__chapter,
body.rtl .zd-final-cta__chapter,

html[dir="rtl"] .zd-final-cta__counter,
body.rtl .zd-final-cta__counter {

    direction: rtl;
}


/* =========================================================
   TOP LINES
   ========================================================= */

html[dir="rtl"] .zd-final-cta__chapter-line,
body.rtl .zd-final-cta__chapter-line {

    order: 2;
}


html[dir="rtl"] .zd-final-cta__chapter span:not(
    .zd-final-cta__chapter-line
),
body.rtl .zd-final-cta__chapter span:not(
    .zd-final-cta__chapter-line
) {

    order: 1;
}


html[dir="rtl"] .zd-final-cta__counter-line,
body.rtl .zd-final-cta__counter-line {

    order: 1;
}


html[dir="rtl"] .zd-final-cta__counter > span:not(
    .zd-final-cta__counter-line
),
body.rtl .zd-final-cta__counter > span:not(
    .zd-final-cta__counter-line
) {

    order: 2;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

html[dir="rtl"] .zd-final-cta__main,
body.rtl .zd-final-cta__main {

    text-align: center;
}


/* =========================================================
   CTA ARROW
   ========================================================= */

html[dir="rtl"] .zd-final-cta__button,
body.rtl .zd-final-cta__button {

    direction: rtl;
}


html[dir="rtl"] .zd-final-cta__button-arrow,
body.rtl .zd-final-cta__button-arrow {

    transform: scaleX(-1);
}


html[dir="rtl"] .zd-final-cta__button:hover
.zd-final-cta__button-arrow,
body.rtl .zd-final-cta__button:hover
.zd-final-cta__button-arrow {

    transform:
        scaleX(-1)
        translateX(5px);
}


/* =========================================================
   PILLARS
   ========================================================= */

html[dir="rtl"] .zd-final-cta__pillars,
body.rtl .zd-final-cta__pillars {

    direction: rtl;
}


html[dir="rtl"] .zd-final-cta__pillar,
body.rtl .zd-final-cta__pillar {

    grid-template-columns:
        auto 1fr;

    border-right: 0;

    border-left:
        1px solid
        rgba(250, 250, 247, 0.12);
}


html[dir="rtl"] .zd-final-cta__pillar:first-child,
body.rtl .zd-final-cta__pillar:first-child {

    padding-left:
        clamp(15px, 2vw, 30px);

    padding-right: 0;
}


html[dir="rtl"] .zd-final-cta__pillar:last-child,
body.rtl .zd-final-cta__pillar:last-child {

    padding-right:
        clamp(15px, 2vw, 30px);

    padding-left: 0;

    border-left: 0;
}


html[dir="rtl"] .zd-final-cta__pillar-line,
body.rtl .zd-final-cta__pillar-line {

    transform-origin: right;
}


/* =========================================================
   BOTTOM
   ========================================================= */

html[dir="rtl"] .zd-final-cta__bottom,
body.rtl .zd-final-cta__bottom {

    direction: rtl;
}


html[dir="rtl"] .zd-final-cta__bottom p,
body.rtl .zd-final-cta__bottom p {

    text-align: right;
}


/* =========================================================
   TABLET RTL
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    html[dir="rtl"] .zd-final-cta__pillar,
    body.rtl .zd-final-cta__pillar {

        border-left:
            1px solid
            rgba(250, 250, 247, 0.12);

        border-right: 0;
    }


    html[dir="rtl"] .zd-final-cta__pillar:nth-child(2n),
    body.rtl .zd-final-cta__pillar:nth-child(2n) {

        border-left: 0;
    }

}


/* =========================================================
   MOBILE-L RTL
   ========================================================= */

@media (min-width: 425px) and (max-width: 767px) {

    html[dir="rtl"] .zd-final-cta__pillar:nth-child(2n),
    body.rtl .zd-final-cta__pillar:nth-child(2n) {

        border-left: 0;
    }


    html[dir="rtl"] .zd-final-cta__pillar:nth-child(2n + 1),
    body.rtl .zd-final-cta__pillar:nth-child(2n + 1) {

        border-left:
            1px solid
            rgba(250, 250, 247, 0.12);
    }

}


/* =========================================================
   MOBILE RTL
   ========================================================= */

@media (max-width: 424px) {

    html[dir="rtl"] .zd-final-cta__pillar,
    body.rtl .zd-final-cta__pillar,

    html[dir="rtl"] .zd-final-cta__pillar:first-child,
    body.rtl .zd-final-cta__pillar:first-child,

    html[dir="rtl"] .zd-final-cta__pillar:last-child,
    body.rtl .zd-final-cta__pillar:last-child {

        padding-left: 0;
        padding-right: 0;

        border-left: 0;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(250, 250, 247, 0.12);
    }


    html[dir="rtl"] .zd-final-cta__pillar:last-child,
    body.rtl .zd-final-cta__pillar:last-child {

        border-bottom: 0;
    }


    html[dir="rtl"] .zd-final-cta__bottom,
    body.rtl .zd-final-cta__bottom {

        text-align: right;
    }

}

/* =========================================================
   ZENDOJO — INSTRUCTORS HERO
   rtl.css
   ========================================================= */


/* =========================================================
   MAIN DIRECTION
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero,
body.rtl .zd-instructors-hero {

    direction: rtl;
}


/* =========================================================
   TOP
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__top,
body.rtl .zd-instructors-hero__top {

    direction: rtl;
}


html[dir="rtl"] .zd-instructors-hero__eyebrow,
body.rtl .zd-instructors-hero__eyebrow {

    direction: rtl;
}


/* Move accent line to the other side */

html[dir="rtl"] .zd-instructors-hero__eyebrow-line,
body.rtl .zd-instructors-hero__eyebrow-line {

    order: 2;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__content,
body.rtl .zd-instructors-hero__content {

    direction: rtl;
}


/* =========================================================
   INTRO
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__intro,
body.rtl .zd-instructors-hero__intro {

    transform:
        translateX(35px);
}


html[dir="rtl"]
.zd-instructors-hero.is-visible
.zd-instructors-hero__intro,
body.rtl
.zd-instructors-hero.is-visible
.zd-instructors-hero__intro {

    transform:
        translateX(0);
}


html[dir="rtl"] .zd-instructors-hero__description,
body.rtl .zd-instructors-hero__description {

    text-align: right;
}


/* =========================================================
   LINK ARROW
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__link,
body.rtl .zd-instructors-hero__link {

    direction: rtl;
}


html[dir="rtl"] .zd-instructors-hero__link span,
body.rtl .zd-instructors-hero__link span {

    transform:
        scaleX(-1);
}


html[dir="rtl"] .zd-instructors-hero__link:hover span,
body.rtl .zd-instructors-hero__link:hover span {

    transform:
        scaleX(-1)
        translateX(5px);
}


/* =========================================================
   IMAGE MARKER
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__marker,
body.rtl .zd-instructors-hero__marker {

    right: auto;

    left: -12px;
}


/* =========================================================
   IMAGE LABEL
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__image-label,
body.rtl .zd-instructors-hero__image-label {

    direction: rtl;
}


/* =========================================================
   CARDS
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__cards,
body.rtl .zd-instructors-hero__cards {

    direction: rtl;
}


html[dir="rtl"] .zd-instructors-hero__card,
body.rtl .zd-instructors-hero__card {

    direction: rtl;

    border-right: 0;

    border-left:
        1px solid
        rgba(250, 250, 247, 0.13);
}


html[dir="rtl"]
.zd-instructors-hero__card:first-child,
body.rtl
.zd-instructors-hero__card:first-child {

    border-radius:
        0 16px 16px 0;
}


html[dir="rtl"]
.zd-instructors-hero__card:last-child,
body.rtl
.zd-instructors-hero__card:last-child {

    border-left: 0;

    border-radius:
        16px 0 0 16px;
}


html[dir="rtl"] .zd-instructors-hero__card-arrow,
body.rtl .zd-instructors-hero__card-arrow {

    transform:
        scaleX(-1);
}


html[dir="rtl"]
.zd-instructors-hero__card:hover
.zd-instructors-hero__card-arrow,
body.rtl
.zd-instructors-hero__card:hover
.zd-instructors-hero__card-arrow {

    transform:
        scaleX(-1)
        translate(3px, -3px);
}


/* =========================================================
   STATUS
   ========================================================= */

html[dir="rtl"] .zd-instructors-hero__status,
body.rtl .zd-instructors-hero__status {

    right: auto;

    left: 0;

    direction: rtl;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"]
    .zd-instructors-hero__intro,
    body.rtl
    .zd-instructors-hero__intro {

        transform:
            translateY(20px);
    }


    html[dir="rtl"]
    .zd-instructors-hero.is-visible
    .zd-instructors-hero__intro,
    body.rtl
    .zd-instructors-hero.is-visible
    .zd-instructors-hero__intro {

        transform:
            translateY(0);
    }


    html[dir="rtl"]
    .zd-instructors-hero__description,
    body.rtl
    .zd-instructors-hero__description {

        text-align: center;
    }


    html[dir="rtl"]
    .zd-instructors-hero__marker,
    body.rtl
    .zd-instructors-hero__marker {

        right: auto;

        left: -5px;
    }


    html[dir="rtl"]
    .zd-instructors-hero__card,
    body.rtl
    .zd-instructors-hero__card {

        border-left:
            1px solid
            rgba(250, 250, 247, 0.12);
    }


    html[dir="rtl"]
    .zd-instructors-hero__card:last-child,
    body.rtl
    .zd-instructors-hero__card:last-child {

        border-left: 0;
    }

}

/* =========================================================
   ZENDOJO — INSTRUCTORS CTA
   rtl.css
   ================================================= */


/* =========================================================
   RTL ROOT
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta,
body.rtl .zd-instructor-cta {

    direction: rtl;
}


/* =========================================================
   GRID MIRROR
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__container,
body.rtl .zd-instructor-cta__container {

    direction: rtl;
}


/* =========================================================
   IMAGE / CONTENT ORDER
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__image-wrap,
body.rtl .zd-instructor-cta__image-wrap {

    order: 2;
}


html[dir="rtl"] .zd-instructor-cta__content,
body.rtl .zd-instructor-cta__content {

    order: 1;

    text-align: right;
}


/* =========================================================
   IMAGE TAG
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__image-tag,
body.rtl .zd-instructor-cta__image-tag {

    left: auto;

    right: 28px;

    direction: rtl;
}


html[dir="rtl"] .zd-instructor-cta__image-tag span,
body.rtl .zd-instructor-cta__image-tag span {

    order: 2;
}


/* =========================================================
   IMAGE NUMBER
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__image-number,
body.rtl .zd-instructor-cta__image-number {

    right: auto;

    left: 26px;
}


/* =========================================================
   TOP
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__top,
body.rtl .zd-instructor-cta__top {

    direction: rtl;
}


html[dir="rtl"] .zd-instructor-cta__line,
body.rtl .zd-instructor-cta__line {

    transform-origin: right;
}


/* =========================================================
   TITLE
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__title,
body.rtl .zd-instructor-cta__title {

    text-align: right;
}


/* =========================================================
   BUTTON
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__button,
body.rtl .zd-instructor-cta__button {

    padding:
        0 19px 0 9px;

    direction: rtl;
}


html[dir="rtl"]
.zd-instructor-cta__button-arrow,
body.rtl
.zd-instructor-cta__button-arrow {

    margin-left: 0;

    margin-right: 18px;
}


html[dir="rtl"]
.zd-instructor-cta__button:hover
.zd-instructor-cta__button-arrow,
body.rtl
.zd-instructor-cta__button:hover
.zd-instructor-cta__button-arrow {

    transform:
        translateX(-4px);
}


/* =========================================================
   HOVER REVEAL
   ========================================================= */

html[dir="rtl"]
.zd-instructor-cta__button::before,
body.rtl
.zd-instructor-cta__button::before {

    transform:
        translateX(101%);
}


html[dir="rtl"]
.zd-instructor-cta__button:hover::before,
body.rtl
.zd-instructor-cta__button:hover::before {

    transform:
        translateX(0);
}


/* =========================================================
   EDGE
   ========================================================= */

html[dir="rtl"] .zd-instructor-cta__edge,
body.rtl .zd-instructor-cta__edge {

    right: auto;

    left: 0;

    transform-origin: bottom;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"]
    .zd-instructor-cta__image-wrap,
    body.rtl
    .zd-instructor-cta__image-wrap {

        order: 1;
    }


    html[dir="rtl"]
    .zd-instructor-cta__content,
    body.rtl
    .zd-instructor-cta__content {

        order: 2;

        text-align: right;
    }


    html[dir="rtl"]
    .zd-instructor-cta__image-tag,
    body.rtl
    .zd-instructor-cta__image-tag {

        right: 17px;

        left: auto;
    }


    html[dir="rtl"]
    .zd-instructor-cta__image-number,
    body.rtl
    .zd-instructor-cta__image-number {

        left: 15px;

        right: auto;
    }


    html[dir="rtl"]
    .zd-instructor-cta__button,
    body.rtl
    .zd-instructor-cta__button {

        text-align: right;
    }

}

/* =========================================================
   ZENDOJO CONTACT — RTL
   ========================================================= */

html[dir="rtl"] .zd-contact-info__container,
body.rtl .zd-contact-info__container {
    direction: rtl;
}


/* CONTACT INFO */

html[dir="rtl"] .zd-contact-info__heading-row,
body.rtl .zd-contact-info__heading-row {
    flex-direction: row;
}

html[dir="rtl"] .zd-contact-info__detail,
body.rtl .zd-contact-info__detail {
    flex-direction: row;
}

html[dir="rtl"] .zd-contact-info__image-label,
body.rtl .zd-contact-info__image-label {
    left: auto;
    right: 24px;
}

html[dir="rtl"] .zd-contact-info__image-number,
body.rtl .zd-contact-info__image-number {
    right: auto;
    left: 22px;
}


/* MESSAGE */

html[dir="rtl"] .zd-message__container,
body.rtl .zd-message__container,
html[dir="rtl"] .zd-message__form,
body.rtl .zd-message__form {
    direction: rtl;
}

html[dir="rtl"] .zd-message__topline,
body.rtl .zd-message__topline {
    flex-direction: row-reverse;
}

html[dir="rtl"] .zd-message__response,
body.rtl .zd-message__response {
    flex-direction: row-reverse;
}

html[dir="rtl"] .zd-message__submit,
body.rtl .zd-message__submit {
    flex-direction: row-reverse;
    padding: 0 23px 0 20px;
}

html[dir="rtl"] .zd-message__submit-arrow,
body.rtl .zd-message__submit-arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-message__submit:hover .zd-message__submit-arrow,
body.rtl .zd-message__submit:hover .zd-message__submit-arrow {
    transform: scaleX(-1) translateX(4px);
}

html[dir="rtl"] .zd-message__submit::before,
body.rtl .zd-message__submit::before {
    transform: translateX(101%);
}

html[dir="rtl"] .zd-message__submit:hover::before,
body.rtl .zd-message__submit:hover::before {
    transform: translateX(0);
}


/* LOCATION */

html[dir="rtl"] .zd-location__heading-top,
body.rtl .zd-location__heading-top {
    flex-direction: row-reverse;
}

html[dir="rtl"] .zd-location__heading-content,
body.rtl .zd-location__heading-content {
    direction: rtl;
}

html[dir="rtl"] .zd-location__map-layout,
body.rtl .zd-location__map-layout {
    direction: rtl;
}

html[dir="rtl"] .zd-location__place-info,
body.rtl .zd-location__place-info {
    direction: rtl;
}

html[dir="rtl"] .zd-location__place-number,
body.rtl .zd-location__place-number {
    align-items: flex-end;
}

html[dir="rtl"] .zd-location__image-label,
body.rtl .zd-location__image-label {
    left: auto;
    right: 22px;
}

html[dir="rtl"] .zd-location__map-badge,
body.rtl .zd-location__map-badge {
    right: auto;
    left: 22px;
}

html[dir="rtl"] .zd-location__directions span,
body.rtl .zd-location__directions span {
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-location__directions:hover span,
body.rtl .zd-location__directions:hover span {
    transform: scaleX(-1) translateX(4px);
}


/* =========================================================
   RTL MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-contact-info__image-label,
    body.rtl .zd-contact-info__image-label {
        right: 15px;
        left: auto;
    }

    html[dir="rtl"] .zd-contact-info__image-number,
    body.rtl .zd-contact-info__image-number {
        left: 15px;
        right: auto;
    }

    html[dir="rtl"] .zd-location__map-layout,
    body.rtl .zd-location__map-layout {
        direction: rtl;
    }

    html[dir="rtl"] .zd-location__map-badge,
    body.rtl .zd-location__map-badge {
        left: 15px;
        right: auto;
    }
}

/* =========================================================
   ZENDOJO CONTACT CTA
   RTL
   ========================================================= */


/* =========================================================
   MAIN DIRECTION
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__container,
body.rtl .zd-contact-cta__container {

    direction: rtl;
}


/* =========================================================
   IMAGE / CONTENT ORDER
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__visual,
body.rtl .zd-contact-cta__visual {

    order: 2;
}


html[dir="rtl"] .zd-contact-cta__content,
body.rtl .zd-contact-cta__content {

    order: 1;
}


/* =========================================================
   IMAGE LABEL
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__image-label,
body.rtl .zd-contact-cta__image-label {

    left: auto;
    right: clamp(20px, 2.5vw, 34px);
}


html[dir="rtl"] .zd-contact-cta__image-number,
body.rtl .zd-contact-cta__image-number {

    right: auto;
    left: 27px;
}


/* =========================================================
   TOP
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__top,
body.rtl .zd-contact-cta__top {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-contact-cta__index,
body.rtl .zd-contact-cta__index {

    margin-left: 0;
    margin-right: auto;
}


/* =========================================================
   TITLE
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__title,
body.rtl .zd-contact-cta__title {

    text-align: right;
}


/* =========================================================
   BUTTON
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__actions,
body.rtl .zd-contact-cta__actions {

    direction: rtl;
}


html[dir="rtl"] .zd-contact-cta__button,
body.rtl .zd-contact-cta__button {

    flex-direction: row-reverse;

    padding:
        0 24px
        0 19px;
}


html[dir="rtl"] .zd-contact-cta__button::before,
body.rtl .zd-contact-cta__button::before {

    transform:
        translateX(101%);
}


html[dir="rtl"] .zd-contact-cta__button:hover::before,
body.rtl .zd-contact-cta__button:hover::before {

    transform:
        translateX(0);
}


html[dir="rtl"] .zd-contact-cta__button-arrow,
body.rtl .zd-contact-cta__button-arrow {

    transform:
        scaleX(-1);
}


html[dir="rtl"] .zd-contact-cta__button:hover
.zd-contact-cta__button-arrow,
body.rtl .zd-contact-cta__button:hover
.zd-contact-cta__button-arrow {

    transform:
        scaleX(-1)
        translateX(5px);
}


html[dir="rtl"] .zd-contact-cta__secondary,
body.rtl .zd-contact-cta__secondary {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-contact-cta__secondary span,
body.rtl .zd-contact-cta__secondary span {

    transform:
        scaleX(-1);
}


html[dir="rtl"] .zd-contact-cta__secondary:hover span,
body.rtl .zd-contact-cta__secondary:hover span {

    transform:
        scaleX(-1)
        translate(3px, -3px);
}


/* =========================================================
   VALUES
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__value,
body.rtl .zd-contact-cta__value {

    border-right:
        0;

    border-left:
        1px solid rgba(250,250,247,.10);
}


html[dir="rtl"] .zd-contact-cta__value:last-child,
body.rtl .zd-contact-cta__value:last-child {

    border-left: 0;
}


/* =========================================================
   BOTTOM
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__bottom,
body.rtl .zd-contact-cta__bottom {

    flex-direction: row-reverse;
}


/* =========================================================
   SCARLET EDGE
   ========================================================= */

html[dir="rtl"] .zd-contact-cta__edge,
body.rtl .zd-contact-cta__edge {

    right: auto;
    left: 0;
}


/* =========================================================
   RTL MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-contact-cta__visual,
    body.rtl .zd-contact-cta__visual {

        order: 1;
    }


    html[dir="rtl"] .zd-contact-cta__content,
    body.rtl .zd-contact-cta__content {

        order: 2;
    }


    html[dir="rtl"] .zd-contact-cta__image-label,
    body.rtl .zd-contact-cta__image-label {

        left: auto;
        right: 17px;
    }


    html[dir="rtl"] .zd-contact-cta__image-number,
    body.rtl .zd-contact-cta__image-number {

        left: 17px;
        right: auto;
    }


    html[dir="rtl"] .zd-contact-cta__value,
    body.rtl .zd-contact-cta__value {

        border-left: 0;
    }


    html[dir="rtl"] .zd-contact-cta__value:nth-child(odd),
    body.rtl .zd-contact-cta__value:nth-child(odd) {

        border-left:
            1px solid rgba(250,250,247,.10);
    }


    html[dir="rtl"] .zd-contact-cta__value:nth-child(even),
    body.rtl .zd-contact-cta__value:nth-child(even) {

        border-left: 0;
    }


    html[dir="rtl"] .zd-contact-cta__value:nth-child(-n+2),
    body.rtl .zd-contact-cta__value:nth-child(-n+2) {

        border-bottom:
            1px solid rgba(250,250,247,.10);
    }


    html[dir="rtl"] .zd-contact-cta__bottom,
    body.rtl .zd-contact-cta__bottom {

        justify-content: flex-start;
    }
}


/* =========================================================
   RTL MOBILE-M
   ========================================================= */

@media (max-width: 424px) {

    html[dir="rtl"] .zd-contact-cta__value,
    body.rtl .zd-contact-cta__value {

        border-left: 0;
        border-right: 0;
    }


    html[dir="rtl"] .zd-contact-cta__value:last-child,
    body.rtl .zd-contact-cta__value:last-child {

        border-bottom: 0;
    }
}

/* =========================================================
   ZENDOJO — COMPACT FOOTER
   RTL
   ========================================================= */

html[dir="rtl"] .zd-footer,
body.rtl .zd-footer {
    direction: rtl;
}


/* =========================================================
   BRAND
   ========================================================= */

html[dir="rtl"] .zd-footer__brand,
body.rtl .zd-footer__brand {
    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__brand-col,
body.rtl .zd-footer__brand-col {
    text-align: right;
}


/* =========================================================
   QUICK LINKS
   ========================================================= */

html[dir="rtl"] .zd-footer__link-group a,
body.rtl .zd-footer__link-group a {

    text-align: right;

    transform: translateX(0);
}


html[dir="rtl"] .zd-footer__link-group a:hover,
body.rtl .zd-footer__link-group a:hover {

    transform: translateX(-3px);
}


html[dir="rtl"] .zd-footer__link-arrow,
body.rtl .zd-footer__link-arrow {

    transform:
        scaleX(-1)
        translateX(-5px);
}


html[dir="rtl"]
.zd-footer__link-group a:hover
.zd-footer__link-arrow,
body.rtl
.zd-footer__link-group a:hover
.zd-footer__link-arrow {

    transform:
        scaleX(-1)
        translateX(0);
}


/* =========================================================
   CONTACT
   ========================================================= */

html[dir="rtl"] .zd-footer__contact-item,
body.rtl .zd-footer__contact-item {

    flex-direction: row;

    text-align: right;
}


html[dir="rtl"] .zd-footer__contact-copy,
body.rtl .zd-footer__contact-copy {

    text-align: right;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html[dir="rtl"] .zd-footer__support-list a,
body.rtl .zd-footer__support-list a {

    flex-direction: row;

    text-align: right;
}


html[dir="rtl"] .zd-footer__support-list a:hover,
body.rtl .zd-footer__support-list a:hover {

    padding-left: 0;
    padding-right: 4px;
}


html[dir="rtl"]
.zd-footer__support-list a:hover > span:last-child,
body.rtl
.zd-footer__support-list a:hover > span:last-child {

    transform:
        scaleX(-1)
        translateX(4px);
}


/* =========================================================
   TIMINGS
   ========================================================= */

html[dir="rtl"] .zd-footer__status,
body.rtl .zd-footer__status {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__hours-row,
body.rtl .zd-footer__hours-row {

    text-align: right;
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

html[dir="rtl"] .zd-footer__newsletter,
body.rtl .zd-footer__newsletter {

    text-align: right;
}


html[dir="rtl"] .zd-footer__newsletter-field,
body.rtl .zd-footer__newsletter-field {

    direction: rtl;
}


html[dir="rtl"] .zd-footer__newsletter-button,
body.rtl .zd-footer__newsletter-button {

    flex-direction: row-reverse;
}


/* =========================================================
   BOTTOM
   ========================================================= */

html[dir="rtl"] .zd-footer__bottom,
body.rtl .zd-footer__bottom {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__copyright,
body.rtl .zd-footer__copyright {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-footer__legal,
body.rtl .zd-footer__legal {

    flex-direction: row-reverse;
}


/* =========================================================
   RTL MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-footer__bottom,
    body.rtl .zd-footer__bottom {

        flex-direction: column;
    }


    html[dir="rtl"] .zd-footer__copyright,
    body.rtl .zd-footer__copyright {

        flex-direction: row-reverse;

        justify-content: center;

        text-align: center;
    }


    html[dir="rtl"] .zd-footer__legal,
    body.rtl .zd-footer__legal {

        flex-direction: row-reverse;

        justify-content: center;
    }
}
/* =========================================================
   HERO  -  RTL
   (flex/grid already mirror; only direction-sensitive bits)
   ========================================================== */

html[dir="rtl"] .zd-hero {
    --zd-hero-flip: -1;
}

html[dir="rtl"] .zd-hero__belt {
    transform-origin: right center;
}

html[dir="rtl"] .zd-hero__btn-arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-hero__btn-primary:hover .zd-hero__btn-arrow {
    transform: scaleX(-1) translateX(3px);
}

html[dir="rtl"] .zd-hero__copy,
html[dir="rtl"] .zd-hero__title,
html[dir="rtl"] .zd-hero__lead {
    text-align: right;
}


/* =========================================================
   RTL — ABOUT HERO
   ========================================================= */

/* Eyebrow line grows from right */
html[dir="rtl"] .zd-about-hero__eyebrow-line {
    transform-origin: right center;
}

/* Flip mosaic accent bar to right edge */
html[dir="rtl"] .zd-about-hero__mosaic-bar {
    left: auto;
    right: 0;
}

/* Year chip aligned to right */
html[dir="rtl"] .zd-about-hero__year-chip {
    left: auto;
    right: 20px;
}

/* CTA primary arrow flipped */
html[dir="rtl"] .zd-about-hero__btn--primary svg {
    transform: rotate(180deg);
}
html[dir="rtl"] .zd-about-hero__btn--primary:hover svg {
    transform: rotate(180deg) translateX(4px);
}

/* Ticker + strip scroll reversed for RTL */
html[dir="rtl"] .zd-about-hero__ticker-track {
    animation-direction: reverse;
}
html[dir="rtl"] .zd-about-hero__strip-track {
    animation-direction: reverse;
}

/* Stat block first-child padding flip */
html[dir="rtl"] .zd-about-hero__stat:first-child {
    padding-inline-start: 20px;
    padding-inline-end: 0;
}

/* Text alignment in copy column */
html[dir="rtl"] .zd-about-hero__eyebrow,
html[dir="rtl"] .zd-about-hero__headline,
html[dir="rtl"] .zd-about-hero__lead,
html[dir="rtl"] .zd-about-hero__stat-label {
    text-align: right;
}

/* Stat number block text */
html[dir="rtl"] .zd-about-hero__stat-num {
    direction: ltr; /* keep numbers LTR even in RTL context */
}

/* Kanji ambient: flip horizontal drift */
html[dir="rtl"] .zd-about-hero__kanji:nth-child(1) {
    left: auto;
    right: 8%;
}
html[dir="rtl"] .zd-about-hero__kanji:nth-child(2) {
    left: auto;
    right: 50%;
}
html[dir="rtl"] .zd-about-hero__kanji:nth-child(3) {
    left: auto;
    right: 80%;
}

/* Micro-card in mosaic: flip position */
html[dir="rtl"] .zd-about-hero__micro-card {
    bottom: 24px;
    right: auto;
    left: -20px;
}

/* Grid layout: reverse column order */
html[dir="rtl"] .zd-about-hero__inner {
    direction: rtl;
}

/* Ticker items: spacing mirror */
html[dir="rtl"] .zd-about-hero__ticker-item {
    margin-inline-end: 0;
    margin-inline-start: 40px;
}

/* Keep the three Our Story stats evenly spaced on RTL phone layouts. */
@media (max-width: 767px) {
    html[dir="rtl"] .zd-about-hero__stat:first-child {
        padding-inline: 6px;
    }
}

/* Keep testimonial grid placement physical while RTL remains on its content. */
html[dir="rtl"] .zd-testimonials__shell,
body.rtl .zd-testimonials__shell {
    direction: ltr;
}

html[dir="rtl"] .zd-testimonials__feature,
body.rtl .zd-testimonials__feature,
html[dir="rtl"] .zd-testimonials__marquee-area,
body.rtl .zd-testimonials__marquee-area {
    direction: rtl;
    min-width: 0;
}

html[dir="rtl"] .zd-testimonials__destination,
body.rtl .zd-testimonials__destination {
    direction: ltr;
}

html[dir="rtl"] .zd-testimonials__feature-content,
body.rtl .zd-testimonials__feature-content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .zd-testimonials__feature-media-tag,
body.rtl .zd-testimonials__feature-media-tag {
    right: 7px;
    left: auto;
}


/* =========================================================
   RTL — ABOUT HERO
   ========================================================= */

/* Eyebrow line grows from right */
html[dir="rtl"] .zd-about-hero__eyebrow-line {
    transform-origin: right center;
}

/* Flip mosaic accent bar to right edge */
html[dir="rtl"] .zd-about-hero__mosaic-bar {
    left: auto;
    right: 0;
}

/* Year chip aligned to right */
html[dir="rtl"] .zd-about-hero__year-chip {
    left: auto;
    right: 20px;
}

/* CTA primary arrow flipped */
html[dir="rtl"] .zd-about-hero__btn--primary svg {
    transform: rotate(180deg);
}
html[dir="rtl"] .zd-about-hero__btn--primary:hover svg {
    transform: rotate(180deg) translateX(4px);
}

/* Ticker + strip scroll reversed for RTL */
html[dir="rtl"] .zd-about-hero__ticker-track {
    animation-direction: reverse;
}
html[dir="rtl"] .zd-about-hero__strip-track {
    animation-direction: reverse;
}

/* Stat block first-child padding flip */
html[dir="rtl"] .zd-about-hero__stat:first-child {
    padding-inline-start: 20px;
    padding-inline-end: 0;
}

/* Text alignment in copy column */
html[dir="rtl"] .zd-about-hero__eyebrow,
html[dir="rtl"] .zd-about-hero__headline,
html[dir="rtl"] .zd-about-hero__lead,
html[dir="rtl"] .zd-about-hero__stat-label {
    text-align: right;
}

/* Stat number block text */
html[dir="rtl"] .zd-about-hero__stat-num {
    direction: ltr; /* keep numbers LTR even in RTL context */
}

/* Kanji ambient: flip horizontal drift */
html[dir="rtl"] .zd-about-hero__kanji:nth-child(1) {
    left: auto;
    right: 8%;
}
html[dir="rtl"] .zd-about-hero__kanji:nth-child(2) {
    left: auto;
    right: 50%;
}
html[dir="rtl"] .zd-about-hero__kanji:nth-child(3) {
    left: auto;
    right: 80%;
}

/* Micro-card in mosaic: flip position */
html[dir="rtl"] .zd-about-hero__micro-card {
    bottom: 24px;
    right: auto;
    left: -20px;
}

/* Grid layout: reverse column order */
html[dir="rtl"] .zd-about-hero__inner {
    direction: rtl;
}

/* Ticker items: spacing mirror */
html[dir="rtl"] .zd-about-hero__ticker-item {
    margin-inline-end: 0;
    margin-inline-start: 40px;
}
/* =========================================================
   INSTRUCTORS HERO: RTL
   ========================================================= */

/* No letter-spacing for RTL scripts */
html[dir="rtl"] .ih-eyebrow,
html[dir="rtl"] .ih-item {
    letter-spacing: 0;
}

/* Marquee and the giant word keep one consistent motion and order */
html[dir="rtl"] .ih-track,
html[dir="rtl"] .ih-ghost {
    direction: ltr;
}

/* Underline brush starts from the right */
html[dir="rtl"] .ih-mark {
    background-position: 100% 92%;
}

/* Belt bar and ribbon stripes grow from the right */
html[dir="rtl"] .ih-belt-bar i,
html[dir="rtl"] .ih--ready .ih-belts i {
    transform-origin: right center;
}

/* Waves flow the other way */
html[dir="rtl"] .ih-waves {
    animation-name: ihDriftRtl;
}

@keyframes ihDriftRtl {
    to { transform: translateX(-64px); }
}

/* Arrows and buttons point the right way */
html[dir="rtl"] .ih-arrow svg,
html[dir="rtl"] .ih-btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .ih-btn:hover svg {
    translate: -4px 0;
}

/* Numbers keep their digits in order */
html[dir="rtl"] .ih-stat-num {
    direction: ltr;
    unicode-bidi: isolate;
}

@media (prefers-reduced-motion: reduce) {
    html[dir="rtl"] .ih-waves {
        animation: none;
    }
}

/* =========================================================
   A DAY AT THE DOJO: RTL
   ========================================================= */

/* No letter-spacing for RTL scripts */
html[dir="rtl"] .dd-eyebrow,
html[dir="rtl"] .dd-time,
html[dir="rtl"] .dd-outcome span {
    letter-spacing: 0;
}

/* Underline brush and progress bar start from the right */
html[dir="rtl"] .dd-mark {
    background-position: 100% 92%;
}

html[dir="rtl"] .dd-bar i {
    transform-origin: right center;
}

/* Counter keeps its digits in order */
html[dir="rtl"] .dd-count {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Hills drift the other way */
html[dir="rtl"] .dd-hill--1 {
    translate: calc((var(--dd-p, 0) - 0.5) * 9%) 0;
}

html[dir="rtl"] .dd-hill--2 {
    translate: calc((var(--dd-p, 0) - 0.5) * -12%) 0;
}

/* Clouds drift right to left */
html[dir="rtl"] .dd-cloud {
    left: auto;
    right: -24%;
    animation-name: ddDriftRtl;
}

@keyframes ddDriftRtl {
    to { translate: -150vw 0; }
}

/* Button arrow points left */
html[dir="rtl"] .dd-btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .dd-btn:hover svg {
    translate: -4px 0;
}

@media (prefers-reduced-motion: reduce) {
    html[dir="rtl"] .dd-cloud {
        animation: none;
    }
}

/* INSTRUCTORS: THE BELT TRAIL (RTL) */
[dir="rtl"] .rk{--rk-dir:-1}
[dir="rtl"] .rk-trust li{padding:9px 34px 9px 16px}
[dir="rtl"] .rk-chip{padding:5px 5px 5px 16px}

/* =========================================================
   ZENDOJO ABOUT HERO V2 — RTL
========================================================= */

html[dir="rtl"] .zd-ah2,
body.rtl .zd-ah2 {
    direction: rtl;
}


/* Reverse main composition */
html[dir="rtl"] .zd-ah2__inner,
body.rtl .zd-ah2__inner {
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, .92fr);
}


/* Move scarlet paint to left */
html[dir="rtl"] .zd-ah2__paint,
body.rtl .zd-ah2__paint {
    right: auto;
    left: -7%;

    transform: rotate(4deg);
}


/* Text */
html[dir="rtl"] .zd-ah2__content,
body.rtl .zd-ah2__content {
    text-align: right;
}


/* Eyebrow */
html[dir="rtl"] .zd-ah2__eyebrow,
body.rtl .zd-ah2__eyebrow {
    flex-direction: row-reverse;
}


/* Accent underline */
html[dir="rtl"] .zd-ah2__title-line--accent::after,
body.rtl .zd-ah2__title-line--accent::after {
    left: -8px;
    right: 0;

    transform-origin: right;
}


/* Meta */
html[dir="rtl"] .zd-ah2__meta-item:first-child,
body.rtl .zd-ah2__meta-item:first-child {
    padding-inline-start: 20px;
}

html[dir="rtl"] .zd-ah2__meta-item:last-child,
body.rtl .zd-ah2__meta-item:last-child {
    padding-inline-end: 0;
}


/* Arrow */
html[dir="rtl"] .zd-ah2__button--primary svg,
body.rtl .zd-ah2__button--primary svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-ah2__button--primary:hover svg,
body.rtl .zd-ah2__button--primary:hover svg {
    transform: scaleX(-1) translateX(4px);
}


/* Image enters from opposite side */
html[dir="rtl"] .zd-ah2__image-wrap,
body.rtl .zd-ah2__image-wrap {
    transform: translateX(-80px);

    animation-name: zd-ah2-image-in-rtl;
}

@keyframes zd-ah2-image-in-rtl {

    from {
        opacity: 0;
        transform: translateX(-120px) scale(.9);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}


/* Visual labels */
html[dir="rtl"] .zd-ah2__visual-label,
body.rtl .zd-ah2__visual-label {
    right: auto;
    left: 5%;

    transform: rotate(-90deg);
    transform-origin: left top;
}

html[dir="rtl"] .zd-ah2__vertical-note,
body.rtl .zd-ah2__vertical-note {
    left: auto;
    right: 2%;

    text-align: right;
}


/* Number */
html[dir="rtl"] .zd-ah2__number,
body.rtl .zd-ah2__number {
    right: auto;
    left: 0;
}


/* Path */
html[dir="rtl"] .zd-ah2__path,
body.rtl .zd-ah2__path {
    right: auto;
    left: 0;
}

html[dir="rtl"] .zd-ah2__path-line,
body.rtl .zd-ah2__path-line {
    right: auto;
    left: 0;

    border-right: 0;
    border-left: 2px dashed rgba(255,255,255,.45);

    transform: rotate(7deg);
}


/* Index */
html[dir="rtl"] .zd-ah2__index,
body.rtl .zd-ah2__index {
    right: auto;
    left: 42px;

    transform: rotate(-90deg);
    transform-origin: left top;
}

/* The About hero uses the same responsive composition in RTL and LTR. */
#aboutHero .zd-ah2__visual { right: auto; left: auto; }
#aboutHero .zd-ah2__paint { right: -4%; left: auto; }
#aboutHero .zd-ah2__image-wrap { transform: none; }
#aboutHero .zd-ah2__number { right: 5%; left: auto; }
#aboutHero .zd-ah2__index { right: 16px; left: auto; transform: none; }

@media (max-width: 1024px) {
    #aboutHero .zd-ah2__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    #aboutHero .zd-ah2__paint { right: -3%; left: auto; }
}

@media (max-width: 767px) {
    #aboutHero .zd-ah2__inner { display: grid; }
    #aboutHero .zd-ah2__visual { right: auto; left: auto; }
    #aboutHero .zd-ah2__paint { right: -3%; left: auto; }
    #aboutHero .zd-ah2__number { right: 5%; left: auto; }
}

@media (max-width: 424px) {
    #aboutHero .zd-ah2__number { right: 5%; left: auto; }
    #aboutHero .zd-ah2__index { right: 12px; left: auto; }
}


/* Bottom */
html[dir="rtl"] .zd-ah2__bottom,
body.rtl .zd-ah2__bottom {
    direction: rtl;
}


/* =========================================================
   RTL TABLET
========================================================= */

@media (max-width: 1024px) {

    html[dir="rtl"] .zd-ah2__inner,
    body.rtl .zd-ah2__inner {
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(0, .92fr);
    }

}


/* =========================================================
   RTL MOBILE
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-ah2__inner,
    body.rtl .zd-ah2__inner {
        display: block;
    }

    html[dir="rtl"] .zd-ah2__content,
    body.rtl .zd-ah2__content {
        margin-inline-start: auto;
    }

    html[dir="rtl"] .zd-ah2__visual,
    body.rtl .zd-ah2__visual {
        right: auto;
        left: -4%;
    }

    html[dir="rtl"] .zd-ah2__paint,
    body.rtl .zd-ah2__paint {
        right: auto;
        left: -20%;
    }

    html[dir="rtl"] .zd-ah2__image-wrap,
    body.rtl .zd-ah2__image-wrap {
        transform: translateX(-70px);
    }

    html[dir="rtl"] .zd-ah2__number,
    body.rtl .zd-ah2__number {
        left: -4%;
        right: auto;
    }

    html[dir="rtl"] .zd-ah2__index,
    body.rtl .zd-ah2__index {
        left: 24px;
    }
}


/* =========================================================
   RTL MOBILE-M
========================================================= */

@media (max-width: 575px) {

    html[dir="rtl"] .zd-ah2__visual,
    body.rtl .zd-ah2__visual {
        left: -7%;
    }

    html[dir="rtl"] .zd-ah2__paint,
    body.rtl .zd-ah2__paint {
        left: -25%;
    }
}


/* =========================================================
   RTL MOBILE-S
========================================================= */

@media (max-width: 390px) {

    html[dir="rtl"] .zd-ah2__visual,
    body.rtl .zd-ah2__visual {
        left: -10%;
    }
}

/* =========================================================
   ZENDOJO — MISSION & VISION
   RTL MODE
   SECTION ONLY
========================================================= */

html[dir="rtl"] .zd-mv,
body.rtl .zd-mv {

    direction: rtl;
}


/* =========================================================
   HEADING
========================================================= */

html[dir="rtl"] .zd-mv__heading,
body.rtl .zd-mv__heading {

    text-align: right;
}


html[dir="rtl"] .zd-mv__eyebrow,
body.rtl .zd-mv__eyebrow {

    flex-direction: row-reverse;

    justify-content: flex-start;
}


/* =========================================================
   CARDS
========================================================= */

/*
   CSS animations are intentionally reversed.

   In RTL:
   Mission enters from the RIGHT.
   Vision enters from the LEFT.
*/

html[dir="rtl"] .zd-mv__card--mission,
body.rtl .zd-mv__card--mission {

    transform:
        translateX(115%);
}


html[dir="rtl"] .zd-mv__card--vision,
body.rtl .zd-mv__card--vision {

    transform:
        translateX(-115%);
}


html[dir="rtl"] .zd-mv.is-visible
.zd-mv__card--mission,
body.rtl .zd-mv.is-visible
.zd-mv__card--mission {

    animation:
        zd-mv-mission-in-rtl
        1.15s
        cubic-bezier(.16, 1, .3, 1)
        forwards;
}


html[dir="rtl"] .zd-mv.is-visible
.zd-mv__card--vision,
body.rtl .zd-mv.is-visible
.zd-mv__card--vision {

    animation:
        zd-mv-vision-in-rtl
        1.15s
        .06s
        cubic-bezier(.16, 1, .3, 1)
        forwards;
}


/* =========================================================
   CARD TEXT
========================================================= */

html[dir="rtl"] .zd-mv__card,
body.rtl .zd-mv__card {

    text-align: right;
}


html[dir="rtl"] .zd-mv__card-top,
body.rtl .zd-mv__card-top {

    flex-direction: row-reverse;
}


html[dir="rtl"] .zd-mv__points,
body.rtl .zd-mv__points {

    justify-content: flex-start;
}


html[dir="rtl"] .zd-mv__points span,
body.rtl .zd-mv__points span {

    flex-direction: row-reverse;
}


/* =========================================================
   PHILOSOPHY
========================================================= */

html[dir="rtl"] .zd-mv__philosophy,
body.rtl .zd-mv__philosophy {

    direction: rtl;
}


html[dir="rtl"] .zd-mv__philosophy-content,
body.rtl .zd-mv__philosophy-content {

    text-align: center;
}


/* =========================================================
   RTL ANIMATIONS
========================================================= */

@keyframes zd-mv-mission-in-rtl {

    0% {
        opacity: 0;

        transform:
            translateX(115%);
    }

    72% {
        opacity: 1;

        transform:
            translateX(-4%);
    }

    100% {
        opacity: 1;

        transform:
            translateX(0);
    }
}


@keyframes zd-mv-vision-in-rtl {

    0% {
        opacity: 0;

        transform:
            translateX(-115%);
    }

    72% {
        opacity: 1;

        transform:
            translateX(4%);
    }

    100% {
        opacity: 1;

        transform:
            translateX(0);
    }
}


/* =========================================================
   MOBILE RTL
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-mv__card--mission,
    body.rtl .zd-mv__card--mission {

        transform:
            translateX(115%);
    }


    html[dir="rtl"] .zd-mv__card--vision,
    body.rtl .zd-mv__card--vision {

        transform:
            translateX(-115%);
    }


    html[dir="rtl"] .zd-mv__philosophy,
    body.rtl .zd-mv__philosophy {

        direction: rtl;
    }
}

/* =========================================================
   ZENDOJO — HISTORY RTL
   ========================================================= */

html[dir="rtl"] .zd-history,
body.rtl .zd-history {
    direction: rtl;
}


/* =========================================================
   HEADER
   ========================================================= */

html[dir="rtl"] .zd-history__eyebrow,
body.rtl .zd-history__eyebrow {
    flex-direction: row-reverse;
}

html[dir="rtl"] .zd-history__heading-wrap,
body.rtl .zd-history__heading-wrap {
    direction: rtl;
}

html[dir="rtl"] .zd-history__intro,
body.rtl .zd-history__intro {
    direction: rtl;
}

html[dir="rtl"] .zd-history__intro p,
body.rtl .zd-history__intro p {
    text-align: right;
}


/* =========================================================
   DESKTOP TIMELINE
   ========================================================= */

html[dir="rtl"] .zd-history__milestone--left .zd-history__year,
body.rtl .zd-history__milestone--left .zd-history__year {
    align-items: flex-start;

    padding-right: 0;
    padding-left: clamp(25px, 4vw, 70px);

    text-align: left;
}

html[dir="rtl"] .zd-history__milestone--right .zd-history__year,
body.rtl .zd-history__milestone--right .zd-history__year {
    align-items: flex-end;

    padding-left: 0;
    padding-right: clamp(25px, 4vw, 70px);

    text-align: right;
}


/* Swap content sides */
html[dir="rtl"] .zd-history__milestone--left .zd-history__content,
body.rtl .zd-history__milestone--left .zd-history__content {
    grid-column: 1;
    justify-self: end;

    margin-left: 0;
    margin-right: clamp(20px, 3vw, 45px);
}

html[dir="rtl"] .zd-history__milestone--right .zd-history__content,
body.rtl .zd-history__milestone--right .zd-history__content {
    grid-column: 3;
    justify-self: start;

    margin-right: 0;
    margin-left: clamp(20px, 3vw, 45px);
}


/* Red content edge */
html[dir="rtl"] .zd-history__milestone--left
.zd-history__content::before,
body.rtl .zd-history__milestone--left
.zd-history__content::before {
    right: auto;
    left: 0;
}

html[dir="rtl"] .zd-history__milestone--right
.zd-history__content::before,
body.rtl .zd-history__milestone--right
.zd-history__content::before {
    left: auto;
    right: 0;
}


/* =========================================================
   RTL REVEAL
   ========================================================= */

html[dir="rtl"] .zd-history__milestone--left,
body.rtl .zd-history__milestone--left {
    transform: translateX(70px);
}

html[dir="rtl"] .zd-history__milestone--right,
body.rtl .zd-history__milestone--right {
    transform: translateX(-70px);
}

html[dir="rtl"] .zd-history__milestone--left.is-visible,
body.rtl .zd-history__milestone--left.is-visible,
html[dir="rtl"] .zd-history__milestone--right.is-visible,
body.rtl .zd-history__milestone--right.is-visible {
    transform: translateX(0);
}


/* =========================================================
   CONTENT
   ========================================================= */

html[dir="rtl"] .zd-history__content,
body.rtl .zd-history__content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .zd-history__content-top,
body.rtl .zd-history__content-top {
    flex-direction: row-reverse;
}

html[dir="rtl"] .zd-history__principle,
body.rtl .zd-history__principle {
    flex-direction: row-reverse;
    justify-content: flex-start;
}


/* =========================================================
   NOW
   ========================================================= */

html[dir="rtl"] .zd-history__now,
body.rtl .zd-history__now {
    direction: rtl;
}

html[dir="rtl"] .zd-history__now-seal,
body.rtl .zd-history__now-seal {
    flex-direction: row-reverse;
}

/* Keep the history timeline's alternating columns mirrored correctly in RTL. */
@media (min-width: 768px) {
    html[dir="rtl"] .zd-history__milestone--left .zd-history__content,
    body.rtl .zd-history__milestone--left .zd-history__content {
        grid-column: 3;
        justify-self: start;
        margin-left: clamp(20px, 3vw, 45px);
        margin-right: 0;
    }

    html[dir="rtl"] .zd-history__milestone--right .zd-history__content,
    body.rtl .zd-history__milestone--right .zd-history__content {
        grid-column: 1;
        justify-self: end;
        margin-right: clamp(20px, 3vw, 45px);
        margin-left: 0;
    }

    html[dir="rtl"] .zd-history__milestone--left .zd-history__content::before,
    body.rtl .zd-history__milestone--left .zd-history__content::before {
        right: 0;
        left: auto;
    }

    html[dir="rtl"] .zd-history__milestone--right .zd-history__content::before,
    body.rtl .zd-history__milestone--right .zd-history__content::before {
        left: 0;
        right: auto;
    }
}


/* =========================================================
   MOBILE RTL
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-history__path,
    body.rtl .zd-history__path {
        left: auto;
        right: 25px;

        transform: none;
    }

    html[dir="rtl"] .zd-history__milestone,
    html[dir="rtl"] .zd-history__milestone--left,
    html[dir="rtl"] .zd-history__milestone--right,
    body.rtl .zd-history__milestone,
    body.rtl .zd-history__milestone--left,
    body.rtl .zd-history__milestone--right {
        padding-left: 0;
        padding-right: 56px;

        transform: translateY(45px);
    }

    html[dir="rtl"] .zd-history__milestone.is-visible,
    body.rtl .zd-history__milestone.is-visible {
        transform: translateY(0);
    }

    html[dir="rtl"] .zd-history__marker,
    body.rtl .zd-history__marker {
        left: auto;
        right: 0;
    }

    html[dir="rtl"] .zd-history__milestone--left .zd-history__year,
    html[dir="rtl"] .zd-history__milestone--right .zd-history__year,
    body.rtl .zd-history__milestone--left .zd-history__year,
    body.rtl .zd-history__milestone--right .zd-history__year {
        align-items: flex-end;

        padding: 0;

        text-align: right;
    }

    html[dir="rtl"] .zd-history__milestone--left .zd-history__content,
    html[dir="rtl"] .zd-history__milestone--right .zd-history__content,
    body.rtl .zd-history__milestone--left .zd-history__content,
    body.rtl .zd-history__milestone--right .zd-history__content {
        margin: 0;
    }

    html[dir="rtl"] .zd-history__now,
    body.rtl .zd-history__now {
        margin-left: 0;
        margin-right: 56px;
    }
}


/* =========================================================
   MOBILE-M
   ========================================================= */

@media (max-width: 575px) {

    html[dir="rtl"] .zd-history__path,
    body.rtl .zd-history__path {
        right: 21px;
    }

    html[dir="rtl"] .zd-history__milestone,
    html[dir="rtl"] .zd-history__milestone--left,
    html[dir="rtl"] .zd-history__milestone--right,
    body.rtl .zd-history__milestone,
    body.rtl .zd-history__milestone--left,
    body.rtl .zd-history__milestone--right {
        padding-right: 46px;
    }

    html[dir="rtl"] .zd-history__now,
    body.rtl .zd-history__now {
        margin-right: 46px;
    }
}


/* =========================================================
   MOBILE-S
   ========================================================= */

@media (max-width: 390px) {

    html[dir="rtl"] .zd-history__path,
    body.rtl .zd-history__path {
        right: 18px;
    }

    html[dir="rtl"] .zd-history__milestone,
    html[dir="rtl"] .zd-history__milestone--left,
    html[dir="rtl"] .zd-history__milestone--right,
    body.rtl .zd-history__milestone,
    body.rtl .zd-history__milestone--left,
    body.rtl .zd-history__milestone--right {
        padding-right: 39px;
    }

    html[dir="rtl"] .zd-history__now,
    body.rtl .zd-history__now {
        margin-right: 39px;
    }
}

/* =========================================================
   ZENDOJO — ABOUT CTA
   RTL
========================================================= */

html[dir="rtl"] .zd-about-cta,
body.rtl .zd-about-cta {

    direction: rtl;
}


/* Keep entire CTA visually centered */

html[dir="rtl"] .zd-about-cta__content,
body.rtl .zd-about-cta__content {

    text-align: center;
}


html[dir="rtl"] .zd-about-cta__title,
body.rtl .zd-about-cta__title {

    text-align: center;
}


html[dir="rtl"] .zd-about-cta__description,
body.rtl .zd-about-cta__description,

html[dir="rtl"] .zd-about-cta__subtext,
body.rtl .zd-about-cta__subtext {

    text-align: center;
}


/* Values remain centered */

html[dir="rtl"] .zd-about-cta__values,
body.rtl .zd-about-cta__values {

    justify-content: center;
}


/* Reverse arrow */

html[dir="rtl"] .zd-about-cta__button-arrow,
body.rtl .zd-about-cta__button-arrow {

    transform: scaleX(-1);
}


html[dir="rtl"] .zd-about-cta__button:hover
.zd-about-cta__button-arrow,
body.rtl .zd-about-cta__button:hover
.zd-about-cta__button-arrow {

    transform:
        scaleX(-1)
        translate(-3px, -3px);
}


/* RTL mobile */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-about-cta__values,
    body.rtl .zd-about-cta__values {

        justify-content: center;
    }

    html[dir="rtl"] .zd-about-cta__bottom,
    body.rtl .zd-about-cta__bottom {

        justify-content: center;
        text-align: center;
    }
}

/* 404 PAGE — right-to-left layout */
html[dir="rtl"] .zd-404__copy { text-align: right; }
html[dir="rtl"] .zd-404__eyebrow { flex-direction: row-reverse; }
html[dir="rtl"] .zd-404__steps::before { right: 23px; left: auto; }
html[dir="rtl"] .zd-404__art-number { right: auto; left: 1%; }
html[dir="rtl"] .zd-404__badge { right: auto; left: 4%; }
html[dir="rtl"] .zd-404__spark--one { right: auto; left: 22%; }
html[dir="rtl"] .zd-404__spark--two { left: auto; right: 7%; }
@media (min-width: 681px) and (max-width: 960px) {
    html[dir="rtl"] .zd-404__steps::before { right: 12%; left: 12%; }
}
@media (max-width: 680px) {
    html[dir="rtl"] .zd-404__badge { left: 2%; }
    html[dir="rtl"] .zd-404__spark--one { left: 18%; }
    html[dir="rtl"] .zd-404__spark--two { right: 10%; }
}
@media (max-width: 390px) {
    html[dir="rtl"] .zd-404__badge { left: 2%; }
}


/* =========================================================
   ZENDOJO — COMING SOON
   RTL SUPPORT
========================================================= */

html[dir="rtl"] .zd-coming,
body.rtl .zd-coming {

    direction: rtl;
}


/* ---------------------------------------------------------
   Controls
--------------------------------------------------------- */

html[dir="rtl"] .zd-coming__controls,
body.rtl .zd-coming__controls {

    right: auto;
    left: clamp(18px, 3vw, 45px);
}


/* ---------------------------------------------------------
   Centered content
--------------------------------------------------------- */

html[dir="rtl"] .zd-coming__main,
body.rtl .zd-coming__main {

    text-align: center;
}


html[dir="rtl"] .zd-coming__title,
body.rtl .zd-coming__title {

    text-align: center;
}


html[dir="rtl"] .zd-coming__description,
body.rtl .zd-coming__description {

    text-align: center;
}


html[dir="rtl"] .zd-coming__values,
body.rtl .zd-coming__values {

    justify-content: center;
}


html[dir="rtl"] .zd-coming__bottom,
body.rtl .zd-coming__bottom {

    justify-content: center;
    text-align: center;
}


/* ---------------------------------------------------------
   Button arrow
--------------------------------------------------------- */

html[dir="rtl"] .zd-coming__button-arrow,
body.rtl .zd-coming__button-arrow {

    transform: scaleX(-1);
}


html[dir="rtl"] .zd-coming__button:hover
.zd-coming__button-arrow,
body.rtl .zd-coming__button:hover
.zd-coming__button-arrow {

    transform:
        scaleX(-1)
        translate(-3px, -3px);
}


/* ---------------------------------------------------------
   Mobile RTL
--------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .zd-coming__controls,
    body.rtl .zd-coming__controls {

        left: 17px;
        right: auto;
    }
}


@media (max-width: 480px) {

    html[dir="rtl"] .zd-coming__controls,
    body.rtl .zd-coming__controls {

        left: 14px;
        right: auto;
    }
}


@media (max-width: 390px) {

    html[dir="rtl"] .zd-coming__controls,
    body.rtl .zd-coming__controls {

        left: 11px;
        right: auto;
    }
}

/* =========================================================
   PROGRAMS HERO: RTL
   ========================================================= */

/* No letter-spacing for RTL scripts */
html[dir="rtl"] .pb-eyebrow {
    letter-spacing: 0;
}

/* Underline brush starts from the right */
html[dir="rtl"] .pb-mark {
    background-position: 100% 92%;
}

/* Halftone dots fade in from the mirrored side */
html[dir="rtl"] .pb-dots {
    -webkit-mask-image: linear-gradient(240deg, transparent 45%, #000);
    mask-image: linear-gradient(240deg, transparent 45%, #000);
}

/* Arrows and the replay icon point the other way */
html[dir="rtl"] .pb-btn svg,
html[dir="rtl"] .pb-replay svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .pb-btn:hover svg {
    translate: -4px 0;
}

/* Age numbers keep their order */
html[dir="rtl"] .pb-age {
    direction: ltr;
    unicode-bidi: isolate;
}

/* =========================================================
   PARENT DASHBOARD: RTL
   ========================================================= */

/* No letter-spacing for RTL scripts */
html[dir="rtl"] .db-kicker,
html[dir="rtl"] .db-date span {
    letter-spacing: 0;
}

/* Menu links slide in from the right */
@keyframes dbSlideRtl {
    from { opacity: 0; transform: translateX(16px); }
    to   { opacity: 1; transform: none; }
}

html[dir="rtl"] .db-sidebar.is-open .db-link {
    animation-name: dbSlideRtl;
}

/* Numbers, dates and contact fields keep left-to-right order */
html[dir="rtl"] .db-count,
html[dir="rtl"] .db-date b,
html[dir="rtl"] .db-ring-val {
    direction: ltr;
    unicode-bidi: isolate;
}

html[dir="rtl"] .db-field input[type="email"],
html[dir="rtl"] .db-field input[type="tel"] {
    direction: ltr;
    text-align: right;
}

/* Kid chip spacing mirrors */
html[dir="rtl"] .db-kidchip {
    padding: 5px 6px 5px 16px;
}

/* Help line phone number stays readable */
html[dir="rtl"] .db-help a {
    direction: ltr;
    unicode-bidi: isolate;
}

/* =========================================================
   ADMIN DASHBOARD (RTL)
   ========================================================= */
[dir="rtl"] .ad-drawer{transform:translateX(-100%)}
[dir="rtl"] .ad-drawer.is-open{transform:none}
[dir="rtl"] .ad-drawer.is-open .ad-link{animation-name:adSlideRtl}
@keyframes adSlideRtl{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}
[dir="rtl"] .ad-line svg,[dir="rtl"] .ad-spark{transform:scaleX(-1)}
[dir="rtl"] .ad-donut__c svg{transform:rotate(-90deg) scaleY(-1)}
[dir="rtl"] .ad-msg.me{align-self:flex-start}
[dir="rtl"] .ad-msg:not(.me){align-self:flex-end}
[dir="rtl"] .ad-bars>span i{transform-origin:bottom}

/* =========================================================
   PROGRAMS PAGE — THE HANGING SCROLLS  -  RTL
   (flex/grid, the slider and the carousel already mirror;
    only arrows and the seal tilt need help)
   ========================================================= */

html[dir="rtl"] .zd-scrolls {
    --sc-seal-rot: 8deg;
}

html[dir="rtl"] .zd-scrolls__arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-scrolls__btn:hover .zd-scrolls__arrow {
    transform: scaleX(-1) translateX(3px);
}

html[dir="rtl"] .zd-scrolls__nav-btn[data-nav="next"] .zd-scrolls__arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-scrolls__nav-btn[data-nav="prev"] .zd-scrolls__arrow {
    transform: none;
}

html[dir="rtl"] .zd-scrolls__bottom a span {
    display: inline-block;
    transform: scaleX(-1);
}

html[dir="rtl"] .zd-scrolls__bottom a:hover span {
    transform: scaleX(-1) translateX(4px);
}

/* Programs day-one timeline: align the connector with RTL step markers. */
html[dir="rtl"] .zd-program-dayone__steps::before,
body.rtl .zd-program-dayone__steps::before {
    left: auto;
    right: 23px;
}

@media (min-width: 641px) and (max-width: 960px) {
    html[dir="rtl"] .zd-program-dayone__steps::before,
    body.rtl .zd-program-dayone__steps::before {
        top: 36px;
        right: 24px;
        bottom: auto;
        left: calc(33.333% - 35px);
        width: auto;
        height: 1px;
    }
}

@media (max-width: 640px) {
    html[dir="rtl"] .zd-program-dayone__steps::before,
    body.rtl .zd-program-dayone__steps::before {
        top: 25px;
        right: 23px;
        bottom: 36px;
        left: auto;
        width: 1px;
        height: auto;
    }
}

/* About hero mobile and tablet flow; keep RTL offsets inside the viewport. */
@media (max-width: 1024px) {
    html[dir="rtl"] .zd-ah2__inner,
    body.rtl .zd-ah2__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }

    html[dir="rtl"] .zd-ah2__content,
    body.rtl .zd-ah2__content { width: 100%; margin-inline: 0; }

    html[dir="rtl"] .zd-ah2__visual,
    body.rtl .zd-ah2__visual { position: relative; inset: auto; width: 100%; }

    html[dir="rtl"] .zd-ah2__paint,
    body.rtl .zd-ah2__paint { right: auto; left: -10%; }

    html[dir="rtl"] .zd-ah2__image-wrap,
    body.rtl .zd-ah2__image-wrap { transform: translate3d(0, 0, 0); }

    html[dir="rtl"] .zd-ah2__visual-label,
    body.rtl .zd-ah2__visual-label { right: 12px; left: auto; transform: none; transform-origin: center; }

    html[dir="rtl"] .zd-ah2__number,
    body.rtl .zd-ah2__number { right: 4%; left: auto; }

    html[dir="rtl"] .zd-ah2__index,
    body.rtl .zd-ah2__index { right: 16px; left: auto; transform: none; transform-origin: center; }
}

@media (max-width: 767px) {
    html[dir="rtl"] .zd-about-hero__stat:first-child {
        padding-inline: 6px;
    }
}

/* Keep the RTL layout mirrored without changing the section's grid flow. */
html[dir="rtl"] #zdTestimonials .zd-testimonials__shell,
body.rtl #zdTestimonials .zd-testimonials__shell {
    direction: ltr;
    grid-template-columns: minmax(0, 1.42fr) minmax(340px, 0.78fr);
}

html[dir="rtl"] #zdTestimonials .zd-testimonials__feature,
body.rtl #zdTestimonials .zd-testimonials__feature {
    grid-column: 2;
    direction: rtl;
    text-align: right;
    border-left: 0;
    border-right: 5px solid var(--zd-t-red);
}

html[dir="rtl"] #zdTestimonials .zd-testimonials__marquee-area,
body.rtl #zdTestimonials .zd-testimonials__marquee-area {
    grid-column: 1;
    direction: rtl;
    min-width: 0;
}

html[dir="rtl"] #zdTestimonials .zd-testimonials__destination,
body.rtl #zdTestimonials .zd-testimonials__destination {
    direction: ltr;
    grid-template-columns: minmax(0, 1fr) 110px;
}

html[dir="rtl"] #zdTestimonials .zd-testimonials__feature-media,
body.rtl #zdTestimonials .zd-testimonials__feature-media {
    grid-column: 2;
}

html[dir="rtl"] #zdTestimonials .zd-testimonials__feature-content,
body.rtl #zdTestimonials .zd-testimonials__feature-content {
    grid-column: 1;
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] #zdTestimonials .zd-testimonials__feature-media-tag,
body.rtl #zdTestimonials .zd-testimonials__feature-media-tag {
    right: 7px;
    left: auto;
}

@media (max-width: 1023px) {
    html[dir="rtl"] #zdTestimonials .zd-testimonials__shell,
    body.rtl #zdTestimonials .zd-testimonials__shell {
        grid-template-columns: minmax(0, 1fr);
    }

    html[dir="rtl"] #zdTestimonials .zd-testimonials__feature,
    html[dir="rtl"] #zdTestimonials .zd-testimonials__marquee-area,
    body.rtl #zdTestimonials .zd-testimonials__feature,
    body.rtl #zdTestimonials .zd-testimonials__marquee-area {
        grid-column: 1;
    }

    html[dir="rtl"] #zdTestimonials .zd-testimonials__feature,
    body.rtl #zdTestimonials .zd-testimonials__feature {
        border-right-width: 5px;
        border-left: 0;
    }
}

/* Keep the testimonial marquee track inside its viewport in RTL. */
html[dir='rtl'] #zdTestimonials .zd-testimonials__track,
body.rtl #zdTestimonials .zd-testimonials__track { direction: ltr; animation-name: zdTestimonialsMarquee; }
html[dir='rtl'] #zdTestimonials .zd-testimonials__feature-heading h2,
html[dir='rtl'] #zdTestimonials .zd-testimonials__feature-content blockquote,
body.rtl #zdTestimonials .zd-testimonials__feature-heading h2,
body.rtl #zdTestimonials .zd-testimonials__feature-content blockquote { direction: ltr; unicode-bidi: plaintext; }
html[dir='rtl'] #zdTestimonials .zd-testimonials__feature-heading h2 { text-align: right; }
html[dir='rtl'] #zdTestimonials .zd-testimonials__feature-heading h2,
body.rtl #zdTestimonials .zd-testimonials__feature-heading h2 { overflow-wrap: normal; word-break: normal; }