/* RTL Css */


.rtl {
    direction: rtl;
    text-align: right;
}

/* Smooth transition when changing direction */
body {
    transition: direction 0.3s ease;
}

.banner-section .content-box,
.banner-section .content-box .inner,
.banner-section .content-box .image {
    transition: all 0.3s ease;
}

.rtl .owl-carousel {
    direction: ltr;
}



.rtl .main-menu .navigation>li>ul {
    left: auto;
    right: 0;
    text-align: right;
}

.rtl .main-menu .navigation>li>ul>li>ul {
    left: auto;
    right: 100%;
    text-align: right;
}

.rtl .main-menu .navigation>li>ul>li>a {
    text-align: right;
}

.rtl .main-menu .navigation>li>ul>li:after {
    right: auto;
    left: 0;
}

.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
    right: auto;
    left: 30px;
    transform: rotate(180deg);
}

.rtl .main-menu .navigation>li>ul>li>ul>li>a {
    text-align: right;
}

@media only screen and (max-width:1600px) {

    .rtl .main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
        right: auto;
        left: 100%;
    }

    .rtl .main-menu .navigation>li:nth-last-child(-n+2)>ul {
        right: auto;
        left: 0;
    }

    .rtl .main-menu .navigation>li:nth-last-child(-n+2)>ul>li>ul {
        right: auto;
        left: 100%;
    }
}

.rtl .banner-section .banner-slider-nav {
    direction: ltr;
}

.rtl .header-top .social-links li {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .header-top .social-links li:last-child {
    margin-right: 0;
}

.rtl .header-top .info-list li {
    margin-right: 0;
    margin-left: 30px;
}

.rtl .header-top .info-list li i {
    margin-right: 0;
    margin-left: 5px;
}

.rtl .header-upper .navbar-right-info {
    margin-left: 0;
    margin-right: 40px;
}

.rtl .header-upper .navbar-right-info .shopping-cart {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .header-upper .navbar-right-info .search-toggler {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .main-menu .navigation>li.dropdown {
    padding-right: 0;
    padding-left: 15px;
}

/* Increase spacing between navigation items in Arabic */
.rtl .main-menu .navigation>li {
    margin-right: 0;
    margin-left: 30px;
}

.rtl .main-menu .navigation>li:last-child {
    margin-left: 0;
}

.rtl .fullwidth-section .outer-box {
    margin-left: 0;
    margin-right: -180px;
}

.rtl .fullwidth-section .inner-container {
    padding-left: 0;
    padding-right: 250px;
}

.rtl .fullwidth-section ul.list li i {
    margin-left: 10px;
    margin-right: 0;
}

.rtl .fullwidth-section .iconbox .icon {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .feature-icon-block.style-one .icon {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .funfact-block .icon {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .blog-section .owl-theme .owl-nav {
    right: auto;
    left: -5px;
}

.rtl .about-widget .location {
    padding-left: 0;
    padding-right: 50px;
}

.rtl .about-widget .icon {
    left: auto;
    right: 0;
}

.rtl .pdf-download-widget .icon {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .search-box button {
    right: auto;
    left: 0;
}

.rtl .news-widget .image {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .contact-widget-two .icon {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .blog-single-post .post-meta-two i {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .blog-single-post .post-meta-two li {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .comments-area .comment {
    padding-left: 0;
    padding-right: 130px;
}

.rtl .comments-area .comment-box .author-thumb {
    left: auto;
    right: 0;
}

.rtl .comments-area .comment-box .info .comment-date {
    right: auto;
    left: 0;
}

.rtl .main-header.header-style-two .header-upper .logo {
    top: 15px;
    position: relative;
}

.rtl .main-header.header-style-two .sticky-header .header-upper .logo {
    top: 10px;
    position: relative;
    transform: translateY(0);
}

/* Image positioning for RTL - move to left side */
.rtl .banner-section .content-box .image {
    right: auto !important;
    left: -165px !important;
}

/* Ensure image is on left side for RTL in style-two - higher specificity */
.rtl .banner-section.style-two .content-box .image {
    right: auto !important;
    left: -165px !important;
    position: absolute !important;
}

/* Add spacing between text and image in RTL */
.rtl .banner-section.style-two .content-box {
    padding-left: 200px;
}

/* Fix hero section inner animation for RTL */
.rtl .banner-section .content-box .inner {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
}

.rtl .banner-section .swiper-slide-active .content-box .inner {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

/* Fix hero section text animation for RTL */
.rtl .banner-section .content-box .text {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.rtl .banner-section .swiper-slide-active .text {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

/* Ensure proper text alignment for Arabic in hero section */
.rtl .banner-section .content-box .inner {
    text-align: right;
    max-width: 55%;
    padding-right: 30px;
    margin-right: 0;
}

.rtl .banner-section .content-box h1 {
    text-align: right;
    direction: rtl;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.4;
}

.rtl ul.list li i {
    margin-right: 0;
    margin-left: 10px;
}

/* Modern newsletter form RTL support */
.rtl .newsletter-form.style-two .form-group {
    direction: rtl;
}

.rtl .newsletter-form.style-two .form-group {
    flex-direction: row-reverse;
}

.rtl .newsletter-form.style-two input[type="email"],
.rtl .newsletter-form.style-two input#subscription-email {
    text-align: right;
    padding-right: 25px;
    padding-left: 25px;
}

.rtl .newsletter-form.style-two button.theme-btn {
    margin-left: 0;
}

.rtl .testimonials-section.pt_120.p_relative.z_1 {
    direction: ltr;
}

/* Certifications widget alignment in RTL - FORCE LTR like English */
.rtl .certifications-widget ul {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block !important;
    float: right !important;
    width: auto !important;
}

.rtl .certifications-widget ul li,
.rtl .certifications-widget ul li a {
    text-align: left !important;
    direction: ltr !important;
}

/* Contact widget alignment in RTL - FORCE LTR like English */
.rtl .contact-widget .contact-info ul {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block !important;
    float: right !important;
    width: auto !important;
}

.rtl .contact-widget .contact-info ul li {
    display: block !important;
    /* Reset flex if any */
    text-align: left !important;
    direction: ltr !important;
    margin-bottom: 25px;
    /* Match English spacing */
}

/* Ensure Icons are on the Left (LTR standard) */
.rtl .contact-widget .contact-info ul li i {
    float: left !important;
    margin-right: 20px !important;
    margin-left: 0 !important;
    text-align: center;
}

/* Ensure Text is Left Aligned */
.rtl .contact-widget .contact-info ul li a,
.rtl .contact-widget .contact-info ul li span {
    text-align: left !important;
    direction: ltr !important;
    display: inline-block;
}

/* Contact Page Specific Styles */
.rtl .contact-section .contact-info ul li {
    display: flex !important;
    align-items: flex-start !important;
    /* Top align for multi-line */
    flex-direction: row !important;
    /* Ensure side-by-side */
    flex-wrap: nowrap !important;
    /* Prevent wrapping */
    margin-bottom: 60px !important;
    /* Increase vertical spacing */
}

/* Flip margins for the circular icons on Contact Page */
.rtl .contact-section .contact-info ul li .icon {
    margin-right: 0 !important;
    margin-left: 20px !important;
    /* Move space to left */
    float: none !important;
    /* Ensure it doesn't float weirdly */
    flex-shrink: 0 !important;
    /* Prevent icon from shrinking */
}

/* Fix text container wrapping */
.rtl .contact-section .contact-info ul li>div:not(.icon) {
    flex: 1;
    /* Allow text to take remaining space */
}

/* Hero Section - Make image take full space on its side */
.rtl .banner-section.style-two .content-box .image {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    max-width: none !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Make the circular background fill the entire image container */
.rtl .banner-section.style-two .content-box .image:before {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background: #D4E5A8 !important;
    margin: 0 !important;
}

/* Keep the product image centered and properly sized */
.rtl .banner-section.style-two .content-box .image .image-one {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rtl .banner-section.style-two .content-box .image .image-one img {
    max-width: 85% !important;
    max-height: 80vh !important;
    object-fit: contain !important;
}

/* Adjust content box for proper layout with full-width image */
.rtl .banner-section.style-two .content-box {
    padding-left: 50% !important;
    padding-right: 30px !important;
}