/* ===============================
   LinkIt RTL Support
   =============================== */


/* ===============================
   Typography & Alignment
   =============================== */


/* ===============================
   Bootstrap Utilities Fix
   =============================== */

/* Text alignment */
html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

/* Float */
html[dir="rtl"] .float-start {
    float: right !important;
}

html[dir="rtl"] .float-end {
    float: left !important;
}

/* ===============================
   Buttons & Inline Elements
   =============================== */

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

/* ===============================
   Lists
   =============================== */

html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: 1.25rem;
    padding-left: 0;
}

/* ===============================
   Cards & Pricing Plans
   =============================== */

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

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

html[dir="rtl"] .benefits-list li {
    padding-right: 0;
}

/* ===============================
   Badges (Most Popular)
   =============================== */

html[dir="rtl"] .popular-badge {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

/* ===============================
   Forms
   =============================== */

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
}

/* ===============================
   Navbar
   =============================== */

html[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

/* ===============================
   Icons Spacing
   =============================== */

html[dir="rtl"] i,
html[dir="rtl"] svg {
    margin-left: .25rem;
    margin-right: 0;
}

/* ===============================
   Mobile Safety
   =============================== */

@media (max-width: 768px) {
    html[dir="rtl"] .text-center {
        text-align: center !important;
    }
}