/* =====================================================
   RTL MODE
   Logo <-> Actions swap
   Navigation stays in center
===================================================== */


/* BODY DIRECTION */

body.rtl-mode {
    direction: rtl;
}


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

body.rtl-mode .header-inner {
    direction: ltr;
}


/*
   Normal:
   Logo | Navigation | Actions

   RTL:
   Actions | Navigation | Logo
*/

body.rtl-mode .brand-logo {
    order: 3;
}

body.rtl-mode .desktop-nav {
    order: 2;
}

body.rtl-mode .header-actions {
    order: 1;
}


/* =====================================================
   KEEP NAV TEXT NATURAL
===================================================== */

body.rtl-mode .desktop-nav {
    direction: rtl;
}

body.rtl-mode .desktop-nav ul {
    flex-direction: row;
}


/* =====================================================
   DROPDOWN
===================================================== */

body.rtl-mode .dropdown-menu {
    left: auto;
    right: 50%;
    transform: translate(50%, 12px);
}

body.rtl-mode .nav-dropdown:hover .dropdown-menu {
    transform: translate(50%, 0);
}


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

body.rtl-mode main {
    direction: rtl;
}

body.rtl-mode .hero-content,
body.rtl-mode .section-heading,
body.rtl-mode .section-intro,
body.rtl-mode .welcome-story,
body.rtl-mode .feature-content,
body.rtl-mode .cta-inner {
    text-align: right;
}


/* Keep centered headings centered */

body.rtl-mode .section-heading,
body.rtl-mode .section-intro,
body.rtl-mode .cta-inner {
    text-align: center;
}


/* =====================================================
   WELCOME
===================================================== */

body.rtl-mode .welcome-layout {
    direction: rtl;
}

body.rtl-mode .story-list div {
    direction: rtl;
}

body.rtl-mode .story-list strong {
    margin-right: 0;
}


/* =====================================================
   SERVICES
===================================================== */

body.rtl-mode .services-grid,
body.rtl-mode .offers-grid,
body.rtl-mode .pricing-grid,
body.rtl-mode .gallery-grid {
    direction: rtl;
}


/* =====================================================
   PRICE LIST CHECKMARK
===================================================== */

body.rtl-mode .price-card ul li {
    padding-left: 0;
    padding-right: 19px;
}

body.rtl-mode .price-card ul li::before {
    left: auto;
    right: 0;
}


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

body.rtl-mode .seasonal-top {
    direction: rtl;
}


/* =====================================================
   FOOTER
===================================================== */

body.rtl-mode .footer-main {
    direction: rtl;
}

body.rtl-mode .footer-bottom {
    direction: rtl;
}


/* =====================================================
   BACK TO TOP
===================================================== */

body.rtl-mode .back-to-top {
    right: auto;
    left: 24px;
}


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

@media (max-width: 850px) {

    /*
       IMPORTANT:
       Mobile header also swaps.
    */

    body.rtl-mode .header-inner {
        direction: ltr;
    }

    body.rtl-mode .brand-logo {
        order: 3;
    }

    body.rtl-mode .mobile-menu-button {
        order: 1;
    }


    /*
       Mobile:
       normal  = logo LEFT + hamburger RIGHT

       RTL     = hamburger LEFT + logo RIGHT
    */


    body.rtl-mode .mobile-menu {
        direction: rtl;
    }

    body.rtl-mode .mobile-nav-list {
        text-align: right;
    }

    body.rtl-mode .mobile-nav-list > a,
    body.rtl-mode .mobile-dropdown-btn {
        text-align: right;
        direction: rtl;
    }

    body.rtl-mode .mobile-submenu {
        padding-left: 0;
        padding-right: 18px;
    }

    body.rtl-mode .mobile-actions {
        direction: rtl;
    }

    body.rtl-mode .mobile-actions .login-button {
        margin-left: 0;
        margin-right: auto;
    }

    body.rtl-mode .hero-content {
        text-align: right;
    }

    body.rtl-mode .hero-buttons {
        justify-content: flex-start;
    }

    body.rtl-mode .footer-main,
    body.rtl-mode .footer-bottom {
        text-align: right;
    }

    body.rtl-mode .back-to-top {
        left: 14px;
        right: auto;
    }

}
/* =========================================================
   HOME 2 RTL ONLY
   ========================================================= */

body.home2-page.home2-rtl {
    direction: rtl;
}


/* DESKTOP HEADER */

body.home2-page.home2-rtl .home2-header-inner {
    direction: rtl;
    flex-direction: row;
}

body.home2-page.home2-rtl .home2-logo {
    order: 1;
}

body.home2-page.home2-rtl .home2-nav {
    order: 2;
}

body.home2-page.home2-rtl .home2-header-actions {
    order: 3;
}


/* RTL NAV TEXT */

body.home2-page.home2-rtl .home2-nav > a,
body.home2-page.home2-rtl .home2-drop-btn {
    text-align: right;
}


/* RTL DROPDOWN */

body.home2-page.home2-rtl .home2-dropdown-menu {
    left: auto;
    right: 50%;
    transform: translateX(50%) translateY(-8px);
}

body.home2-page.home2-rtl .home2-dropdown.open .home2-dropdown-menu {
    transform: translateX(50%) translateY(0);
}


/* HERO */

body.home2-page.home2-rtl .home2-hero-overlay {
    background:
        linear-gradient(-90deg, rgba(15,15,15,.84), rgba(15,15,15,.35), rgba(15,15,15,.08)),
        linear-gradient(0deg, rgba(15,15,15,.4), transparent 45%);
}

body.home2-page.home2-rtl .home2-hero-content {
    text-align: right;
}

body.home2-page.home2-rtl .home2-hero-badge {
    right: auto;
    left: 5%;
}


/* INTRO */

body.home2-page.home2-rtl .home2-intro-content,
body.home2-page.home2-rtl .home2-moments {
    direction: rtl;
}

body.home2-page.home2-rtl .home2-intro-label {
    justify-content: flex-start;
}

body.home2-page.home2-rtl .home2-intro-text,
body.home2-page.home2-rtl .home2-moments-content {
    text-align: right;
}

body.home2-page.home2-rtl .home2-image-stamp {
    right: auto;
    left: 20px;
}


/* SERVICES */

body.home2-page.home2-rtl .home2-section-heading {
    direction: rtl;
    text-align: right;
}

body.home2-page.home2-rtl .home2-service-content {
    text-align: right;
}


/* OFFERS */

body.home2-page.home2-rtl .home2-offer-intro {
    text-align: right;
}

body.home2-page.home2-rtl .home2-offer-image > span {
    right: auto;
    left: 12px;
}

body.home2-page.home2-rtl .home2-offer-body {
    text-align: right;
}


/* DETAILS */

body.home2-page.home2-rtl .home2-detail-list > div {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

body.home2-page.home2-rtl .home2-detail-list > div > div {
    text-align: right;
}


/* LOOKBOOK */

body.home2-page.home2-rtl .home2-lookbook-heading {
    direction: rtl;
    text-align: right;
}

body.home2-page.home2-rtl .home2-lookbook-heading > a {
    direction: rtl;
}


/* FOOTER */

body.home2-page.home2-rtl .home2-footer-grid {
    direction: rtl;
}

body.home2-page.home2-rtl .home2-footer-column,
body.home2-page.home2-rtl .home2-footer-brand {
    text-align: right;
}

body.home2-page.home2-rtl .home2-footer-logo {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

body.home2-page.home2-rtl .home2-footer-bottom {
    direction: rtl;
}


/* MOBILE RTL */

@media (max-width: 850px) {

    body.home2-page.home2-rtl .home2-header-inner {
        flex-direction: row;
    }

    body.home2-page.home2-rtl .home2-logo {
        order: 3;
    }

    body.home2-page.home2-rtl .home2-nav {
        order: 2;
        right: 3%;
        left: 3%;
        text-align: right;
    }

    body.home2-page.home2-rtl .home2-header-actions {
        order: 1;
        margin-left: 0;
        margin-right: auto;
    }

    body.home2-page.home2-rtl .home2-nav > a,
    body.home2-page.home2-rtl .home2-drop-btn {
        text-align: right;
    }

    body.home2-page.home2-rtl .home2-dropdown-menu {
        padding: 0 12px 5px 0;
    }

    body.home2-page.home2-rtl .home2-hero-content {
        text-align: right;
    }

    body.home2-page.home2-rtl .home2-hero-buttons {
        justify-content: flex-start;
    }

    body.home2-page.home2-rtl .home2-section-heading,
    body.home2-page.home2-rtl .home2-lookbook-heading {
        text-align: right;
    }

}
/* =========================================
   ABOUT PAGE RTL
========================================= */

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

html[dir="rtl"] .about-hero {
    direction: rtl;
}

html[dir="rtl"] .about-hero-content {
    text-align: right;
}

html[dir="rtl"] .about-hero-visual {
    justify-self: start;
}

html[dir="rtl"] .hero-floating-card {
    left: auto;
    right: -35px;
}

html[dir="rtl"] .story-layout,
html[dir="rtl"] .beauty-philosophy,
html[dir="rtl"] .about-cta {
    direction: rtl;
}

html[dir="rtl"] .story-year {
    right: auto;
    left: -25px;
}

html[dir="rtl"] .timeline-item {
    direction: rtl;
}

html[dir="rtl"] .timeline-item:hover {
    transform: translateX(-8px);
}

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

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

html[dir="rtl"] .philosophy-points div {
    direction: rtl;
}

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

html[dir="rtl"] .team-social {
    right: auto;
    left: 15px;
}

html[dir="rtl"] .testimonial-person {
    direction: rtl;
}

html[dir="rtl"] .testimonial-person strong,
html[dir="rtl"] .testimonial-person span {
    text-align: right;
}

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

html[dir="rtl"] .cta-floating {
    left: auto;
    right: -25px;
}

@media (max-width: 900px) {

    html[dir="rtl"] .about-hero-visual {
        justify-self: stretch;
    }

    html[dir="rtl"] .hero-floating-card {
        right: 12px;
        left: auto;
    }

    html[dir="rtl"] .story-year {
        right: auto;
        left: 15px;
    }

    html[dir="rtl"] .cta-floating {
        right: 12px;
        left: auto;
    }

}
/* =====================================================
   STYLIST PAGE - RTL
   Add at bottom of rtl.css
   ===================================================== */

html[dir="rtl"] .stylist-page .stylist-hero {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .stylist-hero-image {
    order: 2;
}

html[dir="rtl"] .stylist-page .stylist-hero-content {
    order: 1;
    text-align: right;
}

html[dir="rtl"] .stylist-page .hero-floating-text {
    left: auto;
    right: 25px;
}

html[dir="rtl"] .stylist-page .hero-buttons,
html[dir="rtl"] .stylist-page .hero-mini-stats {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .stylist-intro {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .stylist-page .section-heading,
html[dir="rtl"] .stylist-page .lookbook-top {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .stylist-card,
html[dir="rtl"] .stylist-page .stylist-info,
html[dir="rtl"] .stylist-page .testimonial-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .stylist-page .stylist-tag {
    left: auto;
    right: 13px;
}

html[dir="rtl"] .stylist-page .featured-stylist {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .featured-image {
    order: 1;
}

html[dir="rtl"] .stylist-page .featured-content {
    order: 2;
    text-align: right;
}

html[dir="rtl"] .stylist-page .image-label {
    left: auto;
    right: 22px;
}

html[dir="rtl"] .stylist-page .speciality-item {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .speciality-image {
    order: 3;
}

html[dir="rtl"] .stylist-page .speciality-content {
    order: 2;
    text-align: right;
}

html[dir="rtl"] .stylist-page .speciality-arrow {
    order: 1;
}

html[dir="rtl"] .stylist-page .look-image span {
    left: auto;
    right: 18px;
}

html[dir="rtl"] .stylist-page .client-info {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .stylist-cta {
    direction: rtl;
}

html[dir="rtl"] .stylist-page .cta-image {
    order: 2;
}

html[dir="rtl"] .stylist-page .cta-content {
    order: 1;
    text-align: right;
}


/* MOBILE RTL */

@media (max-width:700px) {

    html[dir="rtl"] .stylist-page .stylist-hero {
        direction: rtl;
    }

    html[dir="rtl"] .stylist-page .stylist-hero-image {
        order: 1;
    }

    html[dir="rtl"] .stylist-page .stylist-hero-content {
        order: 2;
        text-align: right;
    }

    html[dir="rtl"] .stylist-page .featured-image {
        order: 1;
    }

    html[dir="rtl"] .stylist-page .featured-content {
        order: 2;
        text-align: right;
    }

    html[dir="rtl"] .stylist-page .cta-image {
        order: 1;
    }

    html[dir="rtl"] .stylist-page .cta-content {
        order: 2;
        text-align: right;
    }

}
/* =========================================================
   PRICING RTL
========================================================= */

html[dir="rtl"] .pricing-page {
    direction: rtl;
}

html[dir="rtl"] .pricing-page .pricing-hero-content,
html[dir="rtl"] .pricing-page .section-heading,
html[dir="rtl"] .pricing-page .service-content,
html[dir="rtl"] .pricing-page .membership-copy,
html[dir="rtl"] .pricing-page .offer-content {
    text-align: right;
}

html[dir="rtl"] .pricing-page .section-heading.centered,
html[dir="rtl"] .pricing-page .pricing-cta {
    text-align: center;
}

html[dir="rtl"] .pricing-page .hero-actions {
    justify-content: flex-start;
}

html[dir="rtl"] .pricing-page .floating-price-card {
    left: auto;
    right: -55px;
}

html[dir="rtl"] .pricing-page .price-row {
    text-align: right;
}

html[dir="rtl"] .pricing-page .offer-details {
    border-left: 0;
    border-right: 2px solid var(--p-accent);
}

html[dir="rtl"] .pricing-page .image-note {
    left: auto;
    right: 22px;
}

html[dir="rtl"] .pricing-page .offer-sticker {
    right: auto;
    left: -25px;
}

html[dir="rtl"] .pricing-page .category-info,
html[dir="rtl"] .pricing-page .package-card,
html[dir="rtl"] .pricing-page .occasion-card > div {
    text-align: right;
}

@media (max-width: 650px) {

    html[dir="rtl"] .pricing-page .floating-price-card {
        right: 15px;
        left: auto;
    }

    html[dir="rtl"] .pricing-page .offer-sticker {
        left: 10px;
    }

}
/* =========================================================
   GALLERY RTL
   Scoped only to Gallery page
========================================================= */

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


/* Hero */

body.rtl .gallery-hero-content,
body[dir="rtl"] .gallery-hero-content,
html[dir="rtl"] .gallery-hero-content {
    margin-left: 0;
    margin-right: 8%;
    text-align: right;
}

body.rtl .gallery-hero-small,
body[dir="rtl"] .gallery-hero-small,
html[dir="rtl"] .gallery-hero-small {
    right: auto;
    left: 8%;
}


/* Headings */

body.rtl .gallery-heading,
body[dir="rtl"] .gallery-heading,
html[dir="rtl"] .gallery-heading {
    text-align: right;
}

body.rtl .gallery-heading.centered,
body[dir="rtl"] .gallery-heading.centered,
html[dir="rtl"] .gallery-heading.centered {
    text-align: center;
}


/* Detail */

body.rtl .detail-copy,
body[dir="rtl"] .detail-copy,
html[dir="rtl"] .detail-copy {
    text-align: right;
}


/* Studio */

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


/* Editorial */

body.rtl .editorial-heading,
body[dir="rtl"] .editorial-heading,
html[dir="rtl"] .editorial-heading {
    text-align: right;
}


/* Trending */

body.rtl .trending-title,
body[dir="rtl"] .trending-title,
html[dir="rtl"] .trending-title {
    text-align: right;
}


/* Final */

body.rtl .final-content,
body[dir="rtl"] .final-content,
html[dir="rtl"] .final-content {
    margin-left: 0;
    margin-right: 8%;
    text-align: right;
}


/* Mobile RTL */

@media (max-width: 650px) {

    body.rtl .gallery-hero-content,
    body[dir="rtl"] .gallery-hero-content,
    html[dir="rtl"] .gallery-hero-content {
        margin-right: 6%;
        margin-left: 6%;
    }

    body.rtl .gallery-hero-small,
    body[dir="rtl"] .gallery-hero-small,
    html[dir="rtl"] .gallery-hero-small {
        left: 5%;
        right: auto;
    }

    body.rtl .final-content,
    body[dir="rtl"] .final-content,
    html[dir="rtl"] .final-content {
        margin-right: 6%;
        margin-left: 6%;
    }
}
/* =========================================================
   CONTACT PAGE - RTL
   Add at the END of rtl.css
   ========================================================= */

html[dir="rtl"] .contact-page {
    direction: rtl;
    text-align: right;
}

/* HERO */

html[dir="rtl"] .contact-page .contact-hero {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-hero-content {
    text-align: right;
}

html[dir="rtl"] .contact-page .contact-hero-visual {
    justify-self: start;
}

html[dir="rtl"] .contact-page .contact-hero-buttons {
    justify-content: flex-start;
}

html[dir="rtl"] .contact-page .floating-contact-note {
    left: auto;
    right: -45px;
}

/* QUICK CONTACT */

html[dir="rtl"] .contact-page .contact-quick-grid {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-info-card {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-info-card::after {
    right: auto;
    left: -45px;
}

/* ENQUIRY */

html[dir="rtl"] .contact-page .contact-enquiry-section {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-form-area {
    text-align: right;
}

html[dir="rtl"] .contact-page .contact-field label {
    text-align: right;
}

html[dir="rtl"] .contact-page .contact-submit-btn span {
    margin-left: 0;
    margin-right: 12px;
}

html[dir="rtl"] .contact-page .contact-submit-btn:hover span {
    margin-left: 0;
    margin-right: 18px;
}

/* VISIT */

html[dir="rtl"] .contact-page .contact-visit-section {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-visit-content {
    text-align: right;
}

html[dir="rtl"] .contact-page .contact-visit-image {
    direction: rtl;
}

html[dir="rtl"] .contact-page .visit-badge {
    right: auto;
    left: 22px;
}

/* MAP */

html[dir="rtl"] .contact-page .map-heading {
    text-align: right;
}

html[dir="rtl"] .contact-page .map-location-card {
    left: auto;
    right: 30px;
    text-align: right;
}

/* FAQ */

html[dir="rtl"] .contact-page .contact-faq-section {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-faq-list {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-faq-list summary {
    text-align: right;
}

html[dir="rtl"] .contact-page .contact-faq-list details p {
    padding-right: 0;
    padding-left: 35px;
    text-align: right;
}

/* FINAL CTA */

html[dir="rtl"] .contact-page .contact-final-section {
    direction: rtl;
}

html[dir="rtl"] .contact-page .contact-final-content {
    text-align: center;
}

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

@media (max-width: 700px) {

    html[dir="rtl"] .contact-page .contact-hero {
        direction: rtl;
    }

    html[dir="rtl"] .contact-page .contact-hero-content {
        text-align: right;
    }

    html[dir="rtl"] .contact-page .contact-hero-buttons {
        justify-content: stretch;
    }

    html[dir="rtl"] .contact-page .floating-contact-note {
        left: 15px;
        right: auto;
    }

    html[dir="rtl"] .contact-page .contact-enquiry-section,
    html[dir="rtl"] .contact-page .contact-visit-section {
        direction: rtl;
    }

    html[dir="rtl"] .contact-page .visit-badge {
        right: auto;
        left: 15px;
    }

    html[dir="rtl"] .contact-page .map-location-card {
        left: 15px;
        right: auto;
    }

    html[dir="rtl"] .contact-page .contact-faq-list details p {
        padding-left: 0;
    }
}
/* =========================================================
   LOGIN PAGE - RTL
   ========================================================= */

html[dir="rtl"] .login-page {
    direction: rtl;
}

html[dir="rtl"] .login-controls {
    right: auto;
    left: 30px;
}

html[dir="rtl"] .login-section {
    direction: rtl;
}

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

html[dir="rtl"] .login-heading,
html[dir="rtl"] .login-field,
html[dir="rtl"] .login-options {
    text-align: right;
}

html[dir="rtl"] .login-options {
    direction: rtl;
}

html[dir="rtl"] .login-submit span {
    margin-left: 0;
    margin-right: 12px;
}

html[dir="rtl"] .login-submit:hover span {
    margin-left: 0;
    margin-right: 19px;
}

html[dir="rtl"] .login-switch button {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] .login-decoration-one {
    left: auto;
    right: 8%;
}

html[dir="rtl"] .login-decoration-two {
    right: auto;
    left: 9%;
}

@media (max-width: 600px) {

    html[dir="rtl"] .login-controls {
        right: auto;
        left: 15px;
    }

    html[dir="rtl"] .login-heading,
    html[dir="rtl"] .login-field,
    html[dir="rtl"] .login-options {
        text-align: right;
    }
}
html[dir="rtl"] .back-home {
    direction: rtl;
}

html[dir="rtl"] .back-home:hover {
    transform: translateX(4px);
}
/* =========================================================
   SKIN PAGE - RTL
   ========================================================= */

html[dir="rtl"] .skin-page {
    direction: rtl;
    text-align: right;
}


html[dir="rtl"] .skin-hero-content {
    text-align: right;
}

html[dir="rtl"] .skin-hero-buttons {
    justify-content: flex-start;
}


html[dir="rtl"] .skin-hero-tag {
    left: auto;
    right: 22px;
}


html[dir="rtl"] .skin-section-head {
    direction: rtl;
}


html[dir="rtl"] .skin-intro {
    direction: rtl;
}


html[dir="rtl"] .skin-concerns {
    direction: rtl;
}


html[dir="rtl"] .skin-floating-label {
    right: auto;
    left: -18px;
}


html[dir="rtl"] .skin-concern-list div:hover {
    transform: translateX(-6px);
}


html[dir="rtl"] .skin-ritual-track {
    direction: rtl;
}


html[dir="rtl"] .skin-ritual-step {
    border-right: 1px solid #ded2c8;
    border-left: 0;
}


html[dir="rtl"] .skin-ritual-step:last-child {
    border-left: 0;
}


html[dir="rtl"] .skin-experience {
    direction: rtl;
}


html[dir="rtl"] .skin-experience-details {
    direction: rtl;
}


html[dir="rtl"] .skin-testimonial-grid {
    direction: rtl;
}


html[dir="rtl"] .skin-consultation {
    direction: rtl;
}


html[dir="rtl"] .skin-consultation-mini {
    padding-left: 0;
    padding-right: 30px;

    border-left: 0;
    border-right: 1px solid rgba(255,255,255,0.35);
}


@media (max-width: 1000px) {

    html[dir="rtl"] .skin-ritual-step:nth-child(2) {
        border-left: 0;
    }
}


@media (max-width: 700px) {

    html[dir="rtl"] .skin-hero-content {
        text-align: right;
    }

    html[dir="rtl"] .skin-floating-label {
        right: auto;
        left: 12px;
    }

    html[dir="rtl"] .skin-ritual-step {
        border-left: 0;
        border-right: 0;
    }

    html[dir="rtl"] .skin-consultation-mini {
        padding-right: 0;
        border-right: 0;
    }
}
/* =========================================================
   HAIR PAGE - RTL
   ========================================================= */

html[dir="rtl"] .hair-page .hair-hero-content {
    margin-left: 0;
    margin-right: 8%;
    text-align: right;
}

html[dir="rtl"] .hair-page .hair-hero-image::after {
    background: linear-gradient(
        270deg,
        rgba(0,0,0,.72),
        rgba(0,0,0,.32),
        rgba(0,0,0,.08)
    );
}

html[dir="rtl"] .hair-page .hair-floating-note {
    right: auto;
    left: 8%;
}

html[dir="rtl"] .hair-page .hair-hero-buttons {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .hair-page .hair-section-heading,
html[dir="rtl"] .hair-page .colour-heading {
    text-align: center;
}

html[dir="rtl"] .hair-page .treatment-content,
html[dir="rtl"] .hair-page .care-content {
    text-align: right;
}

html[dir="rtl"] .hair-page .treatment-list div,
html[dir="rtl"] .hair-page .care-points div {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .hair-page .treatment-list div:hover {
    padding-left: 13px;
    padding-right: 20px;
}

html[dir="rtl"] .hair-page .hair-outline-btn:hover {
    transform: translateX(-7px);
}

html[dir="rtl"] .hair-page .service-number {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .hair-page .transformation-label,
html[dir="rtl"] .hair-page .colour-card div {
    left: auto;
    right: 20px;
    text-align: right;
}

@media (max-width: 768px) {

    html[dir="rtl"] .hair-page .hair-hero-content {
        margin-right: 6%;
        margin-left: 6%;
    }

    html[dir="rtl"] .hair-page .hair-floating-note {
        left: 6%;
    }
}
/* =========================================================
   NAILS PAGE - RTL
   ========================================================= */

html[dir="rtl"] .nails-page .nails-hero-content {
    margin-left: 0;
    margin-right: 8%;
    text-align: right;
}

html[dir="rtl"] .nails-page .nails-hero-overlay {
    background:
        linear-gradient(
            270deg,
            rgba(0,0,0,.72),
            rgba(0,0,0,.36),
            rgba(0,0,0,.10)
        );
}

html[dir="rtl"] .nails-page .nails-hero-badge {
    right: auto;
    left: 8%;
}

html[dir="rtl"] .nails-page .nails-hero-actions {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .nails-page .nail-art-intro {
    text-align: right;
}

html[dir="rtl"] .nails-page .nail-art-caption {
    left: auto;
    right: 20px;
    text-align: right;
}

html[dir="rtl"] .nails-page .nail-care-content {
    text-align: right;
}

html[dir="rtl"] .nails-page .nail-care-list div {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .nails-page .care-floating-number {
    right: auto;
    left: 25px;
}

html[dir="rtl"] .nails-page .nail-style-card {
    text-align: right;
}

html[dir="rtl"] .nails-page .style-card-top {
    flex-direction: row-reverse;
}

@media (max-width: 650px) {

    html[dir="rtl"] .nails-page .nails-hero-content {
        margin-left: 6%;
        margin-right: 6%;
    }

}
/* =========================================================
   COMING SOON - RTL
   ========================================================= */

html[dir="rtl"] .coming-page .cs-hero-content {
    margin-left: 0;
    margin-right: 8%;
    text-align: right;
}

html[dir="rtl"] .coming-page .cs-overlay {
    background: linear-gradient(
        270deg,
        rgba(0,0,0,.75),
        rgba(0,0,0,.35),
        rgba(0,0,0,.1)
    );
}

html[dir="rtl"] .coming-page .cs-side-number {
    right: auto;
    left: 7%;
}

html[dir="rtl"] .coming-page .cs-intro {
    text-align: right;
}

html[dir="rtl"] .coming-page .cs-feature-list div {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .coming-page .cs-image-label {
    left: auto;
    right: 20px;
}

@media(max-width:800px) {

    html[dir="rtl"] .coming-page .cs-hero-content {
        margin-left: 6%;
        margin-right: 6%;
    }

}
/* =========================================================
   404 RTL
   ========================================================= */

html[dir="rtl"] .error-page .error-side-text {
    right: auto;
    left: 30px;
    transform: rotate(-90deg) translateX(50%);
    transform-origin: left center;
}

html[dir="rtl"] .error-page .error-number {
    direction: ltr;
}