/* ----------------------------------------------------------------------------------------
* RTL (Right-to-Left) Styles for Dentaire Theme
* Author        : Awaiken
* Template Name : Dentaire - Dentist & Dental Clinic HTML Template
* File          : RTL CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */

/* RTL Direction */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'GE-SS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

/* RTL Typography with Custom Fonts */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'GE-SS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    text-align: right;
}

html[dir="rtl"] p {
    font-family: 'GE-SS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    text-align: right;
}

html[dir="rtl"] .btn-default {
    font-family: 'GE-SS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
}

/* Arabic Text Rendering Optimization */
html[dir="rtl"] {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Arabic Font Weight Adjustments */
html[dir="rtl"] .section-title h1,
html[dir="rtl"] .section-title h2,
html[dir="rtl"] .section-title h3 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

html[dir="rtl"] .hero-content h1 {
    font-weight: 700;
    letter-spacing: -0.03em;
}

html[dir="rtl"] .btn-default {
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Arabic Navigation Fonts */
html[dir="rtl"] .navbar-nav .nav-link {
    font-weight: 500;
    letter-spacing: 0.02em;
}

html[dir="rtl"] .sub-menu .nav-link {
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Arabic Content Fonts */
html[dir="rtl"] .hero-content p {
    font-weight: 400;
    line-height: 1.8;
}

html[dir="rtl"] .about-content p {
    font-weight: 400;
    line-height: 1.8;
}

html[dir="rtl"] .service-item p {
    font-weight: 400;
    line-height: 1.7;
}

html[dir="rtl"] .team-content p {
    font-weight: 400;
    line-height: 1.7;
}

html[dir="rtl"] .testimonial-content p {
    font-weight: 400;
    line-height: 1.8;
    font-style: italic;
}

html[dir="rtl"] .blog-item p {
    font-weight: 400;
    line-height: 1.7;
}

/* Arabic Button Fonts */
html[dir="rtl"] .btn-highlighted {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Arabic Form Fonts */
html[dir="rtl"] .form-control {
    font-weight: 400;
    font-family: 'GE-SS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html[dir="rtl"] .form-label {
    font-weight: 500;
    font-family: 'GE-SS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Language Switcher */
.language-switcher {
    margin-left: 15px;
}

html[dir="rtl"] .language-switcher {
    margin-left: 0;
    margin-right: 15px;
}

.language-switcher button {
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.language-switcher button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* RTL Typography */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    text-align: right;
}

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

/* RTL Layout */
html[dir="rtl"] .container {
    direction: rtl;
}

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

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

html[dir="rtl"] .sub-menu {
    right: 0;
    left: auto;
    text-align: right;
}

html[dir="rtl"] .sub-menu .nav-link {
    padding-right: 20px;
    padding-left: 15px;
}

/* RTL Buttons */
html[dir="rtl"] .btn-default {
    text-align: center;
}

/* RTL Header */
html[dir="rtl"] .header-btn {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: auto;
}

/* RTL Hero Section */
html[dir="rtl"] .hero-content {
    text-align: right;
}

html[dir="rtl"] .hero-content h1,
html[dir="rtl"] .hero-content h2,
html[dir="rtl"] .hero-content p {
    text-align: right;
}

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

html[dir="rtl"] .export-dantist-box {
    right: 0;
    left: auto;
}

html[dir="rtl"] .hero-icon-box-1 {
    right: 0;
    left: auto;
}

html[dir="rtl"] .hero-icon-box-2 {
    right: 20px;
    left: auto;
}

html[dir="rtl"] .hero-icon-box-3 {
    right: 40px;
    left: auto;
}

/* RTL About Section */
html[dir="rtl"] .about-content {
    text-align: right;
}

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

/* RTL Services */
html[dir="rtl"] .service-item {
    text-align: right;
}

html[dir="rtl"] .service-item h3,
html[dir="rtl"] .service-item p {
    text-align: right;
}

/* RTL Team */
html[dir="rtl"] .team-item {
    text-align: center;
}

html[dir="rtl"] .team-item h3,
html[dir="rtl"] .team-item p {
    text-align: center;
}

/* RTL Testimonials */
html[dir="rtl"] .testimonial-item {
    text-align: right;
}

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

/* RTL Blog */
html[dir="rtl"] .blog-item {
    text-align: right;
}

html[dir="rtl"] .blog-item h3,
html[dir="rtl"] .blog-item p {
    text-align: right;
}

/* RTL Contact */
html[dir="rtl"] .contact-info {
    text-align: right;
}

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

/* RTL Footer */
html[dir="rtl"] .footer-content {
    text-align: right;
}

html[dir="rtl"] .footer-content h3,
html[dir="rtl"] .footer-content p {
    text-align: right;
}

/* RTL Forms */
html[dir="rtl"] .form-group {
    text-align: right;
}

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

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

/* RTL Icons */
html[dir="rtl"] .icon-left {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .icon-right {
    margin-left: 0;
    margin-right: 10px;
}

/* RTL Margins and Paddings */
html[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .pl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* RTL Flexbox */
html[dir="rtl"] .flex-row-reverse {
    flex-direction: row-reverse !important;
}

/* RTL Swiper */
html[dir="rtl"] .swiper-container {
    direction: rtl;
}

html[dir="rtl"] .swiper-button-next {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .swiper-button-prev {
    left: auto;
    right: 10px;
}

/* RTL Magnific Popup */
html[dir="rtl"] .mfp-arrow-left {
    right: 0;
    left: auto;
}

html[dir="rtl"] .mfp-arrow-right {
    left: 0;
    right: auto;
}

/* RTL Responsive */
@media (max-width: 768px) {
    html[dir="rtl"] .navbar-collapse {
        text-align: right;
    }
    
    html[dir="rtl"] .navbar-nav {
        text-align: right;
    }
    
    html[dir="rtl"] .sub-menu {
        right: 0;
        left: auto;
    }
    
    html[dir="rtl"] .hero-content {
        text-align: center;
    }
    
    html[dir="rtl"] .hero-content h1,
    html[dir="rtl"] .hero-content h2,
    html[dir="rtl"] .hero-content p {
        text-align: center;
    }
    
    html[dir="rtl"] .language-switcher {
        margin: 10px 0;
        text-align: center;
    }
}

/* RTL Utilities */
html[dir="rtl"] .text-left {
    text-align: right !important;
}

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

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

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

/* RTL Bootstrap Utilities Override */
html[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .pe-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"] .ps-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* RTL List Styles */
html[dir="rtl"] ul {
    padding-right: 20px;
    padding-left: 0;
}

html[dir="rtl"] ol {
    padding-right: 20px;
    padding-left: 0;
}

/* RTL Input Fields */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] textarea {
    text-align: right;
}

/* RTL Table */
html[dir="rtl"] table {
    direction: rtl;
}

html[dir="rtl"] th,
html[dir="rtl"] td {
    text-align: right;
}

/* RTL Google Rating */
html[dir="rtl"] .google-rating {
    text-align: right;
}

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

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

/* RTL Specific Components */
html[dir="rtl"] .cta-box {
    text-align: right;
}

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

html[dir="rtl"] .why-choose-al-barazi {
	text-align: right;
}

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

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

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

html[dir="rtl"] .cases-slider .swiper-button-next::after {
	content: '\f104'; /* Font Awesome left arrow */
    font-family: 'Font Awesome 6 Free';
}

html[dir="rtl"] .cases-slider .swiper-button-prev::after {
	content: '\f105'; /* Font Awesome right arrow */
    font-family: 'Font Awesome 6 Free';
}

@media only screen and (max-width: 991px) {
	html[dir="rtl"] .case-images {
		flex-direction: column;
	}
}

@media only screen and (max-width: 767px) {
	html[dir="rtl"] .image-label {
		right: 10px;
	}
}

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

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

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

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

/* RTL Animation Adjustments */
html[dir="rtl"] .animate-left {
    animation-name: animate-right;
}

html[dir="rtl"] .animate-right {
    animation-name: animate-left;
}

/* RTL Hover Effects */
html[dir="rtl"] .service-item:hover {
    transform: translateX(-10px);
}

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

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

/* RTL Shadow Adjustments */
html[dir="rtl"] .service-item,
html[dir="rtl"] .team-item,
html[dir="rtl"] .blog-item {
    box-shadow: -5px 5px 15px rgba(0,0,0,0.1);
}

html[dir="rtl"] .service-item:hover,
html[dir="rtl"] .team-item:hover,
html[dir="rtl"] .blog-item:hover {
    box-shadow: -10px 10px 25px rgba(0,0,0,0.15);
}

@keyframes animate-right {
    from {
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes animate-left {
    from {
        transform: translateX(-100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.about-experience-left {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    transform: translate(50%, 50%);
}
.about-us-body ul li {
    position: relative;
    width: calc(50% - 10px);
    font-weight: 600;
    color: var(--primary-color);
    text-transform: capitalize;
    padding-right: 30px;
    padding-left: 0;
}
.about-us-body ul li:before {
    left: auto;
    right: 0;
}

.faq-accordion.how-work-accordion .accordion-item {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.contact-info-list .icon-box {
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
}


.contact-info-list {
    padding-right: 38px;
    padding-left: 0;
}
.faq-accordion.how-work-accordion .accordion-item .icon-box {
    right: 0;
    left: auto;
}
.faq-accordion.how-work-accordion .accordion-item .accordion-button {
    padding: 5px 60px 5px 35px;
}