/* RTL Support for Arabic Language */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Header adjustments */
html[dir="rtl"] .header-links ul li {
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] .icon-btn {
    margin-right: 0;
    margin-left: 10px;
}

/* Language selector styling */
.lang-flag {
    width: 20px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
}

html[dir="rtl"] .lang-flag {
    margin-right: 0;
    margin-left: 5px;
}

.lang-text {
    vertical-align: middle;
}

.dropdown-item {
    display: flex;
    align-items: center;
    padding: 8px 15px;
}

html[dir="rtl"] .dropdown-item {
    text-align: right;
}

/* Navigation */
html[dir="rtl"] .main-menu ul li {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

/* Content alignment */
html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Form elements */
html[dir="rtl"] .form-group {
    text-align: right;
}

html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] textarea {
    text-align: right;
}

/* Icons and buttons */
html[dir="rtl"] .btn i,
html[dir="rtl"] .icon-btn i {
    margin-right: 0;
    margin-left: 8px;
}

/* List styles */
html[dir="rtl"] ul, 
html[dir="rtl"] ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Float classes */
html[dir="rtl"] .float-left {
    float: right !important;
}

html[dir="rtl"] .float-right {
    float: left !important;
}

/* Menu adjustments */
html[dir="rtl"] .th-mobile-menu {
    text-align: right;
}

html[dir="rtl"] .th-mobile-menu .sub-menu {
    right: 100%;
    left: auto;
}

/* Dropdown arrows */
html[dir="rtl"] .dropdown-toggle::after {
    margin-right: 5px;
    margin-left: 0;
}

/* Mobile menu specific RTL adjustments */
html[dir="rtl"] .th-menu-toggle {
    right: auto;
    left: 15px;
}

/* Search box RTL adjustments */
html[dir="rtl"] .popup-search-box button[type="submit"] {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .popup-search-box input {
    padding: 10px 20px 10px 60px;
}

/* Cart sidebar RTL adjustments */
html[dir="rtl"] .sidemenu-wrapper {
    right: auto;
    left: -450px;
}

html[dir="rtl"] .sidemenu-wrapper.show {
    right: auto;
    left: 0;
}

html[dir="rtl"] .closeButton {
    right: auto;
    left: 25px;
}

/* Header & Navigation Adjustments */
html[dir="rtl"] .header-links ul li {
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] .icon-btn {
    margin-right: 0;
    margin-left: 10px;
}

/* Hero Section RTL */
html[dir="rtl"] .hero-style2 {
    text-align: right;
}

html[dir="rtl"] .hero-shape1,
html[dir="rtl"] .hero-shape2,
html[dir="rtl"] .hero-shape3,
html[dir="rtl"] .hero-shape4,
html[dir="rtl"] .hero-shape5 {
    transform: scaleX(-1);
}

/* Services Section RTL */
html[dir="rtl"] .service-card {
    text-align: right;
}

html[dir="rtl"] .service-card .box-icon {
    margin-right: 0;
    margin-left: 15px;
}

/* About Section RTL */
html[dir="rtl"] .about-info {
    text-align: right;
}

html[dir="rtl"] .checklist.style2 ul li {
    padding-right: 30px;
    padding-left: 0;
}

html[dir="rtl"] .checklist.style2 ul li i {
    right: 0;
    left: auto;
}

/* Team Section RTL */
html[dir="rtl"] .th-team {
    text-align: right;
}

html[dir="rtl"] .th-social {
    right: auto;
    left: 20px;
}

/* Working Hours Section RTL */
html[dir="rtl"] .schedule-box {
    text-align: right;
}

html[dir="rtl"] .box-timing span {
    float: left;
}

/* Appointment Form RTL */
html[dir="rtl"] .appointment-form {
    text-align: right;
}

html[dir="rtl"] .form-group {
    text-align: right;
}

html[dir="rtl"] .form-select {
    padding: .375rem .75rem .375rem 2.25rem;
    background-position: left .75rem center;
}

/* Process Section RTL */
html[dir="rtl"] .process-card {
    text-align: right;
}

html[dir="rtl"] .process-card .box-number {
    right: auto;
    left: 20px;
}

/* Counter Section RTL */
html[dir="rtl"] .counter-card {
    text-align: right;
}

html[dir="rtl"] .counter-card .plus {
    margin-right: 5px;
    margin-left: 0;
}

/* Generic RTL Adjustments */
html[dir="rtl"] .float-start {
    float: right !important;
}

html[dir="rtl"] .float-end {
    float: left !important;
}

html[dir="rtl"] .me-2,
html[dir="rtl"] .me-3,
html[dir="rtl"] .me-4 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

html[dir="rtl"] .ms-2,
html[dir="rtl"] .ms-3,
html[dir="rtl"] .ms-4 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Mobile Navigation RTL */
html[dir="rtl"] .th-menu-wrapper {
    text-align: right;
}

html[dir="rtl"] .th-mobile-menu {
    right: auto;
    left: 0;
}

html[dir="rtl"] .th-mobile-menu .th-mean-expand {
    right: auto;
    left: 0;
}

/* Dropdown Menu RTL */
html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

html[dir="rtl"] .dropdown-item {
    text-align: right;
}

/* Buttons RTL */
html[dir="rtl"] .th-btn i {
    margin-right: 0;
    margin-left: 10px;
}

/* Form Input Icons RTL */
html[dir="rtl"] .form-group i {
    right: auto;
    left: 15px;
}

/* Section Title RTL */
html[dir="rtl"] .title-area {
    text-align: right;
}

html[dir="rtl"] .sub-title img {
    margin-right: 0;
    margin-left: 10px;
}

.rand{
display:none;
direction:ltr!important;
}