/* =========================================================
   CLEANORA - RTL SUPPORT
   ========================================================= */


/* =========================================================
   GLOBAL RTL
   ========================================================= */

html[dir="rtl"] body {
    direction: rtl;
}


/* =========================================================
   NAVBAR CONTAINER
   ========================================================= */

html[dir="rtl"] .cleanora-navcontainer {
    direction: rtl;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

html[dir="rtl"] .cleanora-navmenu {
    direction: rtl;
}


/* =========================================================
   NAVIGATION ACTIONS
   ========================================================= */

html[dir="rtl"] .cleanora-navactions {
    direction: rtl;
}


/* =========================================================
   NAVIGATION LINKS
   ========================================================= */

html[dir="rtl"] .cleanora-navlink {
    direction: rtl;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

html[dir="rtl"] .cleanora-dropdownmenu {
    text-align: right;
}


/* =========================================================
   DROPDOWN LINK
   ========================================================= */

html[dir="rtl"] .cleanora-dropdownlink {
    text-align: right;

    padding-left: 20px;
    padding-right: 20px;
}

html[dir="rtl"] .cleanora-dropdownlink:hover {
    padding-left: 20px;
    padding-right: 27px;
}


/* =========================================================
   RTL CHEVRON
   ========================================================= */

html[dir="rtl"] .cleanora-dropdown-toggle i {
    transform: rotate(0deg);
}

html[dir="rtl"]
.cleanora-dropdown.active
.cleanora-dropdown-toggle i {
    transform: rotate(180deg);
}


/* =========================================================
   RTL MOBILE MENU
   ========================================================= */

@media (max-width: 1023px) {

    html[dir="rtl"] .cleanora-navmenu {
        direction: rtl;
    }

    html[dir="rtl"] .cleanora-navlink {
        justify-content: space-between;
    }

    html[dir="rtl"] .cleanora-dropdownlink {
        padding-right: 25px;
        padding-left: 20px;
    }

    html[dir="rtl"] .cleanora-dropdownlink:hover {
        padding-right: 30px;
        padding-left: 20px;
    }
}

/* =========================================================
   CLEANORA HOME 2 — COMPLETE RTL SUPPORT
   ========================================================= */

html[dir="rtl"] .home2-page {
    direction: rtl;
}


/* =========================================================
   HERO
   ========================================================= */

html[dir="rtl"] .home2-hero-overlay {
    background:
        linear-gradient(
            -90deg,
            rgba(38,51,45,.96) 0%,
            rgba(38,51,45,.82) 45%,
            rgba(38,51,45,.32) 78%,
            rgba(38,51,45,.05) 100%
        );
}

html[dir="rtl"] .home2-hero-content {
    margin-left: 0;
    margin-right: clamp(6%, 10vw, 14%);
}

html[dir="rtl"] .home2-label {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .home2-hero-side-note {
    right: auto;
    left: 7%;

    padding-left: 0;
    padding-right: 18px;

    border-left: 0;
    border-right: 1px solid var(--home2-sage);
}

html[dir="rtl"] .home2-primary-btn,
html[dir="rtl"] .home2-hero-link,
html[dir="rtl"] .home2-cta-link,
html[dir="rtl"] .home2-arrow-link,
html[dir="rtl"] .home2-service-link,
html[dir="rtl"] .home2-main-btn {
    flex-direction: row-reverse;
}

html[dir="rtl"] .home2-primary-btn:hover i,
html[dir="rtl"] .home2-arrow-link:hover i,
html[dir="rtl"] .home2-service-link:hover i,
html[dir="rtl"] .home2-main-btn:hover i,
html[dir="rtl"] .home2-hero-link:hover i,
html[dir="rtl"] .home2-cta-link:hover i {
    transform: translateX(-5px);
}


/* =========================================================
   INTRO
   ========================================================= */

html[dir="rtl"] .home2-intro {
    direction: rtl;
}

html[dir="rtl"] .home2-intro-detail {
    direction: rtl;
}


/* =========================================================
   SERVICES
   ========================================================= */

html[dir="rtl"] .home2-service-row {
    direction: rtl;
}

html[dir="rtl"] .home2-service-row:hover {
    padding-left: 0;
    padding-right: 18px;
}

html[dir="rtl"] .home2-service-content {
    text-align: right;
}


/* =========================================================
   STORY
   ========================================================= */

html[dir="rtl"] .home2-story {
    direction: rtl;
}

html[dir="rtl"] .home2-story-caption {
    left: auto;
    right: 8%;
}


/* =========================================================
   STATS
   ========================================================= */

html[dir="rtl"] .home2-stats {
    direction: rtl;
}

html[dir="rtl"] .home2-stat-item {
    border-right: 0;
    border-left: 1px solid rgba(255,255,255,.16);
}

html[dir="rtl"] .home2-stat-item:last-child {
    border-left: 0;
}


/* =========================================================
   PROCESS
   ========================================================= */

html[dir="rtl"] .home2-process {
    direction: rtl;
}

html[dir="rtl"] .home2-process-step {
    direction: rtl;
    grid-template-columns: 1fr 55px;
}

html[dir="rtl"] .home2-process-number {
    grid-column: 2;
}

html[dir="rtl"] .home2-process-step > div {
    grid-column: 1;
    grid-row: 1;
}


/* =========================================================
   TESTIMONIAL
   ========================================================= */

html[dir="rtl"] .home2-testimonial {
    direction: rtl;
}

html[dir="rtl"] .home2-testimonial-mark {
    left: auto;
    right: 7%;
}

html[dir="rtl"] .home2-testimonial-person {
    direction: rtl;
}


/* =========================================================
   COVERAGE
   ========================================================= */

html[dir="rtl"] .home2-area {
    direction: rtl;
}

html[dir="rtl"] .home2-area-search {
    direction: rtl;
}

html[dir="rtl"] .home2-area-search > i {
    margin-right: 0;
    margin-left: 14px;
}

html[dir="rtl"] .home2-area-pin-one {
    left: auto;
    right: 30%;
}

html[dir="rtl"] .home2-area-pin-two {
    left: auto;
    right: 48%;
}

html[dir="rtl"] .home2-area-pin-three {
    left: auto;
    right: 65%;
}

html[dir="rtl"] .home2-area-label-one {
    left: auto;
    right: 24%;
}

html[dir="rtl"] .home2-area-label-two {
    left: auto;
    right: 43%;
}

html[dir="rtl"] .home2-area-label-three {
    left: auto;
    right: 60%;
}


/* =========================================================
   CTA
   ========================================================= */

html[dir="rtl"] .home2-cta-overlay {
    background:
        linear-gradient(
            -90deg,
            rgba(38,51,45,.95),
            rgba(38,51,45,.70),
            rgba(38,51,45,.18)
        );
}

html[dir="rtl"] .home2-cta-content {
    margin-left: 0;
    margin-right: 10%;
}


/* =========================================================
   TABLET RTL
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    html[dir="rtl"] .home2-hero-content {
        margin-left: 0;
        margin-right: 7%;
    }

    html[dir="rtl"] .home2-hero-side-note {
        right: auto;
        left: 5%;
    }

    html[dir="rtl"] .home2-cta-content {
        margin-left: 0;
        margin-right: 7%;
    }

}


/* =========================================================
   MOBILE RTL
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .home2-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(38,51,45,.94),
                rgba(38,51,45,.72)
            );
    }

    html[dir="rtl"] .home2-hero-content {
        margin-left: auto;
        margin-right: auto;
    }

    html[dir="rtl"] .home2-hero-side-note {
        left: 6%;
        right: auto;
    }

    html[dir="rtl"] .home2-cta-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(38,51,45,.94),
                rgba(38,51,45,.70)
            );
    }

    html[dir="rtl"] .home2-cta-content {
        margin-left: auto;
        margin-right: auto;
    }

    html[dir="rtl"] .home2-story-caption {
        right: 7%;
    }

    html[dir="rtl"] .home2-stat-item,
    html[dir="rtl"] .home2-stat-item:last-child {
        border-left: 0;
    }

    html[dir="rtl"] .home2-stat-item:nth-child(odd) {
        border-left: 1px solid rgba(255,255,255,.16);
    }

}


@media (max-width: 575px) {

    html[dir="rtl"] .home2-area-search > i {
        margin-left: 10px;
    }

}


@media (max-width: 359px) {

    html[dir="rtl"] .home2-stat-item,
    html[dir="rtl"] .home2-stat-item:nth-child(odd),
    html[dir="rtl"] .home2-stat-item:last-child {
        border-left: 0;
    }

}


/* =================================================
   HOME 2 — CLEANORA PROMISE RTL
   ================================================= */

html[dir="rtl"] .home2-promise {
    direction: rtl;
}


html[dir="rtl"] .home2-promise-heading {
    text-align: right;
}


html[dir="rtl"] .home2-promise-item {
    direction: rtl;
}


html[dir="rtl"] .home2-promise-before .home2-promise-image-label {
    left: auto;
    right: 25px;
}


html[dir="rtl"] .home2-promise-after .home2-promise-image-label {
    right: auto;
    left: 25px;
}


html[dir="rtl"] .home2-promise-link i {
    transform: rotate(180deg);
}


html[dir="rtl"] .home2-promise-link:hover i {
    transform: rotate(180deg) translateX(6px);
}


/* =================================================
   RTL MOBILE
   ================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .home2-promise-heading {
        text-align: right;
    }

    html[dir="rtl"] .home2-promise-before .home2-promise-image-label {
        right: 18px;
        left: auto;
    }

    html[dir="rtl"] .home2-promise-after .home2-promise-image-label {
        left: 18px;
        right: auto;
    }

}

/* =========================================================
   CLEANORA ABOUT US - RTL
   ========================================================= */

html[dir="rtl"] .aboutus-page {
    direction: rtl;
}


/* =========================================================
   HERO
   ========================================================= */

html[dir="rtl"] .aboutus-hero-content {
    text-align: right;
}

html[dir="rtl"] .aboutus-hero-actions {
    justify-content: flex-start;
}

html[dir="rtl"] .aboutus-primary-btn i {
    transform: rotate(180deg);
}

html[dir="rtl"] .aboutus-text-link i {
    margin-right: 8px;
    margin-left: 0;
}

html[dir="rtl"] .aboutus-hero-float {
    direction: rtl;
}


/* =========================================================
   MISSION / VISION
   ========================================================= */

html[dir="rtl"] .aboutus-mission-content,
html[dir="rtl"] .aboutus-vision-content {
    text-align: right;
}

html[dir="rtl"] .aboutus-mission-sign,
html[dir="rtl"] .aboutus-vision-sign {
    flex-direction: row;
}


/* =========================================================
   HISTORY
   ========================================================= */

html[dir="rtl"] .aboutus-history-heading {
    text-align: right;
}

html[dir="rtl"] .aboutus-timeline-content {
    text-align: right;
}

html[dir="rtl"] .aboutus-timeline-year {
    letter-spacing: 1px;
}


/* =========================================================
   SECTION 4 — RTL
========================================================= */

html[dir="rtl"] .aboutus-difference-layout {
    direction: rtl;
}


html[dir="rtl"] .aboutus-difference-statement {
    text-align: right;
}


html[dir="rtl"] .aboutus-difference-statement p {
    margin-right: 0;
    margin-left: auto;
}


html[dir="rtl"] .aboutus-difference-feature {
    direction: rtl;

    grid-template-columns:
        1fr 55px;

    text-align: right;
}


html[dir="rtl"] .aboutus-difference-feature > div {
    grid-column: 1;
    grid-row: 1;
}


html[dir="rtl"] .aboutus-difference-feature-number {
    grid-column: 2;
    grid-row: 1;

    text-align: right;
}


html[dir="rtl"] .aboutus-difference-feature i {
    transform-origin: center;
}


@media (hover: hover) {

    html[dir="rtl"]
    .aboutus-difference-feature:hover {
        padding-left: 0;
        padding-right: 16px;
    }


    html[dir="rtl"]
    .aboutus-difference-feature:hover
    i {
        transform: translateX(-5px);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1023px) {

    html[dir="rtl"]
    .aboutus-difference-layout {
        text-align: right;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"]
    .aboutus-difference-feature {
        grid-template-columns:
            1fr 42px;
    }

}


@media (max-width: 480px) {

    html[dir="rtl"]
    .aboutus-difference-feature {
        grid-template-columns:
            1fr 34px;
    }

}
/* =========================================================
   TEAM
   ========================================================= */

html[dir="rtl"] .aboutus-team-heading {
    text-align: right;
}

html[dir="rtl"] .aboutus-team-member-info {
    text-align: right;
}

html[dir="rtl"] .aboutus-team-training {
    text-align: right;
}





/* =========================================================
   RTL ARROW CORRECTION
   ========================================================= */

html[dir="rtl"] .aboutus-cta-link i,
html[dir="rtl"] .aboutus-primary-btn i {
    transform: rotate(180deg);
}

/* =========================================================
   ABOUT US - SECTION 6 RTL
========================================================= */

html[dir="rtl"] .aboutus-beliefs {
    direction: rtl;
}

html[dir="rtl"] .aboutus-belief-card {
    text-align: right;
}

html[dir="rtl"] .aboutus-belief-card-icon {
    right: auto;
    left: 7%;
    transform:
        translateY(-50%)
        rotate(12deg);
}


/* =========================================================
   ABOUT US - SECTION 7 RTL
========================================================= */

html[dir="rtl"] .aboutus-inside-sticky {
    direction: rtl;
}

html[dir="rtl"] .aboutus-inside-manifesto {
    text-align: right;
}

html[dir="rtl"] .aboutus-inside-progress-line span {
    left: auto;
    right: 0;
}

html[dir="rtl"] .aboutus-inside-slide-content {
    text-align: right;
}


/* Mobile */

@media (max-width:767px) {

    html[dir="rtl"] .aboutus-belief-card {
        text-align: right;
    }

    html[dir="rtl"] .aboutus-inside-manifesto {
        text-align: right;
    }

}
/* =========================================================
   ABOUT US - SECTION 6 & 7 RTL ANIMATION SUPPORT
========================================================= */

html[dir="rtl"] .aboutus-belief-card-icon {
    right: auto;
    left: 7%;

    transform:
        translateY(-50%)
        rotate(12deg);
}

html[dir="rtl"] .aboutus-inside-slide {
    transform:
        translate3d(-70px, 0, 0)
        scale(.96);
}

html[dir="rtl"] .aboutus-inside-slide-active {
    transform:
        translate3d(0, 0, 0)
        scale(1);
}

html[dir="rtl"] .aboutus-inside-progress-line span {
    left: auto;
    right: 0;
}



/* =========================================================
   CLEANORA SERVICES — RTL
========================================================= */


/* =========================================================
   HERO
========================================================= */

html[dir="rtl"] .services-hero-layout {
    direction: rtl;
}

html[dir="rtl"] .services-hero-content {
    text-align: right;
}

html[dir="rtl"] .services-hero-mask h1 {
    direction: rtl;
}

html[dir="rtl"] .services-hero-button {
    flex-direction: row-reverse;
}

html[dir="rtl"] .services-hero-button:hover i {
    transform: translateX(-5px);
}

html[dir="rtl"] .services-hero-label-one {
    left: auto;
    right: -25px;
}

html[dir="rtl"] .services-hero-label-two {
    right: auto;
    left: -25px;
}

html[dir="rtl"] .services-hero-background-word {
    right: auto;
    left: -5%;
}


/* =========================================================
   SELECTOR
========================================================= */

html[dir="rtl"] .services-selector {
    direction: rtl;
}

html[dir="rtl"] .services-selector-heading {
    text-align: center;
}

html[dir="rtl"] .services-selector-runway {
    direction: rtl;
}

html[dir="rtl"] .services-selector-item {
    text-align: right;
    border-right: 0;
    border-left: 1px solid rgba(38,51,45,.14);
}

html[dir="rtl"] .services-selector-item:last-child {
    border-left: 0;
}

html[dir="rtl"] .services-selector-item::after {
    left: 100%;
    right: 0;
}

html[dir="rtl"] .services-selector-active::after {
    left: 0;
}

html[dir="rtl"] .services-selector-item:hover i,
html[dir="rtl"] .services-selector-active i {
    transform: translateX(-5px);
}

html[dir="rtl"] .services-selector-active .services-selector-name {
    transform: translateX(-5px);
}

html[dir="rtl"] .services-selector-showcase {
    direction: rtl;
}

html[dir="rtl"] .services-selector-info {
    text-align: right;
}

html[dir="rtl"] .services-selector-features span {
    flex-direction: row;
}


/* =========================================================
   STANDARD
========================================================= */

html[dir="rtl"] .services-standard {
    direction: rtl;
}

html[dir="rtl"] .services-standard-layout {
    direction: rtl;
}

html[dir="rtl"] .services-standard-content {
    text-align: right;
}

html[dir="rtl"] .services-standard-number {
    left: auto;
    right: -2%;
}

html[dir="rtl"] .services-standard-list-item {
    grid-template-columns: 1fr 45px;
}

html[dir="rtl"] .services-standard-list-item span {
    grid-column: 2;
}

html[dir="rtl"] .services-standard-list-item p {
    grid-column: 1;
    grid-row: 1;
}

html[dir="rtl"] .services-standard-line {
    right: auto;
    left: -55px;
    transform-origin: right;
}


/* =========================================================
   DEEP
========================================================= */

html[dir="rtl"] .services-deep {
    direction: rtl;
}

html[dir="rtl"] .services-deep-background {
    right: auto;
    left: -5%;
}

html[dir="rtl"] .services-deep-panel-back {
    transform: rotateY(-180deg);
}

html[dir="rtl"] .services-deep-panel:hover .services-deep-panel-inner,
html[dir="rtl"] .services-deep-panel.services-deep-flipped .services-deep-panel-inner {
    transform: rotateY(-180deg);
}


/* =========================================================
   KITCHEN
========================================================= */

html[dir="rtl"] .services-kitchen {
    direction: rtl;
}

html[dir="rtl"] .services-kitchen-heading {
    text-align: right;
}

html[dir="rtl"] .services-kitchen-info {
    right: auto;
    left: 5%;
    text-align: right;
}


/* =========================================================
   MOVE-IN
========================================================= */

html[dir="rtl"] .services-movein {
    direction: rtl;
}

html[dir="rtl"] .services-movein-kinetic {
    left: auto;
    right: -5%;
}

html[dir="rtl"] .services-movein-layout {
    direction: rtl;
}

html[dir="rtl"] .services-movein-image-wrap {
    transform: translateX(40px);
}

html[dir="rtl"] .services-movein-image-wrap.services-visible {
    transform: translateX(0);
}

html[dir="rtl"] .services-movein-content {
    transform: translateX(-40px);
    text-align: right;
}

html[dir="rtl"] .services-movein-content.services-visible {
    transform: translateX(0);
}

html[dir="rtl"] .services-movein-step {
    grid-template-columns: 1fr 45px;
}

html[dir="rtl"] .services-movein-step > span {
    grid-column: 2;
}

html[dir="rtl"] .services-movein-step > div {
    grid-column: 1;
    grid-row: 1;
}

html[dir="rtl"] .services-movein-complete {
    direction: rtl;
}


/* =========================================================
   FINAL CTA
========================================================= */

html[dir="rtl"] .services-final {
    direction: rtl;
}

html[dir="rtl"] .services-final-option {
    direction: rtl;
    text-align: right;
    border-right: 0;
    border-left: 1px solid rgba(255,255,255,.16);
}

html[dir="rtl"] .services-final-option:last-child {
    border-left: 0;
}

html[dir="rtl"] .services-final-option:hover {
    padding-left: 20px;
    padding-right: 28px;
}

html[dir="rtl"] .services-final-option:hover i {
    transform: translateX(-6px);
}

html[dir="rtl"] .services-final-button {
    flex-direction: row-reverse;
}

html[dir="rtl"] .services-final-button::after {
    left: 100%;
    right: 0;
}

html[dir="rtl"] .services-final-button:hover::after {
    left: 0;
}

html[dir="rtl"] .services-final-button:hover i {
    transform: translateX(-6px);
}

html[dir="rtl"] .services-final-kinetic {
    left: auto;
    right: -10%;
}


/* =========================================================
   RTL MOBILE
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .services-hero-label-one {
        right: -5px;
        left: auto;
    }

    html[dir="rtl"] .services-hero-label-two {
        left: -5px;
        right: auto;
    }

    html[dir="rtl"] .services-selector-runway {
        direction: rtl;
    }

    html[dir="rtl"] .services-selector-item {
        border-left: 1px solid rgba(38,51,45,.14);
    }

    html[dir="rtl"] .services-selector-item:last-child {
        border-left: 0;
    }

    html[dir="rtl"] .services-standard-line {
        left: -20px;
    }

    html[dir="rtl"] .services-kitchen-info {
        left: 5%;
        right: 5%;
    }

    html[dir="rtl"] .services-movein-layout {
        direction: rtl;
    }

    html[dir="rtl"] .services-movein-image-wrap {
        transform: translateY(30px);
    }

    html[dir="rtl"] .services-movein-image-wrap.services-visible {
        transform: translateY(0);
    }

    html[dir="rtl"] .services-movein-content {
        transform: translateY(30px);
    }

    html[dir="rtl"] .services-movein-content.services-visible {
        transform: translateY(0);
    }

    html[dir="rtl"] .services-final-option {
        border-left: 0;
        border-bottom: 1px solid rgba(255,255,255,.16);
    }

    html[dir="rtl"] .services-final-option:last-child {
        border-bottom: 0;
    }

}

/* =========================================================
   CLEANORA PRICING — RTL
========================================================= */


/* Hero */

html[dir="rtl"] .pricing-hero-content {

    text-align: right;

}


html[dir="rtl"] .pricing-hero-content p {

    margin-left: 0;
    margin-right: 0;

}


html[dir="rtl"] .pricing-primary-btn i {

    transform: rotate(180deg);

}


html[dir="rtl"] .pricing-primary-btn:hover i {

    transform:
        rotate(180deg)
        translateX(5px);

}


/* Builder */

html[dir="rtl"] .pricing-builder-label {

    flex-direction: row-reverse;

}


html[dir="rtl"] .pricing-frequency-option {

    text-align: right;

}


html[dir="rtl"] .pricing-estimate-summary div {

    direction: rtl;

}


html[dir="rtl"] .pricing-estimate-btn {

    direction: rtl;

}


html[dir="rtl"] .pricing-estimate-btn i {

    transform: rotate(180deg);

}


html[dir="rtl"] .pricing-estimate-btn:hover i {

    transform:
        rotate(180deg)
        translateX(5px);

}


/* Frequency */

html[dir="rtl"] .pricing-frequency-copy {

    border-left: 0;

    border-right:
        4px solid var(--pricing-sage);

    padding-left: 0;

    padding-right: 45px;

}


html[dir="rtl"] .pricing-frequency-large-option {

    grid-template-columns:
        30px 1fr 55px;

    text-align: right;

}


html[dir="rtl"] .pricing-frequency-large-option i {

    transform: rotate(180deg);

}


/* Comparison */

html[dir="rtl"] .pricing-comparison-head div,
html[dir="rtl"] .pricing-comparison-row > div {

    border-right: 0;

    border-left:
        1px solid rgba(255,255,255,.1);

}


html[dir="rtl"] .pricing-comparison-head div:last-child,
html[dir="rtl"] .pricing-comparison-row > div:last-child {

    border-left: 0;

}


/* Breakdown */

html[dir="rtl"] .pricing-receipt-line,
html[dir="rtl"] .pricing-receipt-total,
html[dir="rtl"] .pricing-receipt-top {

    direction: rtl;

}


/* Final */

html[dir="rtl"] .pricing-final-primary i {

    transform: rotate(180deg);

}


html[dir="rtl"] .pricing-final-primary:hover i {

    transform:
        rotate(180deg)
        translateX(5px);

}


/* Mobile RTL */

@media (max-width: 767px) {

    html[dir="rtl"] .pricing-frequency-copy {

        padding-right: 25px;

    }

}

/* =========================================================
   HOW IT WORKS — RTL
   ========================================================= */

html[dir="rtl"] .howworks-hero-kicker::before {
    order: 2;
}


html[dir="rtl"] .howworks-primary-btn i,
html[dir="rtl"] .howworks-cta-button i {
    transform: rotate(180deg);
}


html[dir="rtl"] .howworks-primary-btn:hover i,
html[dir="rtl"] .howworks-cta-button:hover i {
    transform: rotate(180deg) translateX(6px);
}


html[dir="rtl"] .howworks-hero-bottom {
    left: auto;
    right: 6%;
}


html[dir="rtl"] .howworks-booking-line {
    left: auto;
    right: 42px;
}


html[dir="rtl"] .howworks-booking-item {
    direction: rtl;
}


html[dir="rtl"] .howworks-booking-content {
    text-align: right;
}


html[dir="rtl"] .howworks-match-path {
    direction: rtl;
}


html[dir="rtl"] .howworks-match-standard,
html[dir="rtl"] .howworks-match-kitchen {
    left: auto;
    right: 0;
}


html[dir="rtl"] .howworks-match-deep,
html[dir="rtl"] .howworks-match-move {
    right: auto;
    left: 0;
}


html[dir="rtl"] .howworks-match-standard,
html[dir="rtl"] .howworks-match-kitchen {
    flex-direction: row-reverse;
    text-align: right;
}


html[dir="rtl"] .howworks-match-deep,
html[dir="rtl"] .howworks-match-move {
    flex-direction: row;
    text-align: left;
}


html[dir="rtl"] .howworks-prep-line {
    left: auto;
    right: 24px;
}


html[dir="rtl"] .howworks-prep-item {
    direction: rtl;
}


html[dir="rtl"] .howworks-status-interface {
    direction: rtl;
}


html[dir="rtl"] .howworks-status-details {
    direction: rtl;
}


html[dir="rtl"] .howworks-after-point {
    direction: rtl;
}


html[dir="rtl"] .howworks-cta-route {
    direction: rtl;
}


@media (max-width: 767px) {

    html[dir="rtl"] .howworks-booking-line {
        right: 26px;
    }

    html[dir="rtl"] .howworks-prep-line {
        right: 20px;
    }

    html[dir="rtl"] .howworks-match-standard,
    html[dir="rtl"] .howworks-match-deep,
    html[dir="rtl"] .howworks-match-kitchen,
    html[dir="rtl"] .howworks-match-move {
        right: auto;
        left: auto;
    }

    html[dir="rtl"] .howworks-match-path {
        flex-direction: row !important;
        text-align: right !important;
    }

}

/* =========================================================
   CLEANORA COVERAGE — RTL
   ========================================================= */

html[dir="rtl"] .coverage-page {
    direction: rtl;
}


/* HERO */

html[dir="rtl"] .coverage-hero-content {
    text-align: right;
}

html[dir="rtl"] .coverage-hero-content h1 span {
    display: block;
}

html[dir="rtl"] .coverage-hero-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .coverage-primary-btn i,
html[dir="rtl"] .coverage-secondary-btn i,
html[dir="rtl"] .coverage-final-primary i,
html[dir="rtl"] .coverage-final-secondary i,
html[dir="rtl"] .coverage-outline-btn i {
    transform: rotate(180deg);
}


/* REACH */

html[dir="rtl"] .coverage-reach-item {
    grid-template-columns: minmax(0, 1fr) 65px;
}

html[dir="rtl"] .coverage-reach-item > div {
    order: 1;
}

html[dir="rtl"] .coverage-number {
    order: 2;
}


/* FINDER */

html[dir="rtl"] .coverage-finder-content {
    text-align: right;
}

html[dir="rtl"] .coverage-input-wrap {
    padding-left: 7px;
    padding-right: 18px;
}

html[dir="rtl"] .coverage-input-wrap input {
    text-align: right;
}

html[dir="rtl"] .coverage-finder-result {
    text-align: right;
}


/* SERVICE */

html[dir="rtl"] .coverage-service-info {
    text-align: right;
}

html[dir="rtl"] .coverage-status-row {
    flex-direction: row-reverse;
}


/* BOUNDARY */

html[dir="rtl"] .coverage-boundary-content {
    text-align: right;
}

html[dir="rtl"] .coverage-boundary-steps {
    direction: rtl;
}


/* FINAL */

html[dir="rtl"] .coverage-final {
    direction: rtl;
}


/* MOBILE RTL */

@media (max-width: 1023px) {

    html[dir="rtl"] .coverage-hero-content,
    html[dir="rtl"] .coverage-finder-content,
    html[dir="rtl"] .coverage-boundary-content {
        text-align: center;
    }

    html[dir="rtl"] .coverage-finder-form {
        text-align: right;
    }

    html[dir="rtl"] .coverage-reach-item {
        grid-template-columns: 45px minmax(0, 1fr);
    }

    html[dir="rtl"] .coverage-reach-item > div {
        order: 2;
    }

    html[dir="rtl"] .coverage-number {
        order: 1;
    }
}

@media (max-width: 480px) {

    html[dir="rtl"] .coverage-boundary-steps {
        text-align: right;
    }

    html[dir="rtl"] .coverage-input-wrap {
        padding-right: 8px;
        padding-left: 8px;
    }

}

/* =========================================================
   COVERAGE HERO + SECTION 06
   NEW RTL RULES
========================================================= */

html[dir="rtl"] .coverage-hero-content {
    text-align: right;
}

html[dir="rtl"] .coverage-hero-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .coverage-primary-btn i,
html[dir="rtl"] .coverage-outline-btn i {
    transform: rotate(180deg);
}

html[dir="rtl"] .coverage-radius-data-one {
    left: auto;
    right: 2%;
    text-align: right;
}

html[dir="rtl"] .coverage-radius-data-two {
    right: auto;
    left: 0;
    text-align: left;
}

html[dir="rtl"] .coverage-radius-data-three {
    right: auto;
    left: 4%;
    text-align: left;
}

html[dir="rtl"] .coverage-marker-one {
    left: auto;
    right: 16%;
}

html[dir="rtl"] .coverage-marker-two {
    right: auto;
    left: 5%;
}

html[dir="rtl"] .coverage-marker-three {
    right: auto;
    left: 13%;
}

html[dir="rtl"] .coverage-marker-four {
    left: auto;
    right: 15%;
}


/* =========================================================
   SECTION 06 RTL
========================================================= */

html[dir="rtl"] .coverage-boundary-content {
    text-align: right;
}

html[dir="rtl"] .coverage-boundary-process {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .coverage-boundary-process::before {
    left: auto;
    right: 9px;
}

html[dir="rtl"] .coverage-boundary-process-item {
    grid-template-columns: minmax(0, 1fr) 44px;
}

html[dir="rtl"] .coverage-boundary-process-item > span {
    grid-column: 2;
    grid-row: 1;
}

html[dir="rtl"] .coverage-boundary-process-item > div {
    grid-column: 1;
    grid-row: 1;
}

html[dir="rtl"] .coverage-boundary-location-one {
    left: auto;
    right: 12%;
}

html[dir="rtl"] .coverage-boundary-location-two {
    right: auto;
    left: 9%;
}

html[dir="rtl"] .coverage-boundary-caption {
    left: auto;
    right: 8%;
    text-align: right;
}

html[dir="rtl"] .coverage-boundary-status {
    right: auto;
    left: 2%;
    border-left: none;
    border-right: 3px solid var(--cleanora-sage);
}

@media (max-width: 1023px) {

    html[dir="rtl"] .coverage-hero-content,
    html[dir="rtl"] .coverage-boundary-content {
        text-align: center;
    }

    html[dir="rtl"] .coverage-boundary-process {
        text-align: right;
    }
}

@media (max-width: 575px) {

    html[dir="rtl"] .coverage-boundary-process {
        padding-right: 20px;
        padding-left: 0;
    }

    html[dir="rtl"] .coverage-boundary-process-item {
        grid-template-columns: minmax(0, 1fr) 38px;
    }
}

/* =========================================================
   CLEANORA CONTACT PAGE
   RTL ONLY
   ========================================================= */

html[dir="rtl"] .contact-page {
    direction: rtl;
}


/* =========================================================
   HERO
   ========================================================= */

html[dir="rtl"] .contact-hero {
    direction: rtl;
}

html[dir="rtl"] .contact-hero-content {
    text-align: right;
}

html[dir="rtl"] .contact-hero-actions {
    direction: rtl;
}

html[dir="rtl"] .contact-hero-label {
    direction: rtl;
}

html[dir="rtl"] .contact-hero-label i {
    margin-left: 8px;
    margin-right: 0;
}


/* =========================================================
   INFORMATION
   ========================================================= */

html[dir="rtl"] .contact-info-section {
    direction: rtl;
}

html[dir="rtl"] .contact-info-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .contact-info-icon {
    margin-left: 0;
    margin-right: 0;
}


/* =========================================================
   MESSAGE FORM
   ========================================================= */

html[dir="rtl"] .contact-message-section {
    direction: rtl;
}

html[dir="rtl"] .contact-message-content {
    text-align: right;
}

html[dir="rtl"] .contact-message-form {
    direction: rtl;
}

html[dir="rtl"] .contact-message-section label {
    text-align: right;
}

html[dir="rtl"] .contact-message-section input,
html[dir="rtl"] .contact-message-section textarea,
html[dir="rtl"] .contact-message-section select {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .contact-input-icon {
    left: auto;
    right: 18px;
}

html[dir="rtl"] .contact-message-section input,
html[dir="rtl"] .contact-message-section select {
    padding-left: 18px;
    padding-right: 48px;
}

html[dir="rtl"] .contact-message-section textarea {
    padding-right: 18px;
}


/* =========================================================
   MAP
   ========================================================= */

html[dir="rtl"] .contact-map-section {
    direction: rtl;
}

html[dir="rtl"] .contact-map-content {
    text-align: right;
}

html[dir="rtl"] .contact-map-details {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .contact-map-btn {
    direction: rtl;
}

html[dir="rtl"] .contact-map-btn i {
    margin-right: 8px;
    margin-left: 0;
}


/* =========================================================
   FAQ
   ========================================================= */

html[dir="rtl"] .contact-faq-section {
    direction: rtl;
}

html[dir="rtl"] .contact-faq-item {
    direction: rtl;
}

html[dir="rtl"] .contact-faq-question {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .contact-faq-question i {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .contact-faq-answer {
    direction: rtl;
    text-align: right;
}


/* =========================================================
   PROCESS
   ========================================================= */

html[dir="rtl"] .contact-process-section {
    direction: rtl;
}

html[dir="rtl"] .contact-process-step {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .contact-process-step-number {
    left: auto;
    right: 0;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

html[dir="rtl"] .contact-final-cta {
    direction: rtl;
}

html[dir="rtl"] .contact-final-cta-content {
    text-align: right;
}

html[dir="rtl"] .contact-cta-primary i,
html[dir="rtl"] .contact-primary-btn i,
html[dir="rtl"] .contact-submit-btn i {
    margin-left: 0;
    margin-right: 8px;
}

html[dir="rtl"] .contact-cta-secondary i {
    margin-left: 0;
    margin-right: 8px;
}


/* =========================================================
   RTL ARROW MOVEMENT
   ========================================================= */

html[dir="rtl"] .contact-primary-btn:hover i,
html[dir="rtl"] .contact-submit-btn:hover i,
html[dir="rtl"] .contact-cta-primary:hover i,
html[dir="rtl"] .contact-map-btn:hover i {
    transform: translateX(-4px);
}

/* =========================================================
   CLEANORA USER DASHBOARD - RTL ONLY
   No theme colors here.
   ========================================================= */

html[dir="rtl"] .userdash-body {
    direction: rtl;
}

html[dir="rtl"] .userdash-navbar {
    right: var(--userdash-sidebar-width);
    left: 0;
}

html[dir="rtl"] .userdash-sidebar {
    right: 0;
    left: auto;
}

html[dir="rtl"] .userdash-main {
    right: var(--userdash-sidebar-width);
    left: 0;
}

html[dir="rtl"] .userdash-side-link,
html[dir="rtl"] .userdash-profile,
html[dir="rtl"] .userdash-sidebar-brand,
html[dir="rtl"] .userdash-help-note,
html[dir="rtl"] .userdash-care-action,
html[dir="rtl"] .userdash-status-side-detail,
html[dir="rtl"] .userdash-rating-service,
html[dir="rtl"] .userdash-summary-note {
    text-align: right;
}

html[dir="rtl"] .userdash-insight-panel button,
html[dir="rtl"] .userdash-history-actions,
html[dir="rtl"] .userdash-side-link {
    text-align: right;
}

html[dir="rtl"] .userdash-insight-panel button i {
    margin-right: 5px;
    margin-left: 0;
    transform: rotate(180deg);
}

html[dir="rtl"] .userdash-primary-button i,
html[dir="rtl"] .userdash-outline-button i {
    transform: rotate(180deg);
}

html[dir="rtl"] .userdash-live-card small i {
    margin-right: 0;
    margin-left: 4px;
}

html[dir="rtl"] .userdash-summary-list strong {
    text-align: left;
}

html[dir="rtl"] .userdash-history-main h2 {
    text-align: right;
}

@media (max-width: 1023px) {
    html[dir="rtl"] .userdash-navbar {
        right: 0;
        left: 0;
    }

    html[dir="rtl"] .userdash-main {
        right: 0;
        left: 0;
    }

    html[dir="rtl"] .userdash-sidebar {
        transform: translateX(105%);
    }

    html[dir="rtl"] .userdash-sidebar.is-open {
        transform: translateX(0);
    }

    html[dir="rtl"] .userdash-sidebar-close {
        right: auto;
        left: 0;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .userdash-history-actions {
        text-align: right;
    }
}


/* =========================================================
   CLEANORA ADMIN DASHBOARD
   RTL ONLY
   NO THEME COLORS
========================================================= */


/* =========================================================
   DESKTOP RTL
========================================================= */

html[dir="rtl"] .admindash-navbar {

    right: var(--admindash-sidebar-width);

    left: 0;
}


html[dir="rtl"] .admindash-sidebar {

    right: 0;

    left: auto;
}


html[dir="rtl"] .admindash-main {

    right: 0;

    left: var(--admindash-sidebar-width);
}


/* =========================================================
   TEXT ALIGNMENT
========================================================= */

html[dir="rtl"] .admindash-side-link,
html[dir="rtl"] .admindash-profile,
html[dir="rtl"] .admindash-help,
html[dir="rtl"] .admindash-activity-list > div,
html[dir="rtl"] .admindash-user-list article,
html[dir="rtl"] .admindash-booking-list article {

    text-align: right;
}


/* =========================================================
   ROW DIRECTION
========================================================= */

html[dir="rtl"] .admindash-side-link,
html[dir="rtl"] .admindash-profile,
html[dir="rtl"] .admindash-help,
html[dir="rtl"] .admindash-activity-list > div,
html[dir="rtl"] .admindash-user-list article,
html[dir="rtl"] .admindash-booking-list article {

    flex-direction: row-reverse;
}


/* =========================================================
   INNER TEXT
========================================================= */

html[dir="rtl"] .admindash-profile-info,
html[dir="rtl"] .admindash-side-link > span:last-child,
html[dir="rtl"] .admindash-help > div {

    text-align: right;
}


html[dir="rtl"] .admindash-user-list article > div,
html[dir="rtl"] .admindash-booking-list article > div {

    text-align: right;
}


/* =========================================================
   RTL CONTENT
========================================================= */

html[dir="rtl"] .admindash-progress-row,
html[dir="rtl"] .admindash-demand,
html[dir="rtl"] .admindash-settings-grid label {

    text-align: right;
}


/* =========================================================
   RTL SIDEBAR SHADOW
========================================================= */

html[dir="rtl"] .admindash-sidebar {

    box-shadow:
        -20px 0 50px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   TABLET + MOBILE RTL
========================================================= */

@media (max-width: 1023px) {

    html[dir="rtl"] .admindash-navbar {

        right: 0;

        left: 0;
    }


    html[dir="rtl"] .admindash-main {

        right: 0;

        left: 0;
    }


    /* =====================================================
       LTR MOBILE SIDEBAR
    ====================================================== */

    html[dir="ltr"] .admindash-sidebar {

        right: auto;

        left: 0;

        transform: translateX(-105%);
    }


    html[dir="ltr"] .admindash-sidebar.is-open {

        transform: translateX(0);
    }


    /* =====================================================
       RTL MOBILE SIDEBAR
    ====================================================== */

    html[dir="rtl"] .admindash-sidebar {

        right: 0;

        left: auto;

        transform: translateX(105%);
    }


    html[dir="rtl"] .admindash-sidebar.is-open {

        transform: translateX(0);
    }


    html[dir="rtl"] .admindash-user-list article > div,
    html[dir="rtl"] .admindash-booking-list article > div {

        text-align: right;
    }

}
/* =========================================================
   CLEANORA 404 RTL
========================================================= */


/* =========================================================
   TOP ACTIONS
========================================================= */

html[dir="rtl"] .cleanora404-actions {

    right: auto;
    left: 28px;

}


/* =========================================================
   CONTENT
========================================================= */

html[dir="rtl"] .cleanora404-section {

    text-align: center;

}


/* =========================================================
   VISUAL
========================================================= */

html[dir="rtl"] .cleanora404-visual {

    direction: ltr;

}


/* =========================================================
   HELP BOX
========================================================= */

html[dir="rtl"] .cleanora404-help {

    direction: rtl;

    text-align: right;

}


html[dir="rtl"] .cleanora404-help div:last-child {

    text-align: right;

}


/* =========================================================
   BUTTONS
========================================================= */

html[dir="rtl"] .cleanora404-buttons {

    direction: rtl;

}


/* =========================================================
   FOOTER
========================================================= */

html[dir="rtl"] .cleanora404-footer {

    direction: rtl;

}


/* =========================================================
   MOBILE RTL
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .cleanora404-actions {

        right: auto;
        left: 14px;

    }

}


@media (max-width: 479px) {

    html[dir="rtl"] .cleanora404-actions {

        right: auto;
        left: 10px;

    }

}


/* =========================================================
   CLEANORA COMING SOON
   RTL ONLY
========================================================= */


/* =========================================================
   TOP ACTIONS
========================================================= */

html[dir="rtl"] .cleanora-coming-actions {

    right: auto;

    left: 28px;

}


/* =========================================================
   CONTENT
========================================================= */

html[dir="rtl"] .cleanora-coming-section {

    direction: rtl;

}


html[dir="rtl"] .cleanora-coming-content {

    direction: rtl;

}


/* =========================================================
   COUNTDOWN
========================================================= */

html[dir="rtl"] .cleanora-coming-countdown {

    direction: rtl;

}


/* =========================================================
   BOTTOM FEATURES
========================================================= */

html[dir="rtl"] .cleanora-coming-bottom {

    direction: rtl;

}


html[dir="rtl"] .cleanora-coming-bottom-item {

    flex-direction: row-reverse;

    text-align: right;

}


html[dir="rtl"] .cleanora-coming-bottom-item > div:last-child {

    text-align: right;

}


/* =========================================================
   FOOTER
========================================================= */

html[dir="rtl"] .cleanora-coming-footer {

    direction: rtl;

}


/* =========================================================
   MOBILE RTL
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .cleanora-coming-actions {

        right: auto;

        left: 14px;

    }


    html[dir="rtl"] .cleanora-coming-bottom-item {

        justify-content: flex-start;

    }

}


@media (max-width: 479px) {

    html[dir="rtl"] .cleanora-coming-actions {

        right: auto;

        left: 10px;

    }

}


/* =========================================================
   CLEANORA LOGIN RTL
========================================================= */


/* =========================================================
   RTL TOP CONTROLS
========================================================= */

html[dir="rtl"] .cleanora-login-controls {

    right: auto;
    left: 24px;

}


/* =========================================================
   RTL LOGIN LAYOUT
========================================================= */

html[dir="rtl"] .cleanora-login-page {

    direction: rtl;

}


/* =========================================================
   RTL LEFT / RIGHT ORDER
========================================================= */

html[dir="rtl"] .cleanora-login-info {

    order: 2;

}


html[dir="rtl"] .cleanora-login-form-side {

    order: 1;

}


/* =========================================================
   RTL BRAND
========================================================= */

html[dir="rtl"] .cleanora-login-brand {

    flex-direction: row;

}


/* =========================================================
   RTL BENEFITS
========================================================= */

html[dir="rtl"] .cleanora-login-benefit {

    flex-direction: row;

}


html[dir="rtl"] .cleanora-login-benefit-icon {

    flex-shrink: 0;

}


/* =========================================================
   RTL INPUT ICON
========================================================= */

html[dir="rtl"] .cleanora-login-input-wrapper > i {

    left: auto;
    right: 17px;

}


html[dir="rtl"] .cleanora-login-input-wrapper input {

    padding-left: 48px;
    padding-right: 47px;

}


/* =========================================================
   RTL PASSWORD BUTTON
========================================================= */

html[dir="rtl"] .cleanora-login-password-toggle {

    right: auto;
    left: 14px;

}


/* =========================================================
   RTL SIGN IN ARROW
========================================================= */

html[dir="rtl"] .cleanora-login-submit i {

    transform: rotate(180deg);

}


html[dir="rtl"] .cleanora-login-submit:hover i {

    transform: rotate(180deg) translateX(3px);

}


/* =========================================================
   RTL SIGNUP LINK
========================================================= */

html[dir="rtl"] .cleanora-login-signup a {

    margin-left: 0;
    margin-right: 3px;

}


/* =========================================================
   RTL MOBILE
========================================================= */

@media (max-width: 1023px) {

    html[dir="rtl"] .cleanora-login-info {

        order: 1;

    }


    html[dir="rtl"] .cleanora-login-form-side {

        order: 2;

    }

}


/* =========================================================
   RTL SMALL SCREENS
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .cleanora-login-controls {

        left: 13px;
        right: auto;

    }

}


/* =========================================================
   RTL DIRECTION CHANGE
========================================================= */

html.cleanora-login-direction-changing,
html.cleanora-login-direction-changing * {

    transition: none !important;
    animation: none !important;

}


/* =========================================================
   CLEANORA SIGNUP RTL
========================================================= */


/* =========================================================
   TOP CONTROLS
========================================================= */

html[dir="rtl"] .cleanora-signup-controls {

    right: auto;
    left: 24px;

}


/* =========================================================
   MAIN DIRECTION
========================================================= */

html[dir="rtl"] .cleanora-signup-page {

    direction: rtl;

}


/* =========================================================
   DESKTOP SIDE ORDER
========================================================= */

html[dir="rtl"] .cleanora-signup-info {

    order: 2;

}


html[dir="rtl"] .cleanora-signup-form-side {

    order: 1;

}


/* =========================================================
   INPUT ICON
========================================================= */

html[dir="rtl"] .cleanora-signup-input-wrapper > i {

    left: auto;
    right: 17px;

}


html[dir="rtl"] .cleanora-signup-input-wrapper input {

    padding-left: 47px;
    padding-right: 47px;

}


/* =========================================================
   PASSWORD TOGGLE
========================================================= */

html[dir="rtl"] .cleanora-signup-password-toggle {

    right: auto;
    left: 13px;

}


/* =========================================================
   SUBMIT ARROW
========================================================= */

html[dir="rtl"] .cleanora-signup-submit i {

    transform: rotate(180deg);

}


html[dir="rtl"] .cleanora-signup-submit:hover i {

    transform: rotate(180deg) translateX(3px);

}


/* =========================================================
   LOGIN LINK
========================================================= */

html[dir="rtl"] .cleanora-signup-login a {

    margin-left: 0;
    margin-right: 3px;

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 1023px) {

    html[dir="rtl"] .cleanora-signup-info {
        order: 1;
    }

    html[dir="rtl"] .cleanora-signup-form-side {
        order: 2;
    }

}


@media (max-width: 767px) {

    html[dir="rtl"] .cleanora-signup-controls {

        left: 13px;
        right: auto;

    }

}


/* =========================================================
   DIRECTION CHANGE
========================================================= */

html.cleanora-signup-direction-changing,
html.cleanora-signup-direction-changing * {

    transition: none !important;

    animation: none !important;

}