/*----------------------------------------------------------------------------------- RTL Styles for Industrie - Construction and Factory To use: Add [dir="rtl"] to your tag and link this file after main.css -----------------------------------------------------------------------------------*/ [dir="rtl"] body { direction: rtl; unicode-bidi: embed; text-align: right; } /* 1. Common Layout Fixes */ [dir="rtl"] .f-left { float: right; } [dir="rtl"] .f-right { float: left; } /* 2. Header & Navigation */ [dir="rtl"] .main-menu li.menu-item-has-children > a::after { margin-right: 5px; margin-left: 0; } [dir="rtl"] .main-menu .submenu { right: 0; left: auto; transform-origin: top right; } [dir="rtl"] .main-menu .submenu ul { right: 100%; left: auto; } [dir="rtl"] .main-menu .submenu li a { text-align: right; } [dir="rtl"] .main-menu .mega-menu { right: 0; left: 0; text-align: right; } [dir="rtl"] .main-menu li .has-arrow > a::after { right: auto; left: 20px; } /* 3. Banner & Sliders */ [dir="rtl"] .rs-banner-fourteen .rs-banner-navigation { right: auto; left: 80px; transform: translate(-50%, -50%); } [dir="rtl"] .rs-banner-title, [dir="rtl"] .rs-banner-descrip p { text-align: right !important; } /* 4. Components (Accordion, Pricing, etc.) */ [dir="rtl"] .rs-accordion-one .accordion-button { padding: 18px 20px 18px 60px; text-align: right; } [dir="rtl"] .rs-accordion-one .accordion-button .accordion-btn { right: auto; left: 20px; } [dir="rtl"] .rs-accordion-one .accordion-body { padding: 20px 20px 20px 50px; } [dir="rtl"] .rs-pricing-two .rs-pricing-feature { text-align: right; } [dir="rtl"] .rs-pricing-two .rs-pricing-top::before { left: auto; right: -40px; } /* 5. Forms & Widgets */ [dir="rtl"] input[type=text], [dir="rtl"] input[type=email], [dir="rtl"] textarea { text-align: right; } [dir="rtl"] p.rs-footer-widget-description { text-align: right; } /* 6. Settings Area */ [dir="rtl"] .rs-theme-settings-area { right: auto; left: 0; transform: translateY(-50%) translateX(-100%); } [dir="rtl"] .rs-theme-settings-area.settings-opened { transform: translateY(-50%) translateX(0%); } [dir="rtl"] .rs-theme-settings-open { right: auto; left: 100%; } h2.rs-section-title.has-theme-blue.rs-split-text-enable.split-in-fade.justify-content-start, body.rtl ul, body.rtl li { text-align: right !important; } /* Ensure lists don't have left padding/margin */ body.rtl ul, body.rtl ol { padding-right: 2rem; padding-left: 0; } /* Force numbers & symbols to LTR inside RTL text */ :where(h1, h2, h3, h4, h5, h6, p, span, div, li) { unicode-bidi: plaintext; } .rs-team-one .rs-team-content-box { box-shadow: 0px 6px 25px 0px rgba(2.044, 59.02, 74, 0.06); background: var(--rs-white); padding: 20px 20px 25px; text-align: center; border-radius: 2px; position: relative; height: 155px; } .mega-menu-close { position: absolute; top: 12px; right: 1170px; background: #0d55a2; border: none; font-size: 22px; cursor: pointer; color: #fff; z-index: 999; padding: 5px; } .mega-menu.mega-grid-two > li:nth-child(-n+4) { border-right: 1px solid #ccc; padding-right: 15px; } p.news-article-text { text-align: right; }