/* RTL Styles for Arabic version */

/* Base direction */
body {
    direction: rtl;
    text-align: right;
    font-family: "Noto Sans Arabic", "Noto Sans", sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5 {
    font-family: "Noto Sans Arabic", "Roboto Condensed", sans-serif;
}

/* Lists - flip bullet position */
li {
    padding: 4px 22px 4px 0;
}
ul > li:before {
    left: auto;
    right: 0;
}

/* Left-line → Right-line */
.left-line, .ul-line ul {
    padding: 0 18px 0 0;
    border-left: none;
    border-right: 1px solid #224FA0;
}

/* Flex layouts - reverse */
.ns-fx {
    direction: rtl;
}

/* Header */
.head-logo {
    direction: rtl;
}

/* Navigation */
.head_nav {
    direction: rtl;
}

/* Phone/email icons */
.phone, .mail {
    direction: rtl;
    text-align: right;
}

/* Two-block reverse */
.two-block.revers {
    flex-direction: row;
}

/* Three-blocks */
.three-blocks > div:nth-child(2) {
    order: 3;
}
.three-blocks > div:nth-child(3) {
    order: 2;
}

/* White block marker */
.white-block:before {
    right: auto;
    left: 24px;
}

/* Border layout */
.border > div:nth-child(1) {
    padding-right: 0;
    padding-left: 28px;
}

/* Input file */
.input-file span {
    padding: 0 0 5px 30px;
}
.input-file span:after {
    left: auto;
    right: 0;
    width: calc(100% - 30px);
}
.input-file span.ok:before, .input-file span.error:before {
    right: auto;
    left: 0;
}

/* Tables */
.table_wrap table {
    text-align: right;
}
.table_wrap table th:last-child, .table_wrap table td:last-child {
    border-right: none;
    border-left: 1px solid #767C88;
}
.table_wrap table th, .table_wrap table td {
    border-right: 1px solid #767C88;
    border-left: none;
}

/* Close menu button */
.close_menu {
    margin-left: 0;
    margin-right: auto;
}

/* Top page breadcrumbs */
aside {
    direction: rtl;
}

/* Form elements */
.wrapper input, .wrapper textarea {
    text-align: right;
    direction: rtl;
}

/* Swiper RTL */
.swiper {
    direction: rtl;
}

/* Footer */
footer {
    direction: rtl;
    text-align: right;
}

/* Mobile menu */
@media only screen and (max-width: 1024px) {
    .top-h-menu {
        direction: rtl;
    }
}