/* =========================================================
   MEDIVANA RTL NAVBAR
   ========================================================= */

html[dir="rtl"] {

    direction: rtl;

}


/* Navbar */

html[dir="rtl"] .med-navbar-container {

    direction: rtl;

}


/* Desktop navigation */

html[dir="rtl"] .med-desktop-nav {

    direction: rtl;

}


/* Dropdown */

html[dir="rtl"] .med-dropdown-menu {

    direction: rtl;

}


/* Mobile menu opens from LEFT */

html[dir="rtl"] .med-mobile-menu {

    right: auto;

    left: -100%;

    transition: left 0.35s ease;

}


html[dir="rtl"] .med-mobile-menu.active {

    right: auto;

    left: 0;

}


/* Mobile text */

html[dir="rtl"] .med-mobile-link {

    text-align: right;

}


/* Mobile submenu */

html[dir="rtl"] .med-mobile-submenu a {

    text-align: right;

}


/* Brand */

html[dir="rtl"] .med-brand {

    direction: rtl;

}


/* Mobile actions */

html[dir="rtl"] .med-mobile-actions {

    margin-left: 0;

    margin-right: auto;

}
/* =========================================================
   MEDIVANA RTL
   ========================================================= */

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


/* =========================================================
   NAVBAR
   ========================================================= */

html[dir="rtl"] .med-navbar-container {
    direction: rtl;
}


html[dir="rtl"] .med-desktop-nav {
    direction: rtl;
}


html[dir="rtl"] .med-dropdown-menu {
    direction: rtl;
    left: auto;
    right: 0;
}


html[dir="rtl"] .med-brand {
    direction: rtl;
}


html[dir="rtl"] .med-mobile-actions {
    margin-left: 0;
    margin-right: auto;
}


html[dir="rtl"] .med-mobile-menu {
    left: auto;
    right: -100%;

    transition: right 0.35s ease;
}


html[dir="rtl"] .med-mobile-menu.active {
    left: auto;
    right: 0;
}


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


html[dir="rtl"] .med-mobile-submenu {
    padding-left: 0;
    padding-right: 35px;
}


html[dir="rtl"] .med-mobile-submenu a {
    text-align: right;
}


/* =========================================================
   HERO
   ========================================================= */

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


html[dir="rtl"] .mv-hero-content h1 span {
    display: block;
}


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


html[dir="rtl"] .mv-trust-row {
    justify-content: flex-start;
}


html[dir="rtl"] .mv-hero-leaf {
    left: auto;
    right: 14%;
}


html[dir="rtl"] .mv-leaf-one {
    left: auto;
    right: -20px;
}


html[dir="rtl"] .mv-leaf-two {
    left: auto;
    right: 40px;
}


html[dir="rtl"] .mv-leaf-three {
    right: auto;
    left: -25px;
}


/* =========================================================
   DELIVERY
   ========================================================= */

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


html[dir="rtl"] .mv-delivery-leaves {
    left: auto;
    right: -25px;
}


html[dir="rtl"] .mv-large-leaf-left {
    left: auto;
    right: -35px;
}


html[dir="rtl"] .mv-large-leaf-right {
    right: auto;
    left: -35px;
}


html[dir="rtl"] .mv-step-number {
    order: 2;
}


/* =========================================================
   CATEGORY
   ========================================================= */

html[dir="rtl"] .mv-category-top .mv-section-heading {
    text-align: right;
}


html[dir="rtl"] .mv-category-card {
    text-align: right;
}


html[dir="rtl"] .mv-category-card a {
    left: auto;
    right: 21px;
}


html[dir="rtl"] .mv-category-leaf {
    right: auto;
    left: -15px;

    transform: rotate(20deg);
}


/* =========================================================
   PRESCRIPTION
   ========================================================= */

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


html[dir="rtl"] .mv-prescription-leaf {
    right: auto;
    left: -30px;

    transform: rotate(-30deg);
}


html[dir="rtl"] .mv-flow-arrow {
    transform: rotate(180deg);
}


/* =========================================================
   CARE
   ========================================================= */

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


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


/* =========================================================
   AVAILABILITY
   ========================================================= */

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


html[dir="rtl"] .mv-map-route {
    transform: rotate(-7deg);
}


html[dir="rtl"] .mv-map-leaf {
    right: auto;
    left: 30px;

    transform: rotate(-25deg);
}


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

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


html[dir="rtl"] .mv-final-leaf-left {
    left: auto;
    right: -60px;

    transform: rotate(30deg);
}


html[dir="rtl"] .mv-final-leaf-right {
    right: auto;
    left: -55px;

    transform: rotate(-30deg);
}


html[dir="rtl"] .mv-final-floating-pill {
    left: auto;
    right: 0;
}


html[dir="rtl"] .mv-final-floating-leaf {
    right: auto;
    left: 0;
}


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

@media (max-width: 1023px) {

    html[dir="rtl"] .med-mobile-menu {
        right: -100%;
        left: auto;
    }


    html[dir="rtl"] .med-mobile-menu.active {
        right: 0;
        left: auto;
    }

}


@media (max-width: 767px) {

    html[dir="rtl"] .mv-hero-content,
    html[dir="rtl"] .mv-delivery-content,
    html[dir="rtl"] .mv-prescription-content,
    html[dir="rtl"] .mv-availability-content,
    html[dir="rtl"] .mv-final-content {
        text-align: center;
    }


    html[dir="rtl"] .mv-hero-buttons,
    html[dir="rtl"] .mv-trust-row {
        justify-content: center;
    }


    html[dir="rtl"] .mv-category-top .mv-section-heading {
        text-align: center;
    }


    html[dir="rtl"] .mv-care-intro {
        text-align: center;
    }

}
/* =========================================================
   MEDIVANA FOOTER - RTL
   ========================================================= */

html[dir="rtl"] .med-footer {
    direction: rtl;
}


/* Brand */

html[dir="rtl"] .med-footer-logo {
    direction: rtl;
}

html[dir="rtl"] .med-footer-logo-icon {
    transform: rotate(10deg);
}

html[dir="rtl"] .med-footer-logo:hover .med-footer-logo-icon {
    transform:
        rotate(-5deg)
        scale(1.12);
}


/* Footer links */

html[dir="rtl"] .med-footer-column li a:hover {
    transform: translateX(-5px);
}

html[dir="rtl"] .med-footer-column li a:hover i {
    transform: translateX(-3px);
}


/* Contact */

html[dir="rtl"] .med-footer-contact-item {
    flex-direction: row;
}


/* Newsletter */

html[dir="rtl"] .med-newsletter-input > i {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .med-newsletter-form button i {
    margin-left: 0;
    margin-right: 7px;

    transform: rotate(180deg);
}

html[dir="rtl"] .med-newsletter-form button:hover i {
    transform:
        rotate(180deg)
        translateX(4px);
}


/* Bottom */

html[dir="rtl"] .med-footer-bottom {
    direction: rtl;
}

html[dir="rtl"] .med-footer-legal {
    justify-content: flex-start;
}


/* Decorative leaves */

html[dir="rtl"] .med-footer-leaf-1 {
    left: auto;
    right: 2%;

    transform: rotate(35deg);
}

html[dir="rtl"] .med-footer-leaf-2 {
    right: auto;
    left: 3%;

    transform: rotate(-35deg);
}

html[dir="rtl"] .med-footer-leaf-3 {
    right: auto;
    left: 28%;

    transform: rotate(15deg);
}


/* Mobile */

@media (max-width: 767px) {

    html[dir="rtl"] .med-footer-legal {
        justify-content: center;
    }

}
/* =========================================================
   MEDIVANA HOME 2 - RTL
   ========================================================= */

html[dir="rtl"] .h2-hero-container,
html[dir="rtl"] .h2-finder-section,
html[dir="rtl"] .h2-essentials-section,
html[dir="rtl"] .h2-prescription-section,
html[dir="rtl"] .h2-final-section {
    direction: rtl;
}

html[dir="rtl"] .h2-hero-title,
html[dir="rtl"] .h2-section-heading,
html[dir="rtl"] .h2-finder-content,
html[dir="rtl"] .h2-essentials-content,
html[dir="rtl"] .h2-prescription-content,
html[dir="rtl"] .h2-final-content {
    text-align: right;
}

html[dir="rtl"] .h2-hero-buttons,
html[dir="rtl"] .h2-final-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .h2-primary-btn:hover i,
html[dir="rtl"] .h2-outline-btn:hover i,
html[dir="rtl"] .h2-text-link i,
html[dir="rtl"] .h2-finder-result a i {
    transform: translateX(-5px);
}

html[dir="rtl"] .h2-finder-result {
    padding-left: 0;
    padding-right: 20px;
    border-left: 0;
    border-right: 3px solid var(--med-teal);
}

html[dir="rtl"] .h2-essential-list > div {
    padding-left: 0;
    padding-right: 60px;
}

html[dir="rtl"] .h2-essential-list span {
    left: auto;
    right: 0;
}

html[dir="rtl"] .h2-trust-row {
    direction: rtl;
}

html[dir="rtl"] .h2-scroll-indicator {
    right: auto;
    left: 35px;
}

html[dir="rtl"] .h2-story-bubble {
    right: auto;
    left: 0;
}

@media (max-width: 1023px) {

    html[dir="rtl"] .h2-hero-content,
    html[dir="rtl"] .h2-finder-content,
    html[dir="rtl"] .h2-essentials-content,
    html[dir="rtl"] .h2-prescription-content,
    html[dir="rtl"] .h2-final-content {
        text-align: center;
    }

    html[dir="rtl"] .h2-finder-result {
        text-align: right;
    }
}

/* =========================================================
   MEDIVANA HOME 2
   SECTION 2 — RTL
========================================================= */

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

html[dir="rtl"] .mv-trust-heading {
    text-align: right;
}

html[dir="rtl"] .mv-trust-heading-line {
    flex-direction: row-reverse;
}

html[dir="rtl"] .mv-trust-heading .mv-section-label {
    flex-direction: row-reverse;
}

html[dir="rtl"] .mv-trust-heading-leaf i {
    transform: rotate(20deg);
}

html[dir="rtl"] .mv-trust-card {
    text-align: right;
}


/* card top */

html[dir="rtl"] .mv-trust-card-top {
    flex-direction: row-reverse;
}


/* card bottom */

html[dir="rtl"] .mv-card-bottom {
    flex-direction: row-reverse;
}


/* leaf */

html[dir="rtl"] .mv-card-leaf {
    transform: rotate(20deg);
}


/* hover leaf */

html[dir="rtl"] .mv-trust-card:hover .mv-card-leaf {
    transform:
        rotate(-15deg)
        translateY(-4px)
        scale(1.08);
}


/* RTL collision direction */

html[dir="rtl"] .mv-trust-card.mv-trust-from-left {
    transform:
        translateX(110px)
        rotate(5deg);
}

html[dir="rtl"] .mv-trust-card.mv-trust-from-right {
    transform:
        translateX(-110px)
        rotate(-5deg);
}

html[dir="rtl"] .mv-trust-card.mv-trust-visible {
    transform:
        translateX(0)
        rotate(0);
}


/* mobile */

@media (max-width: 767px) {

    html[dir="rtl"] .mv-trust-heading {
        text-align: right;
    }

    html[dir="rtl"] .mv-trust-card {
        text-align: right;
    }

}
/* =========================================================
   HOME 2 — SECTION 4
   TRUSTED BRANDS — RTL
   ========================================================= */

html[dir="rtl"] .h2-brand-universe {
    direction: rtl;
}

html[dir="rtl"] .h2-brand-name {
    direction: rtl;
}

html[dir="rtl"] .h2-brand-name::after {
    right: auto;
    left: 9px;
}

@media (max-width: 480px) {

    html[dir="rtl"] .h2-brand-name::after {
        right: auto;
        left: 6px;
    }

}

/* =========================================================
   HOME 2 — SECTION 9
   FINAL CTA — RTL
   ========================================================= */

html[dir="rtl"] .h2-final-section {

    direction: rtl;

}


html[dir="rtl"] .h2-final-content {

    text-align: right;

}


html[dir="rtl"] .h2-final-actions {

    flex-direction: row-reverse;

}


/* Arrow direction */

html[dir="rtl"] .h2-final-actions
.h2-primary-btn i {

    transform: rotate(180deg);

}


/* Image remains visually centered */

html[dir="rtl"] .h2-final-visual {

    direction: ltr;

}


/* Decorative leaf positioning */

html[dir="rtl"] .final-leaf-one {

    left: auto;

    right: 2%;

    transform: rotate(30deg);

}


html[dir="rtl"] .final-leaf-two {

    right: auto;

    left: 2%;

    transform: rotate(-60deg);

}


html[dir="rtl"] .final-leaf-three {

    left: auto;

    right: 12%;

    transform: rotate(-30deg);

}


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

@media (max-width: 1023px) {

    html[dir="rtl"] .h2-final-content {

        text-align: center;

    }


    html[dir="rtl"] .h2-final-actions {

        flex-direction: row-reverse;

        justify-content: center;

    }

}


@media (max-width: 480px) {

    html[dir="rtl"] .h2-final-actions {

        flex-direction: column;

    }

}
/* =========================================================
   MEDIVANA PRODUCTS — RTL
   ========================================================= */

html[dir="rtl"] .med-products-page {

    direction: rtl;

}


/* HERO */

html[dir="rtl"] .products-hero {

    direction: rtl;

}


html[dir="rtl"] .products-hero-content {

    text-align: right;

}


html[dir="rtl"] .products-hero h1 span {

    text-align: right;

}


html[dir="rtl"] .products-hero-actions {

    justify-content: flex-start;

}


html[dir="rtl"] .products-hero-note {

    justify-content: flex-start;

}


/* category */

html[dir="rtl"] .product-category-card {

    text-align: right;

}


html[dir="rtl"] .category-number {

    right: auto;

    left: 22px;

}


html[dir="rtl"] .category-arrow {

    right: auto;

    left: 22px;

}


/* layout */

html[dir="rtl"] .products-layout {

    direction: rtl;

}


/* sidebar */

html[dir="rtl"] .products-filter-sidebar {

    direction: rtl;

}


html[dir="rtl"] .product-search-box i {

    left: auto;

    right: 14px;

}


html[dir="rtl"] .product-search-box input {

    padding:
        0 40px 0 14px;

}


/* product text */

html[dir="rtl"] .med-product-info {

    text-align: right;

}


html[dir="rtl"] .product-status {

    left: auto;

    right: 12px;

}


/* category headings */

html[dir="rtl"] .product-category-heading {

    direction: rtl;

}


html[dir="rtl"] .product-category-heading > div {

    direction: rtl;

}


/* toolbar */

html[dir="rtl"] .products-toolbar {

    direction: rtl;

}


/* CTA */

html[dir="rtl"] .products-cta-content {

    direction: rtl;

}


/* buttons */

html[dir="rtl"] .products-primary-btn i,
html[dir="rtl"] .products-secondary-btn i {

    transform:
        rotate(180deg);

}


/* mobile filter */

@media (max-width: 1023px) {

    html[dir="rtl"] .products-filter-sidebar {

        left: auto;

        right: 0;

        transform:
            translateX(110%);

        border-radius:
            30px 0 0 30px;

    }


    html[dir="rtl"] .products-filter-sidebar.filter-open {

        transform:
            translateX(0);

    }

}


@media (max-width: 767px) {

    html[dir="rtl"] .products-hero-content {

        text-align: center;

    }


    html[dir="rtl"] .products-hero-actions {

        align-items: stretch;

    }


    html[dir="rtl"] .products-hero-note {

        justify-content: center;

    }


    html[dir="rtl"] .products-shop-heading {

        align-items:
            flex-start;

    }

}

/* =========================================================
   MEDIVANA CART - RTL
   ========================================================= */

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


/* =========================================================
   HERO
   ========================================================= */

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


html[dir="rtl"] .med-cart-hero-note {
    justify-content: flex-start;
}


html[dir="rtl"] .med-cart-hero-content h1 span {
    display: block;
}


/* =========================================================
   CART SECTION
   ========================================================= */

html[dir="rtl"] .med-cart-section-heading {
    direction: rtl;
}


html[dir="rtl"] .med-cart-layout {
    direction: rtl;
}


html[dir="rtl"] .med-cart-products {
    direction: rtl;
}


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


/* =========================================================
   PRODUCT INFO
   ========================================================= */

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


html[dir="rtl"] .med-cart-item-controls {
    align-items: flex-start;
}


html[dir="rtl"] .med-cart-remove:hover {
    transform: translateX(-2px);
}


/* =========================================================
   SUMMARY
   ========================================================= */

html[dir="rtl"] .med-summary-inner {
    text-align: right;
}


html[dir="rtl"] .med-summary-row,
html[dir="rtl"] .med-summary-total {
    direction: rtl;
}


html[dir="rtl"] .med-summary-trust {
    direction: rtl;
}


html[dir="rtl"] .med-summary-trust p {
    text-align: right;
}


/* =========================================================
   ARROWS
   ========================================================= */

html[dir="rtl"] .med-checkout-button i,
html[dir="rtl"] .med-empty-cart-button i {
    transform: rotate(180deg);
}


html[dir="rtl"] .med-checkout-button:hover i,
html[dir="rtl"] .med-empty-cart-button:hover i {
    transform:
        rotate(180deg)
        translateX(5px);
}


html[dir="rtl"] .med-continue-shopping a i {
    transform: rotate(180deg);
}


html[dir="rtl"] .med-continue-shopping a:hover {
    transform: translateX(4px);
}


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

@media (max-width: 767px) {

    html[dir="rtl"] .med-cart-hero-content {
        text-align: center;
    }


    html[dir="rtl"] .med-cart-hero-note {
        justify-content: center;
    }


    html[dir="rtl"] .med-cart-section-heading {
        align-items: flex-start;
    }


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


    html[dir="rtl"] .med-cart-item-controls {
        align-items: center;

        flex-direction: row;
    }


    html[dir="rtl"] .med-cart-item-subtotal {
        margin-left: 0;

        margin-right: auto;
    }


    html[dir="rtl"] .med-summary-inner {
        text-align: right;
    }

}


@media (max-width: 480px) {

    html[dir="rtl"] .med-cart-item {
        text-align: right;
    }

}
/* =========================================================
   MEDIVANA CHECKOUT - RTL
   ========================================================= */

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

html[dir="rtl"] .checkout-card-heading {
    flex-direction: row-reverse;
}

html[dir="rtl"] .checkout-card-heading > div:last-child {
    text-align: right;
}

html[dir="rtl"] .checkout-location-box {
    direction: rtl;
}

html[dir="rtl"] .checkout-input-icon i {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .checkout-input-icon input {
    padding-left: 16px;
    padding-right: 44px;
}

html[dir="rtl"] .checkout-summary-product {
    direction: rtl;
}

html[dir="rtl"] .checkout-summary-heading {
    text-align: right;
}

html[dir="rtl"] .checkout-summary-totals > div {
    direction: rtl;
}

html[dir="rtl"] .checkout-prescription-note,
html[dir="rtl"] .checkout-security-note {
    direction: rtl;
}

html[dir="rtl"] .checkout-back-button i,
html[dir="rtl"] .checkout-continue i {
    transform: rotate(180deg);
}

html[dir="rtl"] .checkout-place-order i {
    transform: rotate(180deg);
}

html[dir="rtl"] .checkout-actions {
    direction: rtl;
}

html[dir="rtl"] .checkout-progress {
    direction: rtl;
}

html[dir="rtl"] .checkout-step {
    direction: rtl;
}

html[dir="rtl"] .checkout-empty {
    direction: rtl;
}


/* RTL MOBILE */

@media (max-width: 767px) {

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

    html[dir="rtl"] .checkout-actions {
        flex-direction: column-reverse;
    }

}
/* =========================================================
   MEDIVANA - ORDER CONFIRMATION
   RTL
   ========================================================= */

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


/* =========================================================
   HERO
   ========================================================= */

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

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

html[dir="rtl"] .oc-order-number {
    border-left: 0;
    border-right: 4px solid var(--oc-teal);

    border-radius:
        22px
        4px
        4px
        22px;
}


/* =========================================================
   HERO VISUAL
   Keep SVG itself LTR so the drawing does not mirror
   ========================================================= */

html[dir="rtl"] .oc-delivery-visual {
    direction: ltr;
}


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

html[dir="rtl"] .oc-status-tracker {
    direction: rtl;
}

html[dir="rtl"] .oc-status-step {
    direction: rtl;
}


/* =========================================================
   ORDER LAYOUT
   ========================================================= */

html[dir="rtl"] .oc-order-layout {
    direction: rtl;
}

html[dir="rtl"] .oc-card-heading {
    flex-direction: row;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

html[dir="rtl"] .oc-product-item {
    direction: rtl;

    transform: translateX(20px);
}

html[dir="rtl"] .oc-product-item.oc-visible {
    transform: translateX(0);
}

html[dir="rtl"] .oc-product-details {
    text-align: right;
}


/* =========================================================
   TOTALS
   ========================================================= */

html[dir="rtl"] .oc-total-area > div {
    flex-direction: row;
}


/* =========================================================
   DELIVERY INFO
   ========================================================= */

html[dir="rtl"] .oc-info-item {
    direction: rtl;

    transform: translateX(-20px);
}

html[dir="rtl"] .oc-info-item.oc-visible {
    transform: translateX(0);
}

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


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

html[dir="rtl"] .oc-support-note {
    direction: rtl;
}

html[dir="rtl"] .oc-support-note a i {
    margin-left: 0;
    margin-right: 5px;

    transform: rotate(180deg);
}


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

html[dir="rtl"] .oc-next-item {
    text-align: right;
}


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

html[dir="rtl"] .oc-primary-button i {
    transform: rotate(180deg);
}

html[dir="rtl"] .oc-secondary-button i {
    transform: none;
}


/* =========================================================
   FINAL
   ========================================================= */

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


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

@media (max-width: 767px) {

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

    html[dir="rtl"] .oc-status-step {
        text-align: right;
    }

    html[dir="rtl"] .oc-status-line {
        left: auto;
        right: 35px;
    }

    html[dir="rtl"] .oc-product-item {
        grid-template-columns:
            65px
            minmax(0, 1fr);

        transform: translateX(15px);
    }

    html[dir="rtl"] .oc-product-item.oc-visible {
        transform: translateX(0);
    }

    html[dir="rtl"] .oc-product-price {
        grid-column: 2;
        justify-self: start;
    }
}

/* =========================================================
   MEDIVANA - UPLOAD PRESCRIPTION RTL
   ========================================================= */

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


/* Hero */

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

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

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


/* Heading */

html[dir="rtl"] .upload-section-heading {
    text-align: center;
}

html[dir="rtl"] .upload-card-heading {
    text-align: right;
}


/* Form */

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

html[dir="rtl"] .upload-quality-note,
html[dir="rtl"] .upload-checklist-heading {
    flex-direction: row-reverse;
}


/* File list */

html[dir="rtl"] .uploaded-files-heading {
    direction: rtl;
}

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

html[dir="rtl"] .uploaded-file-remove {
    margin-left: 0;
}


/* Submit */

html[dir="rtl"] .upload-submit-card {
    direction: rtl;
}

html[dir="rtl"] .upload-submit-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .upload-submit-button i,
html[dir="rtl"] .upload-primary-button i {
    transform: rotate(180deg);
}


/* Back buttons */

html[dir="rtl"] .upload-back-button i,
html[dir="rtl"] .upload-secondary-button i {
    transform: rotate(180deg);
}


/* Mobile */

@media (max-width: 767px) {

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

    html[dir="rtl"] .upload-hero-points {
        align-items: center;
        justify-content: center;
    }

    html[dir="rtl"] .upload-submit-actions {
        flex-direction: column;
    }

}
/* =========================================================
   MEDIVANA PRODUCT DETAILS - RTL
   ========================================================= */

html[dir="rtl"] .med-product-details-page-main {
    direction: rtl;
}


/* =========================================================
   BREADCRUMB
   ========================================================= */

html[dir="rtl"] .pd-breadcrumb {
    direction: rtl;
}

html[dir="rtl"] .pd-breadcrumb i {
    transform: rotate(180deg);
}


/* =========================================================
   PRODUCT HERO
   ========================================================= */

html[dir="rtl"] .pd-product-layout {
    direction: rtl;
}

html[dir="rtl"] .pd-product-information {
    text-align: right;
}

html[dir="rtl"] .pd-product-category,
html[dir="rtl"] .pd-rating-row,
html[dir="rtl"] .pd-price-area,
html[dir="rtl"] .pd-availability {
    direction: rtl;
}

html[dir="rtl"] .pd-availability {
    justify-content: flex-start;
}

html[dir="rtl"] .pd-quantity-area {
    direction: rtl;
}

html[dir="rtl"] .pd-delivery-info {
    direction: rtl;
}

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

html[dir="rtl"] .pd-delivery-item > div {
    text-align: right;
}

html[dir="rtl"] .pd-continue-button i {
    transform: rotate(180deg);
}


/* =========================================================
   PRESCRIPTION
   ========================================================= */

html[dir="rtl"] .pd-prescription-area {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .pd-upload-button {
    direction: rtl;
}


/* =========================================================
   INFORMATION
   ========================================================= */

html[dir="rtl"] .pd-section-heading {
    text-align: right;
}

html[dir="rtl"] .pd-section-heading.pd-related-heading {
    text-align: center;
}

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

html[dir="rtl"] .pd-detail-list > div {
    direction: rtl;
}

html[dir="rtl"] .pd-detail-list strong {
    text-align: left;
}

html[dir="rtl"] .pd-care-note {
    direction: rtl;
}


/* =========================================================
   BENEFITS
   ========================================================= */

html[dir="rtl"] .pd-benefits-heading {
    text-align: center;
}

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


/* =========================================================
   RELATED
   ========================================================= */

html[dir="rtl"] .pd-related-heading {
    text-align: center;
}

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


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

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

html[dir="rtl"] .pd-final-primary i {
    transform: rotate(180deg);
}


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

@media (max-width: 1023px) {

    html[dir="rtl"] .pd-product-information {
        text-align: center;
    }

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

}


@media (max-width: 767px) {

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

    html[dir="rtl"] .pd-final-actions {
        direction: rtl;
    }

}
/* =========================================================
   PRODUCT DETAILS - RTL
   ========================================================= */

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


html[dir="rtl"] .pd-short-description {
    margin-right: 0;
    margin-left: auto;
}


html[dir="rtl"] .pd-price {
    flex-direction: row-reverse;
    justify-content: flex-start;
}


html[dir="rtl"] .pd-trust-item {
    flex-direction: row-reverse;
    text-align: right;
}


html[dir="rtl"] .pd-continue-shopping {
    flex-direction: row-reverse;
}


html[dir="rtl"] .pd-continue-shopping:hover {
    transform: translateX(4px);
}


html[dir="rtl"] .pd-float-one {
    left: auto;
    right: 4%;
}


html[dir="rtl"] .pd-float-two {
    right: auto;
    left: 5%;
}


html[dir="rtl"] .pd-float-three {
    left: auto;
    right: 14%;
}


@media (max-width: 767px) {

    html[dir="rtl"] .pd-float-one {
        right: 0;
    }

    html[dir="rtl"] .pd-float-two {
        left: 0;
    }

    html[dir="rtl"] .pd-float-three {
        right: 7%;
    }
}

/* =========================================================
   MEDIVANA - ABOUT US RTL
   ========================================================= */

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


/* =========================================================
   HERO
   ========================================================= */

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

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

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

html[dir="rtl"] .about-hero-badge {
    right: auto;
    left: 3%;
}

html[dir="rtl"] .about-float-one {
    left: auto;
    right: 2%;
}

html[dir="rtl"] .about-float-two {
    right: auto;
    left: 1%;
}

html[dir="rtl"] .about-float-three {
    left: auto;
    right: 12%;
}


/* =========================================================
   STORY
   ========================================================= */

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

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

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

html[dir="rtl"] .about-story-image-one {
    left: auto;
    right: 0;
}

html[dir="rtl"] .about-story-image-two {
    right: auto;
    left: 0;
}

html[dir="rtl"] .about-story-orbit {
    right: auto;
    left: 2%;
}

html[dir="rtl"] .about-story-leaf {
    left: auto;
    right: 5%;
}


/* =========================================================
   MISSION
   ========================================================= */

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

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

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

html[dir="rtl"] .about-purpose-leaf {
    right: auto;
    left: -10px;

    transform:
        scaleX(-1)
        rotate(-25deg);
}


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

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

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


/* =========================================================
   TEAM
   ========================================================= */

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

html[dir="rtl"] .about-team-front,
html[dir="rtl"] .about-team-back {
    text-align: right;
}

html[dir="rtl"] .about-team-back {
    text-align: center;
}


/* =========================================================
   TESTIMONIALS
   ========================================================= */

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

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

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

html[dir="rtl"] .about-testimonial-rating {
    justify-content: flex-start;
}

html[dir="rtl"] .testimonial-float-one {
    left: -22px;
    right: auto;
}

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


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

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

html[dir="rtl"] .about-final-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .final-leaf-one {
    left: auto;
    right: 12%;
}

html[dir="rtl"] .final-leaf-two {
    right: auto;
    left: 12%;
}

html[dir="rtl"] .final-float-one {
    left: auto;
    right: 23%;
}

html[dir="rtl"] .final-float-two {
    right: auto;
    left: 23%;
}


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

@media (max-width: 1023px) {

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

    html[dir="rtl"] .about-hero-actions {
        justify-content: center;
    }

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

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

}


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

@media (max-width: 575px) {

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

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

    html[dir="rtl"] .about-timeline-line {
        left: auto;
        right: 25px;
    }

    html[dir="rtl"] .about-timeline-item {
        grid-template-columns: 1fr 52px;
    }

    html[dir="rtl"] .about-timeline-dot {
        grid-column: 2;
        grid-row: 1;
    }

    html[dir="rtl"] .about-timeline-content {
        grid-column: 1;
        grid-row: 1;
    }

    html[dir="rtl"] .about-final-actions {
        flex-direction: column;
    }

    html[dir="rtl"] .final-leaf-one {
        right: -10px;
    }

    html[dir="rtl"] .final-leaf-two {
        left: -10px;
    }

}

/* =========================================================
   MEDIVANA HOME DELIVERY - RTL
   ========================================================= */

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


/* =========================================================
   HERO
   ========================================================= */

html[dir="rtl"] .hd-hero-overlay {
    background:
        linear-gradient(
            270deg,
            rgba(255,248,236,.98) 0%,
            rgba(255,248,236,.94) 34%,
            rgba(255,248,236,.38) 56%,
            rgba(255,248,236,.03) 78%
        );
}

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

html[dir="rtl"] .hd-hero h1 span {
    display: block;
}

html[dir="rtl"] .hd-typewriter-box {
    text-align: right;
}

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

html[dir="rtl"] .hd-primary-btn i:last-child {
    transform: rotate(180deg);
}


/* =========================================================
   BENEFITS
   ========================================================= */

html[dir="rtl"] .hd-benefit {
    border-right: 0;
    border-left: 1px solid rgba(49,86,107,.10);
}

html[dir="rtl"] .hd-benefit:last-child {
    border-left: 0;
}


/* =========================================================
   DETAILS
   ========================================================= */

html[dir="rtl"] .hd-form-heading {
    text-align: right;
}

html[dir="rtl"] .hd-form-card,
html[dir="rtl"] .hd-field {
    text-align: right;
}

html[dir="rtl"] .hd-location-button {
    margin-left: 0;
    margin-right: auto;
}


/* =========================================================
   HOW IT WORKS
   ========================================================= */

html[dir="rtl"] .hd-step {
    direction: rtl;
}

html[dir="rtl"] .hd-steps::before {
    left: auto;
    right: 35px;
}

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


/* =========================================================
   FLEXIBLE DELIVERY
   ========================================================= */

html[dir="rtl"] .flex-point-one {
    left: auto;
    right: 0;
}

html[dir="rtl"] .flex-point-two {
    right: auto;
    left: 0;
}

html[dir="rtl"] .flex-point-three {
    left: auto;
    right: 0;
}

html[dir="rtl"] .flex-point-four {
    right: auto;
    left: 0;
}


/* =========================================================
   COVERAGE
   ========================================================= */

html[dir="rtl"] .hd-coverage-content,
html[dir="rtl"] .hd-coverage-form {
    text-align: right;
}


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

html[dir="rtl"] .hd-support-item {
    text-align: right;
}


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

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

html[dir="rtl"] .hd-final-actions {
    justify-content: flex-start;
}

html[dir="rtl"] .final-leaf-one {
    left: auto;
    right: 2%;
}

html[dir="rtl"] .final-leaf-two {
    right: auto;
    left: 4%;
}


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

@media (max-width:1023px) {

    html[dir="rtl"] .hd-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,248,236,.20) 0%,
                rgba(255,248,236,.55) 48%,
                rgba(255,248,236,.98) 78%
            );
    }

    html[dir="rtl"] .hd-hero-content {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    html[dir="rtl"] .hd-hero-actions {
        justify-content: center;
    }

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

    html[dir="rtl"] .hd-final-actions {
        justify-content: center;
    }

    html[dir="rtl"] .hd-steps::before {
        right: 28px;
    }

}


@media (max-width:767px) {

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

    html[dir="rtl"] .hd-location-button {
        margin-right: 0;
    }

}


@media (max-width:480px) {

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

    html[dir="rtl"] .hd-hero-actions {
        align-items: stretch;
    }

}
/* =========================================================
   MEDIVANA STORE TIMINGS — RTL
   ========================================================= */

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


/* HERO */

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

html[dir="rtl"] .std-hero-content {
    align-items: flex-start;
}

html[dir="rtl"] .std-open-status {
    direction: rtl;
}


/* TIMELINE */

html[dir="rtl"] .std-timeline::before {
    left: auto;
    right: 27px;
}

html[dir="rtl"] .std-time-item {
    grid-template-columns:
        minmax(0,1fr) 56px;

    transform: translateX(35px);
}

html[dir="rtl"] .std-time-item.std-visible {
    transform: translateX(0);
}

html[dir="rtl"] .std-time-marker {
    grid-column: 2;
    grid-row: 1;
}

html[dir="rtl"] .std-time-content {
    grid-column: 1;
    grid-row: 1;
    text-align: right;
}


/* IMAGE */

html[dir="rtl"] .std-image-caption {
    left: auto;
    right: 25px;
}


/* SERVICES */

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

html[dir="rtl"] .std-service-line {
    transform-origin: right;
}

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


/* HOLIDAY */

html[dir="rtl"] .std-holiday-row {
    direction: rtl;
}

html[dir="rtl"] .std-holiday-row > span {
    text-align: left;
}


/* CURVE */

html[dir="rtl"] .std-curve-wrapper {
    direction: rtl;
}

html[dir="rtl"] .std-curve-label {
    left: auto;
    right: 0;
}

html[dir="rtl"] .std-curve-note {
    direction: rtl;
}


/* BEFORE */

html[dir="rtl"] .std-before-step {
    direction: rtl;
}

html[dir="rtl"] .std-before-step > span {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .std-primary-button i {
    transform: rotate(180deg);
}


/* TABLET / MOBILE */

@media (max-width: 1023px) {

    html[dir="rtl"] .std-hero {
        text-align: center;
    }

    html[dir="rtl"] .std-hero-content {
        align-items: center;
    }

}


@media (max-width: 767px) {

    html[dir="rtl"] .std-timeline::before {
        right: 23px;
    }

    html[dir="rtl"] .std-time-item {
        grid-template-columns:
            minmax(0,1fr) 48px;

        transform: translateX(30px);
    }

    html[dir="rtl"] .std-time-marker {
        grid-column: 2;
    }

    html[dir="rtl"] .std-time-content {
        grid-column: 1;
        text-align: right;
    }

    html[dir="rtl"] .std-service-item {
        grid-template-columns:
            minmax(0,1fr) 70px;

        text-align: right;
    }

    html[dir="rtl"] .std-service-icon {
        grid-column: 2;
        grid-row: span 3;
    }

    html[dir="rtl"] .std-service-number,
    html[dir="rtl"] .std-service-item h3,
    html[dir="rtl"] .std-service-item p {
        grid-column: 1;
    }

    html[dir="rtl"] .std-holiday-row > span {
        text-align: right;
    }

    html[dir="rtl"] .std-image-caption {
        right: 15px;
        left: 15px;
    }

}
/* =========================================================
   MEDIVANA CONTACT — RTL
   ========================================================= */


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

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


/* =========================================================
   HERO
   ========================================================= */

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


html[dir="rtl"] .contact-hero-image {
    object-position: 38% center;
}


html[dir="rtl"] .contact-hero-overlay {
    background:
        linear-gradient(
            270deg,
            rgba(16,42,53,.88) 0%,
            rgba(16,42,53,.68) 34%,
            rgba(16,42,53,.22) 68%,
            rgba(16,42,53,.10) 100%
        );
}


html[dir="rtl"] .contact-primary-button i,
html[dir="rtl"] .contact-outline-button i {
    transform: rotate(180deg);
}


html[dir="rtl"]
.contact-primary-button:hover i,
html[dir="rtl"]
.contact-outline-button:hover i {
    transform:
        rotate(180deg)
        translateX(4px);
}


/* =========================================================
   INFORMATION
   ========================================================= */

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


html[dir="rtl"] .contact-emergency-note {
    direction: rtl;
}


/* =========================================================
   NORMAL FORM
   ========================================================= */

html[dir="rtl"] .contact-form-layout {
    direction: rtl;
}


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


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


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


/* =========================================================
   URGENT
   ========================================================= */

html[dir="rtl"] .urgent-layout {
    direction: rtl;
}


html[dir="rtl"] .urgent-copy {
    border-left: 0;

    border-right:
        2px solid
        var(--med-peach);

    padding-left: 0;

    padding-right: 35px;
}


html[dir="rtl"] .urgent-support-line {
    direction: rtl;
}


html[dir="rtl"] .urgent-prescription-note {
    direction: rtl;
}


/* =========================================================
   LOCATION
   ========================================================= */

html[dir="rtl"] .contact-location-layout {
    direction: rtl;
}


html[dir="rtl"] .location-detail-row {
    direction: rtl;
}


html[dir="rtl"] .support-list span {
    direction: rtl;
}


/* =========================================================
   FINAL
   ========================================================= */

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


/* =========================================================
   ANIMATION DIRECTION
   ========================================================= */

html[dir="rtl"] .contact-from-left {
    transform:
        translateX(90px);
}


html[dir="rtl"] .contact-from-right {
    transform:
        translateX(-90px);
}


html[dir="rtl"] .contact-visible {
    transform:
        translate(0)
        scale(1);
}


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

@media (max-width: 1023px) {

    html[dir="rtl"] .urgent-copy {
        border-right: 0;

        border-bottom:
            2px solid
            var(--med-peach);

        padding-right: 0;
    }

}


@media (max-width: 767px) {

    html[dir="rtl"] .contact-hero-image {
        object-position:
            38% center;
    }


    html[dir="rtl"] .contact-form-intro {
        text-align: center;
    }


    html[dir="rtl"] .urgent-copy {
        text-align: center;
    }

}


@media (max-width: 480px) {

    html[dir="rtl"] .contact-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(16,42,53,.72),
                rgba(16,42,53,.78)
            );
    }

}

/* =========================================================
   MEDIVANA LOGIN — RTL
   ========================================================= */

html[dir="rtl"] .med-login-page {

    direction: rtl;

}


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

html[dir="rtl"] .login-top-controls {

    right:
        auto;

    left:
        28px;

}


/* =========================================================
   LEFT SECTION
   ========================================================= */

html[dir="rtl"] .login-brand {

    left:
        auto;

    right:
        42px;

}


html[dir="rtl"] .login-visual-content {

    text-align:
        right;

}


html[dir="rtl"] .login-feature {

    flex-direction:
        row-reverse;

}


html[dir="rtl"] .login-feature-list {

    justify-content:
        flex-start;

}


/* =========================================================
   FORM
   ========================================================= */

html[dir="rtl"] .login-form-heading {

    text-align:
        right;

}


html[dir="rtl"] .login-field label {

    text-align:
        right;

}


html[dir="rtl"] .login-input-wrapper > i {

    left:
        auto;

    right:
        18px;

}


html[dir="rtl"] .login-input-wrapper input {

    padding:
        0 52px 0 52px;

    text-align:
        right;

}


html[dir="rtl"] .login-password-toggle {

    right:
        auto;

    left:
        10px;

}


/* =========================================================
   FORM OPTIONS
   ========================================================= */

html[dir="rtl"] .login-form-options {

    flex-direction:
        row-reverse;

}


html[dir="rtl"] .login-remember {

    flex-direction:
        row-reverse;

}


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

html[dir="rtl"] .login-submit-button {

    flex-direction:
        row-reverse;

}


html[dir="rtl"] .login-submit-button:hover i {

    transform:
        translateX(-5px);

}


/* =========================================================
   SOCIAL
   ========================================================= */

html[dir="rtl"] .login-social-button {

    flex-direction:
        row-reverse;

}


/* =========================================================
   SIGNUP
   ========================================================= */

html[dir="rtl"] .login-signup {

    flex-direction:
        row-reverse;

}


html[dir="rtl"] .login-signup a:hover i {

    transform:
        translateX(-4px);

}


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

@media (max-width: 767px) {

    html[dir="rtl"] .login-top-controls {

        left:
            15px;

        right:
            auto;

    }

}


@media (max-width: 380px) {

    html[dir="rtl"] .login-top-controls {

        left:
            10px;

    }

}
/* =========================================================
   MEDIVANA SIGNUP — RTL
   ========================================================= */

html[dir="rtl"] .signup-top-controls {

    right: auto;

    left: 28px;

    flex-direction: row-reverse;
}


/* =========================================================
   VISUAL
   ========================================================= */

html[dir="rtl"] .signup-visual-content {

    margin-left: 0;

    margin-right:
        clamp(
            35px,
            7vw,
            100px
        );

    padding-left: 30px;

    padding-right: 0;

    text-align: right;
}


html[dir="rtl"] .signup-eyebrow {

    flex-direction: row-reverse;

    justify-content: flex-start;
}


html[dir="rtl"] .signup-benefit {

    flex-direction: row-reverse;

    justify-content: flex-start;

    text-align: right;
}


/* =========================================================
   FORM
   ========================================================= */

html[dir="rtl"] .signup-form-section {

    direction: rtl;

    text-align: right;
}


html[dir="rtl"] .signup-form-heading {

    text-align: right;
}


html[dir="rtl"] .signup-form-eyebrow {

    flex-direction: row-reverse;
}


html[dir="rtl"] .signup-field {

    text-align: right;
}


html[dir="rtl"] .signup-field label {

    text-align: right;
}


html[dir="rtl"] .signup-input-wrapper > i {

    left: auto;

    right: 18px;
}


html[dir="rtl"] .signup-input-wrapper input {

    padding-left: 50px;

    padding-right: 50px;

    text-align: right;
}


html[dir="rtl"] .signup-password-toggle {

    right: auto;

    left: 13px;
}


/* =========================================================
   TERMS
   ========================================================= */

html[dir="rtl"] .signup-checkbox-label {

    flex-direction: row-reverse;

    justify-content: flex-start;

    text-align: right;
}


html[dir="rtl"] .signup-checkbox-label input {

    right: auto;
}


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

html[dir="rtl"] .signup-submit-button {

    flex-direction: row-reverse;
}


html[dir="rtl"] .signup-submit-button:hover i {

    transform: translateX(-5px);
}


/* =========================================================
   LOGIN
   ========================================================= */

html[dir="rtl"] .signup-login-text {

    text-align: center;
}


html[dir="rtl"] .signup-login-text a {

    margin-left: 0;

    margin-right: 4px;
}


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

@media (max-width: 1023px) {

    html[dir="rtl"] .signup-visual-content {

        margin-right: auto;

        margin-left: auto;

        padding-left: 0;

        text-align: right;
    }

}


@media (max-width: 767px) {

    html[dir="rtl"] .signup-top-controls {

        left: 16px;
    }

}


@media (max-width: 400px) {

    html[dir="rtl"] .signup-top-controls {

        left: 12px;
    }

}
/* =========================================================
   MEDIVANA 404 — RTL
   ========================================================= */


/* =========================================================
   PAGE DIRECTION
   ========================================================= */

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


/* =========================================================
   CONTROLS
   ========================================================= */

html[dir="rtl"] .med-404-controls {
    right: auto;

    left: 35px;
}


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

html[dir="rtl"] .med-404-text {
    direction: rtl;
}


html[dir="rtl"] .med-404-eyebrow {
    direction: rtl;
}


html[dir="rtl"] .med-404-support {
    direction: rtl;
}


/* =========================================================
   BUTTONS
   ========================================================= */

html[dir="rtl"] .med-404-actions {
    direction: rtl;
}


html[dir="rtl"] .med-404-primary-btn i:last-child {
    transform: rotate(180deg);
}


html[dir="rtl"] .med-404-primary-btn:hover i:last-child {
    transform:
        rotate(180deg)
        translateX(5px);
}


/* =========================================================
   LEAVES
   ========================================================= */

html[dir="rtl"] .med-404-leaf-one {
    left: auto;

    right: 4%;

    transform: rotate(25deg);
}


html[dir="rtl"] .med-404-leaf-two {
    right: auto;

    left: 5%;

    transform: rotate(-30deg);
}


html[dir="rtl"] .med-404-leaf-three {
    left: auto;

    right: 12%;

    transform: rotate(-25deg);
}


html[dir="rtl"] .med-404-leaf-four {
    right: auto;

    left: 13%;

    transform: rotate(20deg);
}


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

@media (max-width: 767px) {

    html[dir="rtl"] .med-404-controls {
        left: 20px;

        right: auto;
    }


    html[dir="rtl"] .med-404-leaf-one {
        right: -20px;

        left: auto;
    }


    html[dir="rtl"] .med-404-leaf-two {
        left: -15px;

        right: auto;
    }


    html[dir="rtl"] .med-404-leaf-three {
        right: -10px;

        left: auto;
    }


    html[dir="rtl"] .med-404-leaf-four {
        left: -10px;

        right: auto;
    }
}
/* =========================================================
   MEDIVANA — COMING SOON RTL
========================================================= */

html[dir="rtl"] .coming-soon-page {

    direction: rtl;
}



/* =========================================================
   CONTROLS
========================================================= */

html[dir="rtl"] .coming-controls {

    right: auto;

    left: 28px;
}



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

html[dir="rtl"] .coming-brand {

    direction: rtl;
}



/* =========================================================
   EYEBROW
========================================================= */

html[dir="rtl"] .coming-eyebrow {

    direction: rtl;
}



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

html[dir="rtl"] .coming-title {

    direction: rtl;
}



/* =========================================================
   DESCRIPTION
========================================================= */

html[dir="rtl"] .coming-description {

    direction: rtl;
}



/* =========================================================
   COUNTDOWN
========================================================= */

html[dir="rtl"] .coming-countdown {

    direction: rtl;
}



/* =========================================================
   ACTIONS
========================================================= */

html[dir="rtl"] .coming-actions {

    direction: rtl;
}



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

html[dir="rtl"] .coming-bottom-message {

    direction: rtl;
}



/* =========================================================
   DECORATIVE POSITIONING
========================================================= */

html[dir="rtl"] .coming-capsule {

    left: auto;

    right: 10%;
}



html[dir="rtl"] .coming-heart {

    right: auto;

    left: 10%;
}



html[dir="rtl"] .coming-plus {

    left: auto;

    right: 14%;
}



html[dir="rtl"] .coming-leaf-one {

    left: auto;

    right: 25%;
}



html[dir="rtl"] .coming-leaf-two {

    right: auto;

    left: 22%;
}



html[dir="rtl"] .coming-leaf-three {

    left: auto;

    right: 5%;
}



html[dir="rtl"] .coming-curve-one {

    right: auto;

    left: -160px;
}



html[dir="rtl"] .coming-curve-two {

    left: auto;

    right: -180px;
}



/* =========================================================
   DOTS
========================================================= */

html[dir="rtl"] .coming-dot-one {

    right: auto;

    left: 25%;
}



html[dir="rtl"] .coming-dot-two {

    right: auto;

    left: 7%;
}



html[dir="rtl"] .coming-dot-three {

    left: auto;

    right: 26%;
}



html[dir="rtl"] .coming-dot-four {

    left: auto;

    right: 7%;
}



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

@media (max-width: 767px) {

    html[dir="rtl"] .coming-controls {

        left: 16px;

        right: auto;
    }


    html[dir="rtl"] .coming-capsule {

        right: 1%;

        left: auto;
    }


    html[dir="rtl"] .coming-heart {

        left: 1%;

        right: auto;
    }


    html[dir="rtl"] .coming-plus {

        right: 5%;

        left: auto;
    }


    html[dir="rtl"] .coming-leaf-one {

        right: 8%;

        left: auto;
    }


    html[dir="rtl"] .coming-leaf-two {

        left: 5%;

        right: auto;
    }

}



@media (max-width: 480px) {

    html[dir="rtl"] .coming-controls {

        left: 12px;

        right: auto;
    }


    html[dir="rtl"] .coming-capsule {

        right: -5%;

        left: auto;
    }


    html[dir="rtl"] .coming-heart {

        left: -5%;

        right: auto;
    }


    html[dir="rtl"] .coming-plus {

        right: -3%;

        left: auto;
    }

}
/* =========================================================
   HOME 1 — SECTION 2 JOURNEY
   RTL OVERRIDES
========================================================= */

html[dir="rtl"] .mv-trust-section {

    direction: rtl;

}


html[dir="rtl"] .mv-trust-heading {

    text-align: center;

}


html[dir="rtl"] .mv-trust-heading-line {

    flex-direction: row-reverse;

}


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

@media (min-width: 768px) {

    html[dir="rtl"]
    .mv-trust-item-one,
    html[dir="rtl"]
    .mv-trust-item-three {

        left: auto;

        right: 0;

    }


    html[dir="rtl"]
    .mv-trust-item-two,
    html[dir="rtl"]
    .mv-trust-item-four {

        right: auto;

        left: 0;

    }


    html[dir="rtl"]
    .mv-trust-item-one::before,
    html[dir="rtl"]
    .mv-trust-item-three::before {

        right: auto;

        left: -95px;

        background:
            linear-gradient(
                270deg,
                transparent,
                var(--med-teal)
            );

        transform:
            translateY(-50%)
            rotate(180deg);

    }


    html[dir="rtl"]
    .mv-trust-item-two::before,
    html[dir="rtl"]
    .mv-trust-item-four::before {

        left: auto;

        right: -95px;

        background:
            linear-gradient(
                270deg,
                transparent,
                var(--med-teal)
            );

        transform:
            translateY(-50%);

    }


    html[dir="rtl"]
    .mv-trust-item-one
    .mv-trust-journey-number,
    html[dir="rtl"]
    .mv-trust-item-three
    .mv-trust-journey-number {

        left: auto;

        right: 0;

    }


    html[dir="rtl"]
    .mv-trust-item-two
    .mv-trust-journey-number,
    html[dir="rtl"]
    .mv-trust-item-four
    .mv-trust-journey-number {

        right: auto;

        left: 0;

    }


    html[dir="rtl"]
    .mv-trust-journey-content {

        text-align: right;

    }


    /* Reverse collision */

    html[dir="rtl"]
    .mv-trust-journey-item.mv-trust-from-left {

        transform:
            translateX(120px)
            rotate(3deg)
            scale(.94);

    }


    html[dir="rtl"]
    .mv-trust-journey-item.mv-trust-from-right {

        transform:
            translateX(-120px)
            rotate(-3deg)
            scale(.94);

    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

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

    html[dir="rtl"]
    .mv-trust-item-one,
    html[dir="rtl"]
    .mv-trust-item-three {

        right: 0;

        left: auto;

    }


    html[dir="rtl"]
    .mv-trust-item-two,
    html[dir="rtl"]
    .mv-trust-item-four {

        left: 0;

        right: auto;

    }

}


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

@media (max-width: 767px) {

    html[dir="rtl"] .mv-trust-journey {

        padding-left: 0;

        padding-right: 28px;

    }


    html[dir="rtl"] .mv-trust-path {

        left: auto;

        right: 28px;

        transform: translateX(50%);

    }


    html[dir="rtl"] .mv-trust-journey-item {

        left: auto !important;

        right: 0 !important;

        grid-template-columns:
            1fr
            56px;

        column-gap: 14px;

    }


    html[dir="rtl"] .mv-trust-node {

        grid-column: 2;

        grid-row: 1;

    }


    html[dir="rtl"] .mv-trust-journey-content {

        grid-column: 1;

        grid-row: 1;

        padding-right: 0;

        padding-left: 5px;

        text-align: right;

    }


    html[dir="rtl"] .mv-trust-journey-number {

        left: auto !important;

        right: 70px !important;

    }


    html[dir="rtl"]
    .mv-trust-journey-item.mv-trust-from-left {

        transform:
            translateX(70px)
            rotate(2deg)
            scale(.96);

    }


    html[dir="rtl"]
    .mv-trust-journey-item.mv-trust-from-right {

        transform:
            translateX(70px)
            rotate(-2deg)
            scale(.96);

    }


    html[dir="rtl"] .mv-trust-heading-line {

        flex-direction: row-reverse;

    }

}


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

@media (max-width: 480px) {

    html[dir="rtl"] .mv-trust-journey {

        padding-right: 23px;

        padding-left: 0;

    }


    html[dir="rtl"] .mv-trust-path {

        right: 23px;

    }


    html[dir="rtl"] .mv-trust-journey-item {

        grid-template-columns:
            1fr
            48px;

        column-gap: 11px;

    }


    html[dir="rtl"] .mv-trust-journey-number {

        right: 60px !important;

    }

}
/* =========================================================
   MEDIVANA — CUSTOM CURSOR
   RTL SUPPORT
   ========================================================= */

html[dir="rtl"]
.med-custom-cursor,
html[dir="rtl"]
.med-custom-cursor-ring,
html[dir="rtl"]
.med-custom-cursor-dot {

    direction: ltr;
}


/*
   Cursor coordinates are viewport based,
   therefore no left/right swapping is required.
*/

html[dir="rtl"]
.med-custom-cursor-ring,
html[dir="rtl"]
.med-custom-cursor-dot {

    text-align: initial;

    unicode-bidi: isolate;
}
/* =========================================================
   HOME 1 — SECTION 2 HEADING RTL
   ========================================================= */

html[dir="rtl"] .mv-trust-heading h2 {
    text-align: right;
}

@media (max-width: 767px) {

    html[dir="rtl"] .mv-trust-heading h2 {
        text-align: center;
    }

}

/* =========================================================
   LOGIN + SIGNUP
   BACK TO HOME — RTL
   ========================================================= */


html[dir="rtl"] .login-back-home {

    left:
        auto;

    right:
        28px;

    flex-direction:
        row-reverse;
}


html[dir="rtl"] .login-back-home:hover i {

    transform:
        translateX(4px);
}


html[dir="rtl"] .signup-back-home {

    left:
        auto;

    right:
        28px;

    flex-direction:
        row-reverse;
}


html[dir="rtl"] .signup-back-home:hover i {

    transform:
        translateX(4px);
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

    html[dir="rtl"] .login-back-home,
    html[dir="rtl"] .signup-back-home {

        right:
            20px;

        left:
            auto;
    }

}


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

@media (max-width: 1023px) {

    html[dir="rtl"] .login-back-home,
    html[dir="rtl"] .signup-back-home {

        right:
            18px;

        left:
            auto;
    }

}


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

@media (max-width: 767px) {

    html[dir="rtl"] .login-back-home,
    html[dir="rtl"] .signup-back-home {

        right:
            14px;

        left:
            auto;
    }

}


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

@media (max-width: 480px) {

    html[dir="rtl"] .login-back-home,
    html[dir="rtl"] .signup-back-home {

        right:
            12px;

        left:
            auto;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    html[dir="rtl"] .login-back-home,
    html[dir="rtl"] .signup-back-home {

        right:
            10px;

        left:
            auto;
    }

}