@charset "UTF-8";
/**
 * Inotek CMS - Premium Arabic RTL Stylesheet
 * Focused purely on text-level RTL alignments, fonts, checkmarks, and form padding overrides under the .rtl-mode class.
 * This preserves the 100% stable LTR structure, layout positions, and absolute elements of the original template.
 */

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

.rtl-mode .title-wrap {
    text-align: right;
}
.rtl-mode .sec-title,
.rtl-mode .sub-title-2,
.rtl-mode .sub-title {
    text-align: right;
}
.rtl-mode .title-wrap .sub-title-2 i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.rtl-mode h1,
.rtl-mode h2,
.rtl-mode h3,
.rtl-mode h4,
.rtl-mode h5,
.rtl-mode h6,
.rtl-mode p,
.rtl-mode span,
.rtl-mode a,
.rtl-mode li,
.rtl-mode label,
.rtl-mode input,
.rtl-mode textarea,
.rtl-mode select {
    text-align: right;
    direction: rtl;
}

/* Center alignment overrides for RTL */
.rtl-mode .text-center,
.rtl-mode .text-center *,
.rtl-mode .title-outer,
.rtl-mode .title-outer *,
.rtl-mode .text-center h1,
.rtl-mode .text-center h2,
.rtl-mode .text-center h3,
.rtl-mode .text-center h4,
.rtl-mode .text-center h5,
.rtl-mode .text-center h6,
.rtl-mode .text-center p,
.rtl-mode .text-center span,
.rtl-mode .text-center a {
    text-align: center !important;
}

/* Flipped direction arrows and inline icons */
.rtl-mode .fa-arrow-right,
.rtl-mode .fa-arrow-right-long,
.rtl-mode .fa-long-arrow-right {
    transform: rotate(180deg) !important;
    display: inline-block;
}

.rtl-mode .fa-arrow-left,
.rtl-mode .fa-arrow-left-long,
.rtl-mode .fa-long-arrow-left {
    transform: rotate(180deg) !important;
    display: inline-block;
}

.rtl-mode .fa-arrow-up-right {
    transform: rotate(-90deg) !important;
    display: inline-block;
}

.rtl-mode .arrow-all svg,
.rtl-mode .arrow svg {
    transform: scaleX(-1) !important;
}

/* Premium Header Top Bar RTL Overrides */
.rtl-mode .header-top {
    direction: rtl !important;
}

.rtl-mode .header-top::before {
    left: auto !important;
    right: 0 !important;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 98%) !important;
}

.rtl-mode .header-top .inner-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.rtl-mode .header-top .top-left {
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

.rtl-mode .header-top .outer-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    float: none !important;
    min-width: unset !important;
}

.rtl-mode .header-top .list-style-1 {
    display: flex !important;
    align-items: center !important;
    padding: 11px 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
}

.rtl-mode .header-top .list-style-1 li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.rtl-mode .header-top .list-style-1 li i {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

.rtl-mode .header-top .list-style-1 li + li {
    margin-left: 0 !important;
    margin-right: 35px !important;
}

.rtl-mode .header-top .outer-box .social-icon-one {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rtl-mode .header-top .outer-box .social-icon-one li {
    display: inline-flex !important;
    align-items: center !important;
}

.rtl-mode .header-top .outer-box .social-icon-one li span {
    margin-right: 0 !important;
    margin-left: 10px !important;
    color: var(--white-color) !important;
}

.rtl-mode .header-top .outer-box .social-icon-one li a {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

/* Premium Main Dropdown Sub-Menu alignments */
.rtl-mode .main-menu ul.sub-menu {
    text-align: right !important;
    padding-right: 25px !important;
    padding-left: 0 !important;
    left: auto !important;
    right: 0 !important;
    transform-origin: top right !important;
}

.rtl-mode .main-menu ul.sub-menu a {
    text-align: right !important;
    direction: rtl !important;
}

.rtl-mode .main-menu ul.sub-menu a span {
    margin-right: 4px !important;
    margin-left: 0 !important;
}

/* Mirror sub-menu link hover effects for RTL */
.rtl-mode .main-menu ul.sub-menu li:hover > a {
    padding-left: 0 !important;
    padding-right: 23px !important;
}

.rtl-mode .main-menu ul.sub-menu li a::before {
    left: auto !important;
    right: 0 !important;
}

.rtl-mode .main-menu ul.sub-menu li:hover > a::before {
    left: auto !important;
    right: 0 !important;
    width: 20px !important;
}

/* Sub-menu Toggle Arrows & Nested Sub-menu placement */
.rtl-mode .main-menu > ul > li.menu-item-has-children > a {
    padding-right: 0 !important;
    padding-left: 19px !important;
}

.rtl-mode .main-menu > ul > li.menu-item-has-children > a::before {
    right: auto !important;
    left: 0 !important;
}

.rtl-mode .main-menu ul.sub-menu li.menu-item-has-children > a::after {
    right: auto !important;
    left: 20px !important;
    content: "\f104" !important; /* points left in Arabic */
}

.rtl-mode .main-menu ul.sub-menu li ul.sub-menu {
    left: auto !important;
    right: 100% !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
}


/* Fix page breadcrumb alignment and direction for LTR structure */
.rtl-mode .page-breadcrumb,
.rtl-mode .page-breadcrumb li,
.rtl-mode .page-breadcrumb a,
.rtl-mode .page-breadcrumb span,
.rtl-mode .page-breadcrumb i {
    direction: ltr !important;
    text-align: left !important;
}


/* Hero Section text alignments */
.rtl-mode .tv-hero-section.style-2 .hero-area .hero-left-content {
    text-align: right !important;
}
.rtl-mode .tv-hero-section.style-2 .hero-area .hero-left-content .text-icon {
    display: inline-flex;
    flex-direction: row-reverse !important;
    justify-content: flex-end;
    align-items: center;
}
.rtl-mode .tv-hero-section.style-2 .hero-area .hero-left-content .text-icon .icon {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/* Fix Hero right-side overlays that move to left in RTL */
.rtl-mode .tv-hero-section.style-2 .hero-area .hero-right .box-thumb {
    right: auto !important;
    left: 9% !important;
}
@media (max-width: 1399px) {
    .rtl-mode .tv-hero-section.style-2 .hero-area .hero-right .box-thumb { left: 5% !important; }
}
.rtl-mode .tv-hero-section.style-2 .hero-area .hero-right .right-shape {
    right: auto !important;
    left: 6% !important;
}
@media (max-width: 1399px) {
    .rtl-mode .tv-hero-section.style-2 .hero-area .hero-right .right-shape { left: 3% !important; }
}
.rtl-mode .tv-hero-section.style-2 .hero-area .hero-right .image-box {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

/* About Section features lists */
.rtl-mode .tv-about-section .about-right-content .features {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.rtl-mode .tv-about-section .about-right-content .features li {
    padding-left: 0 !important;
    padding-right: 25px !important;
    position: relative;
    list-style: none;
    text-align: right !important;
}
.rtl-mode .tv-about-section .about-right-content .features li i {
    position: absolute;
    right: 0;
    left: auto;
    top: 4px;
    margin-right: 0 !important;
    margin-left: 8px !important;
    color: #10b981;
}

/* Choose Us features list overrides */
.rtl-mode .tv-choose-right-box .feature-item {
    padding-left: 0 !important;
    padding-right: 75px !important;
    position: relative;
    text-align: right !important;
}
.rtl-mode .tv-choose-right-box .feature-item .icon {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    margin-right: 0 !important;
    margin-left: 20px !important;
}

/* Pricing box features lists checkmarks */
.rtl-mode .tv-pricing-section .pricing-box .pricing-right {
    padding-left: 0 !important;
    padding-right: 40px !important;
}
.rtl-mode .tv-pricing-section .pricing-box .pricing-right h3 {
    text-align: right !important;
}
.rtl-mode .tv-pricing-section .pricing-box .pricing-right ul {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.rtl-mode .tv-pricing-section .pricing-box .pricing-right ul li {
    padding-left: 0 !important;
    padding-right: 25px !important;
    position: relative !important;
    list-style: none;
    text-align: right !important;
}
.rtl-mode .tv-pricing-section .pricing-box .pricing-right ul li i {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 4px !important;
    margin-right: 0 !important;
    margin-left: 8px !important;
    color: #10b981 !important;
}

.rtl-mode .tv-pricing-section .pricing-box {
    flex-direction: row-reverse !important;
}
.rtl-mode .tv-pricing-section .pricing-box .purchase-btn {
    right: auto !important;
    left: -65px !important;
    transform: rotate(-90deg) !important;
}
@media (max-width: 1299px) {
    .rtl-mode .tv-pricing-section .pricing-box .purchase-btn { left: -45px !important; }
}

/* Form and dropdown fields text flow */
.rtl-mode .contact-form input,
.rtl-mode .contact-form textarea,
.rtl-mode .contact-form select {
    text-align: right !important;
    direction: rtl !important;
}
.rtl-mode .contact-form select.custom-select {
    padding-left: 40px !important;
    padding-right: 15px !important;
    background-position: left 15px center !important;
}

/* Testimonial card quotation and name alignment */
.rtl-mode .testimonial-card .inner-box .content {
    display: flex;
    flex-direction: row-reverse !important;
    text-align: right !important;
}
.rtl-mode .testimonial-card .inner-box .content .quote-icon {
    margin-right: 0 !important;
    margin-left: 20px !important;
    flex-shrink: 0;
}
.rtl-mode .testimonial-card .inner-box .user-info {
    display: flex;
    flex-direction: row-reverse !important;
    justify-content: flex-end;
    align-items: center;
    text-align: right !important;
}
.rtl-mode .testimonial-card .inner-box .user-info img.user-image {
    margin-right: 0 !important;
    margin-left: 15px !important;
    flex-shrink: 0;
}

/* Blog single box layouts */
.rtl-mode .blog-single-box .blog-content {
    text-align: right !important;
}
.rtl-mode .blog-single-box .blog-content .continue-reading {
    display: inline-flex;
    flex-direction: row-reverse !important;
    align-items: center;
    gap: 5px;
}

/* Newsletter Input Overlap Protection */
.rtl-mode .newsletter-form .form-group input[type=email] {
    padding-right: 60px !important; /* secure input space from right-aligned submit button */
    padding-left: 25px !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Footer Section quick lists */
.rtl-mode .footer-widget {
    text-align: right !important;
}
.rtl-mode .footer-widget .widget-title {
    text-align: right !important;
}
.rtl-mode .footer-widget ul {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.rtl-mode .footer-widget ul li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.rtl-mode .footer-widget ul li a::before {
    left: auto !important;
    right: 0 !important;
}
.rtl-mode .footer-widget ul li a:hover {
    padding-left: 0 !important;
    padding-right: 18px !important;
}
.rtl-mode .footer-widget .contact-list-one li {
    display: flex;
    flex-direction: row-reverse !important;
    justify-content: flex-end;
    align-items: center;
    text-align: right !important;
}
.rtl-mode .footer-widget .contact-list-one li i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* Footer Brand Social Links margins */
.rtl-mode .footer-section .footer-brand .social-links a + a {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

/* Footer Bottom Policy links overrides */
.rtl-mode .footer-section .footer-bottom .footer-policy a {
    margin-right: 0 !important;
    margin-left: 15px !important;
}
.rtl-mode .footer-section .footer-bottom .footer-policy a:last-child {
    margin-left: 0 !important;
}
.rtl-mode .footer-section .footer-bottom .footer-policy a + a::before {
    left: auto !important;
    right: -10px !important;
}

/* Achievements Section overrides */
.rtl-mode .odometer,
.rtl-mode .counter-inner .count,
.rtl-mode .about-counter .count,
.rtl-mode .achivement-right-wrapper .counter-inner .count {
    direction: ltr !important;
    display: inline-flex !important;
    unicode-bidi: embed !important;
}

@media (min-width: 1025px) {
    .rtl-mode .tv-achivement-section .achivement-content-wrapper {
        padding-left: 320px !important;
        padding-right: 0 !important;
    }
}
.rtl-mode .tv-achivement-section .achivement-image-wrapper .thumb {
    margin-left: 0 !important;
    margin-right: -340px !important;
}
.rtl-mode .tv-achivement-section .achivement-image-wrapper .thumb-bg {
    left: auto !important;
    right: -180px !important;
}

/* Pricing Section overrides */
.rtl-mode .price,
.rtl-mode .price sup {
    direction: ltr !important;
    display: inline-block !important;
    unicode-bidi: embed !important;
}
.rtl-mode .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-inner .pricing-plan .price {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}
.rtl-mode .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-inner .features li {
    text-align: right !important;
    direction: rtl !important;
}
.rtl-mode .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-inner .features li span,
.rtl-mode .tv-pricing-section .tv-pricing-card.style2 .pricing-inner-box .pricing-inner .features li span {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* Contact Us Widgets vertical line mirror */
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before {
    right: auto !important;
    left: -100px !important;
}

@media (max-width: 1500px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before {
        right: auto !important;
        left: -30px !important;
    }
}

@media (max-width: 1199px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before {
        right: auto !important;
        left: -10px !important;
    }
}

@media (max-width: 1024px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before {
        display: none !important;
    }
}

/* Footer Contact Brand links (unscramble email and phone) */
.rtl-mode .footer-section .footer-brand .contact-info .contact-item a {
    direction: rtl !important;
    justify-content: flex-start !important;
}
.rtl-mode .footer-section .footer-brand .contact-info .contact-item a span {
    direction: ltr !important;
    display: inline-block !important;
    unicode-bidi: embed !important;
    text-align: left !important;
}
.rtl-mode .footer-section .footer-brand .contact-info .contact-item a i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* Premium RTL Overlay Gradient Flip (fixes white-on-white form text) */
.rtl-mode .tv-contact-section .overlay::before {
    background-image: linear-gradient(270deg, rgb(0, 0, 17) 0%, rgb(0, 0, 17) 1%, rgba(0, 0, 17, 0) 52%, rgba(0, 0, 17, 0) 100%) !important;
}

/* Premium Achievements Section layout adjustments */
.rtl-mode .tv-achivement-section .achivement-content-wrapper {
    padding-left: 320px !important;
    padding-right: 0 !important;
}
@media (max-width: 1024px) {
    .rtl-mode .tv-achivement-section .achivement-content-wrapper {
        padding-left: 0 !important;
    }
}
.rtl-mode .tv-achivement-section .achivement-image-wrapper .thumb {
    margin-left: 0 !important;
    margin-right: -340px !important;
}
@media (max-width: 1024px) {
    .rtl-mode .tv-achivement-section .achivement-image-wrapper .thumb {
        margin-right: 0 !important;
    }
}
.rtl-mode .tv-achivement-section .achivement-image-wrapper .thumb-bg {
    left: auto !important;
    right: -180px !important;
}
@media (max-width: 1024px) {
    .rtl-mode .tv-achivement-section .achivement-image-wrapper .thumb-bg {
        right: 0 !important;
    }
}

/* Premium Style-2 About Us Section Overrides (home.php) */
.rtl-mode .tv-about-section.style-2 .about-left .left-img svg {
    left: auto !important;
    right: -14px !important;
    transform: scaleX(-1) !important;
}

.rtl-mode .tv-about-section.style-2 .about-left .about-left-shape {
    left: auto !important;
    right: 32% !important;
}

.rtl-mode .tv-about-section.style-2 .about-right .about-right-content .counter::before {
    left: auto !important;
    right: -40px !important;
}

.rtl-mode .tv-about-section.style-2 .about-right .about-right-content .counter .scribble-shape {
    right: auto !important;
    left: -10px !important;
    transform-origin: top left !important;
}

.rtl-mode .tv-about-section.style-2 .about-right .about-right-content .content .text .features li i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}


/* Fix absolute positioned shapes in tv-choose-section style-2 */
.rtl-mode .tv-choose-section.style-2 .tv-choose-left .circle-shape {
    left: auto !important;
    right: 0 !important;
}
.rtl-mode .tv-choose-section.style-2 .tv-choose-left .leaf-shape {
    right: auto !important;
    left: 35% !important;
}
.rtl-mode .tv-choose-section.style-2 .tv-choose-left .growth {
    left: auto !important;
    right: 46% !important;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .rtl-mode .tv-choose-section.style-2 .tv-choose-left .growth {
        right: 50% !important;
    }
}
.rtl-mode .tv-choose-section.style-2 .tv-choose-right-box .hero-social-proof .social img {
    margin-left: 0 !important;
    margin-right: -25px !important;
}
.rtl-mode .tv-choose-section.style-2 .tv-choose-right-box .hero-social-proof .social img:first-child {
    margin-right: 0 !important;
}

/* Fix shape mockups for choose section */
.rtl-mode .tv-choose-section .shape-mockup.rocket {
    right: auto !important;
    left: 6% !important;
}
.rtl-mode .tv-choose-section .shape-mockup.rocket img {
    transform: scaleX(-1);
}
.rtl-mode .tv-choose-section .shape-mockup.jump {
    left: auto !important;
    right: 40% !important;
}

/* Mirror top-right icon to top-left inside tv-feature-box in RTL to prevent overlap with right-aligned text */
.rtl-mode .tv-feature-box .icon-top {
    right: auto !important;
    left: 0px !important;
    border-left: none !important;
    border-right: 20px solid var(--light-color) !important;
    border-radius: 0 0 40% 0 !important;
}
.rtl-mode .tv-feature-box .icon-top::before {
    left: auto !important;
    right: -44px !important;
    transform: scaleX(-1) rotate(90deg) !important;
}
.rtl-mode .tv-feature-box .icon-top::after {
    right: auto !important;
    left: 0px !important;
    transform: scaleX(-1) rotate(90deg) !important;
}

/* --- Premium RTL Contact Section & Form Styling Overrides --- */

/* Global Absolute Position Shapes Flip */
.rtl-mode .p-top-left {
    left: auto !important;
    right: 0 !important;
}
.rtl-mode .p-top-left img {
    transform: scaleX(-1) !important;
}

.rtl-mode .p-bottom-left {
    left: auto !important;
    right: 0 !important;
}
.rtl-mode .p-bottom-left img {
    transform: scaleX(-1) !important;
}

.rtl-mode .p-top-right {
    right: auto !important;
    left: 0 !important;
}
.rtl-mode .p-top-right img {
    transform: scaleX(-1) !important;
}

.rtl-mode .p-bottom-right {
    right: auto !important;
    left: 0 !important;
}
.rtl-mode .p-bottom-right img {
    transform: scaleX(-1) !important;
}

/* Style-2 Contact Section (home-2.php, home.php) */
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner::before {
    left: auto !important;
    right: 0 !important;
    border-radius: 30px 0 0 30px !important;
}
@media (max-width: 1399px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner::before {
        border-radius: 0 !important;
    }
}

.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us {
    margin-left: 0 !important;
    margin-right: 80px !important;
}
@media (max-width: 1299px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right::before {
    right: auto !important;
    left: -100px !important;
}
@media (max-width: 1500px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before,
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right::before {
        right: auto !important;
        left: -30px !important;
    }
}
@media (max-width: 1199px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before,
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right::before {
        right: auto !important;
        left: -10px !important;
    }
}
@media (max-width: 1024px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before,
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right::before {
        display: none !important;
    }
}

.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right {
    flex-direction: row !important; /* let RTL page flow naturally */
}

/* Style-3 Contact Section (home-3.php) */
.rtl-mode .tv-contact-section.style-3 .contact-wrapper .contact-right-content {
    padding-left: 0 !important;
    padding-right: 80px !important;
    border-radius: 30px 0 0 30px !important;
}
@media (max-width: 1199px) {
    .rtl-mode .tv-contact-section.style-3 .contact-wrapper .contact-right-content {
        padding-right: 40px !important;
        padding-left: 0 !important;
    }
}
@media (max-width: 991px) {
    .rtl-mode .tv-contact-section.style-3 .contact-wrapper .contact-right-content {
        padding: 40px !important;
        border-radius: 0 0 30px 30px !important;
    }
}
.rtl-mode .tv-contact-section.style-3 .contact-wrapper .contact-left-thumb {
    border-radius: 0 30px 30px 0 !important;
}

/* Style-5 Contact Section (home-5.php, home-6.php) */
.rtl-mode .tv-contact-section.style-5 .bg.image {
    right: auto !important;
    left: 0 !important;
}
.rtl-mode .tv-contact-section.style-5 .bg.image img {
    transform: scaleX(-1) !important;
}

/* Form and General Input Styling */
.rtl-mode .contact-form {
    margin-right: 0 !important;
    margin-left: 80px !important;
}
@media (max-width: 991px) {
    .rtl-mode .contact-form {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.rtl-mode .contact-form form .form-group .icon {
    left: auto !important;
    right: 26px !important;
}
.rtl-mode .contact-form form .form-group .icon + input {
    padding-right: 52px !important;
    padding-left: 25px !important;
}

/* Phone/Mail Links stability in RTL */
.rtl-mode .tv-contact-section .contact-us a,
.rtl-mode .contact-item .content a {
    direction: ltr !important;
    display: inline-block !important;
    unicode-bidi: embed !important;
    text-align: right !important;
}

/* Team details page skills form margins mirroring */
.rtl-mode .team-skills .contact-form {
    margin-left: 0 !important;
    margin-right: 95px !important;
}
@media (max-width: 1199px) {
    .rtl-mode .team-skills .contact-form {
        margin-right: 20px !important;
        margin-left: 0 !important;
    }
}
@media (max-width: 991px) {
    .rtl-mode .team-skills .contact-form {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* Utilities margin-right overrides for RTL */
.rtl-mode .mr-10 {
    margin-right: 0 !important;
    margin-left: 10px !important;
}
.rtl-mode .mr-15 {
    margin-right: 0 !important;
    margin-left: 15px !important;
}
.rtl-mode .mr-20 {
    margin-right: 0 !important;
    margin-left: 20px !important;
}
.rtl-mode .mr-30 {
    margin-right: 0 !important;
    margin-left: 30px !important;
}

/* CMS active helpers */
.cms-edit-active .cms-placeholder-helper,
.cms-edit-active .cms-select-edit-helper {
    display: block !important;
}

/* --- Newsletter Section Mirroring for RTL --- */
.rtl-mode .newsletter {
    padding: 40px 0 40px 60px !important;
}
.rtl-mode .newsletter .thumb {
    left: auto !important;
    right: 50px !important;
}
.rtl-mode .newsletter .image-text {
    padding-left: 0 !important;
    padding-right: 230px !important;
}

/* --- Testimonial Swiper Slider Navigation Buttons Placement --- */
.rtl-mode .tv-testimonial-section.style2 .testi-slider-two .array-button {
    right: auto !important;
    left: 60px !important;
}
@media (max-width: 767px) {
    .rtl-mode .tv-testimonial-section.style2 .testi-slider-two .array-button {
        right: auto !important;
        left: 40px !important;
    }
}
@media (max-width: 390px) {
    .rtl-mode .tv-testimonial-section.style2 .testi-slider-two .array-button {
        right: auto !important;
        left: 20px !important;
    }
}

/* --- Testimonial Image Wrapper Overlap Protection --- */
.rtl-mode .tv-testimonial-section .tv-testimonial-inner .testi-image-wrapper {
    margin-left: 0 !important;
    margin-right: -40px !important;
}

/* --- Contact Us Light Background Contrast --- */
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .content p,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right .content p {
    color: #4a5568 !important;
    text-shadow: none !important;
}
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .content a,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right .content a {
    color: var(--dark-color) !important;
    transition: color 0.3s ease;
}
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .content a:hover,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right .content a:hover {
    color: var(--theme-color) !important;
}

/* --- Contact Section RTL Columns/Background Flip --- */
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner::before {
    left: auto !important;
    right: 0 !important;
    border-radius: 30px 0 0 30px !important;
}
@media (max-width: 1399px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner::before {
        border-radius: 0 !important;
    }
}
@media (max-width: 991px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner::before {
        width: 100% !important;
        right: 0 !important;
    }
}

/* Disable static hardcoded CSS content numbers in both LTR and RTL */
.tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before,
.tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right::before,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left::before,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-right::before {
    content: none !important;
    display: none !important;
}

/* Style dynamic editable contact-bg-number inside contact-left */
.tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
    position: absolute;
    font-family: var(--title-font);
    font-size: 180px;
    line-height: 1;
    font-weight: 700;
    color: #1a202c !important; /* Dark black as in original template screenshot */
    bottom: 60px;
    right: -100px;
    z-index: -1;
    pointer-events: auto;
}

@media (max-width: 1500px) {
    .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
        right: -30px;
    }
}
@media (max-width: 1199px) {
    .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
        right: -10px;
    }
}
@media (max-width: 1024px) {
    .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
        display: none !important;
    }
}

/* RTL positioning for the editable background number inside contact-left */
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
    right: auto !important;
    left: -100px !important;
}
@media (max-width: 1500px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
        left: -30px !important;
    }
}
@media (max-width: 1199px) {
    .rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
        left: -10px !important;
    }
}

/* Enable clicking and outline in edit mode for the background number */
body.cms-edit-active .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
    z-index: 999999 !important;
    background: rgba(16, 185, 129, 0.15) !important;
    outline: 2px dashed #10b981 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Contact form visual editor helpers styling overrides (Make text dark gray on white cards!) */
.contact-form .cms-placeholder-helper,
.contact-form .cms-select-edit-helper,
.contact-form .cms-select-edit-helper div,
.contact-form .cms-placeholder-helper span,
.contact-form .cms-select-edit-helper span {
    color: #2d3748 !important; /* Dark slate gray, highly legible */
    text-shadow: none !important;
}
.contact-form .cms-select-edit-helper {
    background: rgba(16, 185, 129, 0.05) !important;
    border: 1px dashed #10b981 !important;
}

/* Disable pointer events on absolute overlays in edit mode to make underlying elements hoverable and clickable */
body.cms-edit-active .overlay-anim::before,
body.cms-edit-active .overlay-anim::after,
body.cms-edit-active .overlay-anim4::before,
body.cms-edit-active .overlay-anim4::after,
body.cms-edit-active .overlay::before,
body.cms-edit-active .overlay::after,
body.cms-edit-active .bg.image::before,
body.cms-edit-active .bg.image::after {
    pointer-events: none !important;
}

/* Hide all background numbers completely in both LTR and RTL */
.contact-bg-number,
.contact-left .contact-bg-number,
.tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number,
.rtl-mode .tv-contact-section.style-2 .tv-contact-inner .contact-us .contact-left .contact-bg-number {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

/* Ensure all visual editor contenteditable elements have high legibility outline and background */
body.cms-edit-active [contenteditable="true"] {
    outline: 2px dashed #10b981 !important;
    background: rgba(16, 185, 129, 0.08) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Specific overrides for contact section elements in edit mode */
body.cms-edit-active .tv-contact-section.style-2 [contenteditable="true"] {
    color: #2d3748 !important; /* Force highly legible dark slate color on all form area text edits */
    text-shadow: none !important;
}

/* If the editable element is inside a button or a white/dark-text area, keep its text contrast right */
body.cms-edit-active .theme-btn [contenteditable="true"],
body.cms-edit-active .theme-btn * [contenteditable="true"],
body.cms-edit-active .title-wrap.white [contenteditable="true"],
body.cms-edit-active .title-wrap.white * [contenteditable="true"],
body.cms-edit-active .sub-title-2 [contenteditable="true"] {
    color: #ffffff !important; /* white text on dark titles or green/blue buttons */
    text-shadow: none !important;
}

/* Keep marquee texts white and highly readable in edit mode since marquee has dark background */
body.cms-edit-active .slider__marquee [contenteditable="true"] {
    color: #ffffff !important;
    display: inline-block !important;
    min-width: 80px !important;
    text-align: center !important;
    background: rgba(255, 255, 255, 0.15) !important;
    outline: 2px dashed #ffffff !important;
}

/* Display marquee as a beautiful, wrapped horizontal flex list in admin mode to prevent horizontal overflow/hidden edits */
body.cms-logged-in .slider__marquee .marquee__group,
body.cms-edit-active .slider__marquee .marquee__group {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 25px !important;
    padding: 10px 0 !important;
    list-style: none !important;
    width: 100% !important;
    transform: none !important;
}

body.cms-logged-in .slider__marquee,
body.cms-edit-active .slider__marquee {
    overflow: visible !important;
    height: auto !important;
}

/* Fix jQuery Marquee layout conflict by aligning cloned wrappers side-by-side horizontally for visitors */
.js-marquee-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
}

/* Prevent marquee items from shrinking and wrapping, keeping them wide, clean, and perfectly spaced */
.slider__marquee .marquee__group,
.slider__marquee .m-item,
.js-marquee,
.js-marquee .m-item {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.slider__marquee .m-item {
    margin-right: 60px !important; /* Increase spacing between items beautifully */
    margin-left: 60px !important;
    display: inline-flex !important;
    align-items: center !important;
}