/* =====================================
   Style RA - Arabic RTL
   Journey of Success
===================================== */

/* =====================================
   Base / Direction
===================================== */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body {
    unicode-bidi: embed;
}

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

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

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

/* =====================================
   General
===================================== */
html[dir="rtl"] .container,
html[dir="rtl"] .container-fluid {
    direction: rtl;
}

html[dir="rtl"] a,
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] li,
html[dir="rtl"] span {
    direction: rtl;
}

/* English switch */
html[dir="rtl"] .lang-switcher a {
    direction: ltr !important;
    unicode-bidi: embed;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* =====================================
   Header / Navigation
===================================== */
html[dir="rtl"] .trp_nav_area,
html[dir="rtl"] .electiman-main-menu,
html[dir="rtl"] .electiman_menu,
html[dir="rtl"] .electiman_menu nav,
html[dir="rtl"] .menu_area,
html[dir="rtl"] .mobile-menu {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .electiman_menu ul.sub-menu,
html[dir="rtl"] .menu_area ul.sub-menu {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

html[dir="rtl"] .electiman_menu ul.sub-menu li,
html[dir="rtl"] .menu_area ul.sub-menu li {
    float: none;
    text-align: right;
}

html[dir="rtl"] .electiman_menu ul.sub-menu li a,
html[dir="rtl"] .menu_area ul.sub-menu li a {
    text-align: right;
    direction: rtl;
}

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

/* =====================================
   Mobile
===================================== */
html[dir="rtl"] .mobile_logo_area,
html[dir="rtl"] .mbm,
html[dir="rtl"] .mobile-menu {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .mobile-menu ul.sub-menu li,
html[dir="rtl"] .mobile-menu ul.sub-menu li a {
    text-align: right;
}

/* =====================================
   Hero Slider
===================================== */
html[dir="rtl"] .witr_slick_slider_area,
html[dir="rtl"] .witr_slick_active {
    direction: rtl;
    position: relative;
    overflow: hidden;
}

html[dir="rtl"] .witr_ds_content_area {
    position: relative;
    min-height: 700px;
    height: 700px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}

html[dir="rtl"] .witr_ds_slider_content,
html[dir="rtl"] .witr_slick_content,
html[dir="rtl"] .witr_ds_content,
html[dir="rtl"] .witr_slick_height {
    min-height: 700px;
    height: 700px;
}

html[dir="rtl"] .witr_ds_content_inner {
    position: relative;
    z-index: 2;
    text-align: right;
}

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

html[dir="rtl"] .slider_btn,
html[dir="rtl"] .witr_button_area {
    text-align: center;
}

html[dir="rtl"] .slick-slide {
    direction: rtl;
}

html[dir="rtl"] .slick-prev,
html[dir="rtl"] .slick-next {
    z-index: 9;
}

html[dir="rtl"] .witr_ds_content_area::before,
html[dir="rtl"] .witr_ds_content_area::after,
html[dir="rtl"] .witr_slick_slider_area::before,
html[dir="rtl"] .witr_slick_slider_area::after {
    display: none !important;
    content: none !important;
}

/* =====================================
   Feature
===================================== */
html[dir="rtl"] .electiman_feature_area {
    direction: rtl;
}

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

/* =====================================
   About
===================================== */
html[dir="rtl"] .electiman_about_area,
html[dir="rtl"] .witr_about_title,
html[dir="rtl"] .witr_section_title_inner {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .witr_about_title p {
    direction: rtl;
    text-align: right;
    line-height: 1.9;
}

html[dir="rtl"] .single_image,
html[dir="rtl"] .single_image_area {
    text-align: center;
}

/* =====================================
   Services
   odd-row  = left image / right text
   even-row = left text / right image
===================================== */
html[dir="rtl"] .electiman_video_area {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .witr_video_section_title p {
    text-align: center;
    direction: rtl;
}

/* 关键：卡片布局容器改为 LTR，避免被整页 RTL 反转 */
html[dir="rtl"] .blog_part_inner.blog-flex-row {
    display: flex !important;
    align-items: center;
    flex-direction: row !important;
    direction: ltr !important;
}

/* 默认 odd-row：左图右字 */
html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-image-col {
    order: 1 !important;
    flex: 0 0 50%;
    max-width: 50%;
}

html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-text-col {
    order: 2 !important;
    flex: 0 0 50%;
    max-width: 50%;
}

/* even-row：左字右图 */
html[dir="rtl"] .blog_part_inner.blog-flex-row.blog-row-reverse .blog-image-col {
    order: 2 !important;
}

html[dir="rtl"] .blog_part_inner.blog-flex-row.blog-row-reverse .blog-text-col {
    order: 1 !important;
}

/* 文字内容单独保持 RTL */
html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-text-col,
html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-text-col * ,
html[dir="rtl"] .blog_part_inner.blog-flex-row .wblog-content,
html[dir="rtl"] .blog_part_inner.blog-flex-row .wblog-content * {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .blog-image-col img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 991px) {
    html[dir="rtl"] .blog_part_inner.blog-flex-row {
        display: block !important;
        direction: rtl !important;
    }

    html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-image-col,
    html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-text-col {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
/* =====================================
   Lists
===================================== */
html[dir="rtl"] .list_item_inner1 {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .list-items {
    padding-right: 20px;
    padding-left: 0;
    margin-right: 0;
    list-style-position: inside;
}

html[dir="rtl"] .list-items li,
html[dir="rtl"] .list-items li a,
html[dir="rtl"] .list-items li span {
    text-align: right;
    direction: rtl;
}

/* =====================================
   Portfolio
===================================== */
html[dir="rtl"] .electiman_protfolio_area,
html[dir="rtl"] .prot_wrap {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .single_protfolio h3,
html[dir="rtl"] .prot_thumb {
    text-align: center;
}

/* =====================================
   Forms / Contact
===================================== */
html[dir="rtl"] .electiman_content_area,
html[dir="rtl"] .apartment_area,
html[dir="rtl"] .witr_apartment_form {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] input::placeholder,
html[dir="rtl"] textarea::placeholder {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .witr_form_field2,
html[dir="rtl"] .witr_text_area2 {
    text-align: right;
}

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

/* =====================================
   Footer
===================================== */
html[dir="rtl"] .witrfm_area,
html[dir="rtl"] .footer-middle,
html[dir="rtl"] .footer-bottom {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .widget-title {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .menu-social-link-container ul,
html[dir="rtl"] .menu-help-link-container ul {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    list-style: none;
    direction: rtl;
}

html[dir="rtl"] .menu-social-link-container ul li,
html[dir="rtl"] .menu-help-link-container ul li {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .footer_s_inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 10px;
    direction: rtl;
}

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

html[dir="rtl"] .footer-sociala-info p {
    text-align: right;
    direction: rtl;
    line-height: 1.8;
}

html[dir="rtl"] .copy-right-text {
    text-align: center;
    direction: rtl;
}

/* =====================================
   Bootstrap helpers
===================================== */
html[dir="rtl"] .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

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

/* =====================================
   Icons
===================================== */
html[dir="rtl"] i {
    margin-left: 5px;
    margin-right: 0;
}

/* =====================================
   Industry Applications Slider RTL Fix
===================================== */
html[dir="rtl"] .electiman_slow_slide_area {
    direction: rtl;
}

html[dir="rtl"] .electiman_slow_slide_area .slider_top {
    margin-top: 30px;
    margin-bottom: 30px;
}

html[dir="rtl"] .electiman_thumb_slider_active {
    direction: rtl;
    position: relative;
}

html[dir="rtl"] .electiman_thumb_slider_active .thumb-slide {
    padding: 0 10px;
    box-sizing: border-box;
}

html[dir="rtl"] .electiman_thumb_slider_active .thumb {
    display: block;
    text-align: center;
}

html[dir="rtl"] .electiman_thumb_slider_active .thumb img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

html[dir="rtl"] .electiman_thumb_slider_active .slick-list,
html[dir="rtl"] .electiman_thumb_slider_active .slick-track {
    direction: rtl;
}

html[dir="rtl"] .electiman_thumb_slider_active .slick-slide {
    float: right;
    height: auto;
}

html[dir="rtl"] .electiman_slow_slide_area .list_item_inner1 {
    text-align: right;
    direction: rtl;
}

/* Prevent over-height compared with English */
html[dir="rtl"] .electiman_slow_slide_area,
html[dir="rtl"] .electiman_slow_slide_area .container,
html[dir="rtl"] .electiman_slow_slide_area .row {
    height: auto;
    min-height: auto;
}

/* If theme adds large spacing */
html[dir="rtl"] .electiman_slow_slide_area .witr_slider_title {
    margin-bottom: 20px;
}

/* =====================================
   Force show Industry Applications slider
===================================== */
html[dir="rtl"] .rtl-thumb-slider {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html[dir="rtl"] .rtl-thumb-slider .thumb-slide,
html[dir="rtl"] .rtl-thumb-slider .slick-slide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

html[dir="rtl"] .rtl-thumb-slider .thumb {
    display: block !important;
    width: 100% !important;
    overflow: hidden;
    text-align: center;
}

html[dir="rtl"] .rtl-thumb-slider .thumb img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}

html[dir="rtl"] .rtl-thumb-slider .slick-list {
    overflow: hidden !important;
}

html[dir="rtl"] .rtl-thumb-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

html[dir="rtl"] .rtl-thumb-slider .slick-slide > div {
    width: 100%;
}

html[dir="rtl"] .electiman_slow_slide_area {
    padding-top: 100px;
    padding-bottom: 100px;
}

html[dir="rtl"] .electiman_slow_slide_area .thumb img {
    border-radius: 0;
}

html[dir="rtl"] .rtl-thumb-slider {
    max-width: 900px;
    margin: 0 auto;
}

html[dir="rtl"] .rtl-thumb-slider .thumb {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    text-align: center;
}

html[dir="rtl"] .rtl-thumb-slider .thumb img {
    display: block !important;
    width: auto !important;
    max-width: 65% !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* =====================================
   Responsive
===================================== */
@media (max-width: 991px) {
    html[dir="rtl"] .witr_ds_content_area,
    html[dir="rtl"] .witr_ds_slider_content,
    html[dir="rtl"] .witr_slick_content,
    html[dir="rtl"] .witr_ds_content,
    html[dir="rtl"] .witr_slick_height {
        min-height: 560px;
        height: 560px;
    }

    html[dir="rtl"] .blog_part_inner.blog-flex-row {
        display: block !important;
    }

    html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-image-col,
    html[dir="rtl"] .blog_part_inner.blog-flex-row .blog-text-col {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .witr_ds_content_area,
    html[dir="rtl"] .witr_ds_slider_content,
    html[dir="rtl"] .witr_slick_content,
    html[dir="rtl"] .witr_ds_content,
    html[dir="rtl"] .witr_slick_height {
        min-height: 460px;
        height: 460px;
    }

    html[dir="rtl"] .witr_ds_content_inner h1 {
        font-size: 28px;
        line-height: 1.4;
    }

    html[dir="rtl"] .witr_ds_content_inner h2 {
        font-size: 20px;
        line-height: 1.5;
    }

    html[dir="rtl"] .list-items {
        padding-right: 16px;
    }

    html[dir="rtl"] .footer_s_inner {
        align-items: center;
    }

    html[dir="rtl"] .electiman_thumb_slider_active .thumb-slide {
        padding: 0 5px;
    }
}

@media (max-width: 575px) {
    html[dir="rtl"] .witr_ds_content_area,
    html[dir="rtl"] .witr_ds_slider_content,
    html[dir="rtl"] .witr_slick_content,
    html[dir="rtl"] .witr_ds_content,
    html[dir="rtl"] .witr_slick_height {
        min-height: 420px;
        height: 420px;
    }

    html[dir="rtl"] .witr_ds_content_inner h1 {
        font-size: 24px;
    }

    html[dir="rtl"] .witr_ds_content_inner h2 {
        font-size: 18px;
    }
}