/* الاتجاه العام */
body {
    direction: rtl;
    text-align: right;
}

.container {
    direction: rtl;
}

/* عكس اتجاه navbar */
.navbar .navbar-nav .nav-link {
    margin-right: 0;
    margin-left: 25px;
}

/* محاذاة dropdown */
.dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

/* breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}

/* carousel arrows */
.carousel-control-prev {
    right: 0;
    left: auto;
}
.carousel-control-next {
    left: 0;
    right: auto;
}

/* Service blocks */
.service-item.service-item-left {
    border-radius: 0 500px 500px 0;
    background: linear-gradient(to left, var(--bs-secondary), var(--bs-dark));
}

.service-item.service-item-right {
    border-radius: 500px 0 0 500px;
    background: linear-gradient(to right, var(--bs-secondary), var(--bs-dark));
}

/* Team overlay */
.team-item .team-body .team-before {
    text-align: right;
}

.form-control {
    direction: rtl;
}

.form-floating > label {
    right: 0;
    left: auto;
    text-align: right;
}

.form-floating > .form-control {
    text-align: right;
}

.form-floating > textarea {
    text-align: right;
}

/* Footer */
.footer {
    text-align: right;
}

/* إصلاح قسم Smart Switch في RTL */

.service-item.service-item-left {
    border-radius: 0 500px 500px 0;
    background: linear-gradient(to left, var(--bs-secondary), var(--bs-dark));
    text-align: right;
}

.service-item.service-item-right {
    border-radius: 500px 0 0 500px;
    background: linear-gradient(to right, var(--bs-secondary), var(--bs-dark));
    text-align: right;
}

/* منع قص النص داخل الشكل */
.service-item {
    padding: 40px;
}

.service-text{
    text-align: right;
}

/* إصلاح الموبايل */
@media (max-width: 767.98px) {

    .service-item.service-item-left,
    .service-item.service-item-right {
        border-radius: 500px 500px 0 0;
        background: linear-gradient(to bottom, var(--bs-secondary), var(--bs-dark));
        text-align: center;
    }

    .service-item {
        padding: 30px 20px;
    }

}