/**
 * Kingstrox RTL Styles
 */

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

/* Global RTL resets */
.rtl .pull-left {
    float: right !important;
}

.rtl .pull-right {
    float: left !important;
}

.rtl .text-left {
    text-align: right !important;
}

.rtl .text-right {
    text-align: left !important;
}


/* Bootstrap 4 Overrides for RTL */
.rtl .float-right {
    float: left !important;
}

.rtl .float-left {
    float: right !important;
}

.rtl .ml-auto,
.rtl .mx-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.rtl .mr-auto,
.rtl .mx-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Header RTL fixes */

.rtl .main-header .header-top .social-links,
.rtl .main-header .header-top .search-box-outer,
.rtl .main-header .header-top .cart-btn,
.rtl .main-header .header-upper .logo-outer,
.rtl .main-header .header-upper .info-box,
.rtl .header-style-two .header-upper .logo-outer,
.rtl .header-style-two .header-upper .upper-right .info-box,
.rtl .header-style-two .nav-outer {
    float: right;
}

.rtl .main-header .header-top .info-list,
.rtl .main-header .header-upper .info-outer,
.rtl .header-style-two .header-upper .upper-right,
.rtl .header-style-two .outer-box {
    float: left;
}

.rtl .main-header .header-top .top-right {
    float: right !important;
}

.rtl .main-header .header-top .top-left {
    float: left !important;
}

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

.rtl .main-header .header-top .cart-btn {
    margin-left: 0;
    margin-right: 30px;
}

.rtl .main-header .header-top .cart-btn a {
    padding-left: 0;
    padding-right: 30px;
    border-left: none;
    border-right: 1px dashed #474b5d;
}

.rtl .main-header .header-top .info-list li {
    float: left;
    margin-right: 0;
    margin-left: 30px;
    padding-right: 0;
    padding-left: 30px;
    border-left: none;
    border-left: 1px dashed #474b5d;
    direction: ltr !important;
}

.rtl .main-header .header-upper .info-box {
    margin-left: 0;
    margin-right: 40px;
    padding-left: 0;
    padding-right: 55px;
}

.rtl .main-header .header-upper .info-box .icon {
    left: auto;
    right: 0;
}

.rtl .header-style-two .header-upper .upper-right .info-box {
    margin-left: 0;
    margin-right: 60px;
    padding-left: 0;
    padding-right: 65px;
}

.rtl .header-style-two .header-upper .upper-right .info-box .icon {
    left: auto;
    right: 0;
}

.rtl .services-section-two .auto-container .sec-title h2:before {
    right: 50%;
    transform: translateX(50%);
}

/* Header Buttons and CTA RTL */
.rtl .main-header .btn-box,
.rtl .main-header .button-box,
.rtl .main-header .outer-box .btn-style-one {
    margin-left: 0;
    margin-right: 0;
}

.rtl .main-header .outer-box {
    padding-left: 0;
    padding-right: 0;
}

/* Additional Header Layout Improvements for RTL */
.rtl .main-header .header-upper .outer-box {
    float: left;
}

.rtl .main-header .header-lower {
    text-align: right;
}

.rtl .main-header .nav-outer {
    float: left;
    margin-left: 0;
    margin-right: auto;
}

/* Navigation RTL */
.rtl .main-menu .navigation {
    text-align: right;
}

.rtl .mobile-menu .navigation li.dropdown>a {
    margin-right: 30px;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn>span {
    font-family: 'Font Awesome 5 Free';
}

.rtl .main-menu .navigation>li {
    float: right;
    margin-right: 0;
}

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

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

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

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

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

.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
    left: 15px;
    right: auto;
    content: "\f104";
    /* FontAwesome angle-left */
}

/* Banner / Slider RTL */
.rtl .banner-section .content-box .inner {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    text-align: right;
    margin: 0 135px 0 135px !important;
}

.rtl .banner-section .content-box {
    margin: 0 0px 0 135px;
}

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

.rtl .banner-section .text {
    -ms-transform: translateX(50px);
}

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

.rtl .banner-section .link-box a i {
    margin-left: 0;
    margin-right: 12px;
}

/* Lists and Icons RTL */
.rtl .list-style-one li {
    padding-left: 0;
    padding-right: 35px;
}

.rtl .list-style-one li:before {
    left: auto;
    right: 0;
}

.rtl .social-icon-one li {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .features-bar .feature-box .inner {
    padding-left: 0;
    padding-right: 100px;
}

.rtl .features-bar .feature-box .icon {
    left: auto;
    right: 30px;
}

/* Section Title RTL */
.rtl .sec-title.style-two {
    padding-left: 0;
    padding-right: 50px;
}

.rtl .sec-title.style-two:before {
    left: auto;
    right: 0;
}

/* Page Title RTL */
.rtl .page-title .bread-crumb li {
    float: right;
}

.rtl .page-title .bread-crumb li:after {
    content: "\f104";
    margin-left: 0;
    margin-right: 10px;
}

/* Sidebar RTL */
.rtl .sidebar-page-container .content-side {
    float: right;
    padding: 0;
}

.rtl .sidebar-page-container .sidebar-side {
    float: left;
}

.rtl .sidebar-widget .widget-title:before {
    left: auto;
    right: 0;
}

.rtl .sidebar-widget .post li {
    padding-left: 0;
    padding-right: 100px;
}

.rtl .sidebar-widget .post .post-thumb {
    left: auto;
    right: 0;
}

/* News / Blog RTL */
.rtl .news-block .inner-box .image-box .category {
    left: auto;
    right: 30px;
}

.rtl .news-block .inner-box .lower-content .post-info li {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .news-block .inner-box .lower-content .post-info li i {
    margin-right: 0;
    margin-left: 5px;
}

/* Forms RTL */
.rtl .subscribe-form .form-group input[type="email"],
.rtl .subscribe-form .form-group input[type="text"] {
    padding-left: 150px;
    padding-right: 30px;
}

.rtl .subscribe-form .form-group button {
    right: auto;
    left: 0;
}

/* Footer RTL */
.rtl .main-footer .about-widget .text {
    padding-right: 0;
    padding-left: 40px;
}

.rtl .main-footer .info-list li {
    padding-left: 0;
    padding-right: 45px;
}

.rtl .main-footer .info-list li i {
    left: auto;
    right: 0;
}

.rtl .main-footer .footer-column {
    float: right;
}

/* WooCommerce RTL */
.rtl .woocommerce-LoopProduct-link .price {
    text-align: right;
}

.rtl .woocommerce-product-gallery {
    float: right !important;
}

.rtl .summary.entry-summary {
    float: left !important;
    text-align: right !important;
}

.rtl .woocommerce-tabs .nav-tabs li {
    float: right;
}

.rtl .woocommerce-message,
.rtl .woocommerce-info,
.rtl .woocommerce-error {
    text-align: right;
}

/* Responsive Overrides */
@media only screen and (max-width: 1139px) {
    .rtl .main-header .info-outer .info-box {
        margin-right: 0;
        margin-left: 25px;
    }
}

@media only screen and (max-width: 1023px) {
    .rtl .main-header .info-outer .info-box .icon {
        left: auto !important;
        right: 0 !important;
    }
    
    .rtl .testimonials-and-clients .clients-column .image-box {
        left: 113px;
        top: 90px;
    }
    
    .rtl .testimonials-and-clients .clients-column .inner-column {
        max-width: 90% !important;
    }

    .rtl .about-section .image-column .image-2 {
        left: 0;
        right: auto;
    }
    
    .rtl .banner-section .content-box .inner {
        margin: 0 20px 0 20px !important;
    }
}

/* ========================================
   Additional RTL Fixes for Specific Issues
   ======================================== */

/* 1. Banner Slider Buttons - Swap prev/next for RTL */
.rtl .banner-section .banner-slider-button-next,
.rtl .banner-section .banner-slider-button-prev {
    transform: scaleX(-1);
}

/* 2. Header CTA Button - Move to left of nav in Arabic */
.rtl .main-header .header-lower .outer-box,
.rtl .main-header .outer-box {
    float: left;
    margin-left: 0;
    margin-right: 30px;
}

/* 3. Pseudo-elements positioning - Move to right for RTL */
.rtl .sec-title h2:before {
    left: auto;
    right: 0;
}

.rtl .project-block-two h5:before {
    left: auto;
    right: 0;
}

.rtl .service-block-two .lower-content h3:after {
    left: auto;
    right: 0;
}

.rtl .service-block .lower-content h3:after {
    left: auto;
    right: 0;
}

/* 4. Icon spacing fix */
.rtl .flaticon-add-1:before {
    margin-left: 10px;
    margin-right: 0;
}

.rtl .flaticon-add-1 {
    padding-left: 10px;
}

/* 5. Fun facts scrolled content positioning */
.rtl .fun-facts-and-clients .auto-container .row {
    justify-content: end;
}

.rtl .fun-facts-and-clients:after {
    left: auto;
    right: 0;
}

.rtl .nav-outer .mobile-nav-toggler {
    float: left;
}

.rtl .about-section.style-two .image-column .video-link {
    left: 88%;
}

@media only screen and (max-width: 769px) {
    .rtl .main-header .outer-box {
        left: auto;
        right: 0;
    }
    
    .rtl .testimonials-and-clients .clients-column .image-box {
        left: 0 !important;
        top: 0 !important;
    }
    
    .rtl .testimonials-and-clients .clients-column .inner-column {
        max-width: 100% !important;
    }
    
    .rtl .banner-section .content-box .inner {
        margin: 0 20px 0 20px !important;
    }

    .rtl .main-menu .navbar-header {
        text-align: left;
    }

    .rtl .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        right: auto;
        left: 15px;
    }

    .rtl .about-section.style-two .image-column .video-link {
        left: 102% !important;
        top: 108% !important;
    }
}

.rtl .links-bar .auto-container {
    max-width: 1470px !important;
}

.rtl .feature-block-two .lower-content h4:before {
    left: auto;

}

.rtl .testimonial-carousel .owl-nav {
    justify-content: end;
    display: flex;
    left: 10px;
}

.rtl .testimonials-and-clients .clients-column .image-box {
    left: 75px;
    top: -5px;
}


.rtl .testimonial-carousel .owl-nav .owl-prev {
    order: 2;
}

.rtl .testimonial-carousel .owl-nav .owl-next {
    order: 1;
}

.rtl .testimonials-and-clients .testimonial-column .inner-column {
    right: 0 !important;
    bottom: -0;
}

.rtl .banner-section .link-box a,
.rtl a.btn-pill-arrow,
.rtl .btn-pill-arrow .elementor-button,
.rtl .btn-pill-arrow>a {
    padding: 0 32px 0 8px !important;
}

.rtl .banner-section .link-box a:after,
.rtl a.btn-pill-arrow:after,
.rtl .btn-pill-arrow .elementor-button:after,
.rtl .btn-pill-arrow>a:after {
    content: "\f060" !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
}

.rtl .banner-section .link-box a:hover:after,
.rtl a.btn-pill-arrow:hover:after,
.rtl .btn-pill-arrow .elementor-button:hover:after,
.rtl .btn-pill-arrow>a:hover:after {
    transform: translateX(-4px) !important;
}

.rtl .solution-card .elementor-icon-box-title {
    text-align: right !important;
}

.rtl .feature-media-card p {
    text-align: right !important;
    max-width: 100% !important;
    font-family: '29LT Bukra', sans-serif !important;
    direction: rtl;
}

.rtl .feature-media-card h3 {
    text-align: right !important;
    max-width: 100% !important;
    font-family: '29LT Bukra', sans-serif !important;
    direction: rtl;
}

.rtl .testimonials-and-clients .clients-column .inner-column {
    max-width: 100% !important;
}

.rtl .git-info .git-item-value {
    text-align: right !important;
}

/* Logo Marquee RTL fixes */
.rtl .logo-marquee-section,
.rtl .logo-marquee-track,
.rtl .logo-marquee-inner {
    direction: ltr !important;
}

.rtl .in-card-desc {
    text-align: right !important;
}

.rtl .sc-cta-rings {
    left: -34% !important;
    right: auto !important;
}