
body {
    font-family: 'Tajawal', sans-serif;
}

.numbered-list {
    list-style: none;
    direction: rtl;
    counter-reset: arabicCounter; /* Initialize the counter */
}

    .numbered-list li {
        counter-increment: arabicCounter; /* Increment counter for each item */
    }

        .numbered-list li::before {
            content: counter(arabicCounter, arabic-indic) ". "; /* Use Arabic numbers */
            direction: rtl;
            color: var(--sc);
        }

/** Navbar **/
.nav-logo-wrap {
    right: 0;
    left: auto;
}

.inner-nav ul li:first-child {
    margin-right: 0;
    margin-left: 1%;
}

.inner-nav ul li .mn-sub li a, .mn-group-title {
    text-align: right;
}

.mn-sub {
    left: 0%;
    right: auto;
}

/** Home Slider Section **/
.home-section {
    direction: ltr;
}

.text-end {
    text-align: left !important;
}

.mobile-nav {
    margin-right: auto;
    margin-left: -15px;
}

.mobile-on .desktop-nav ul li a {
    text-align: right;
}

/** About Section **/
.call-action-3-image-1 {
    margin-right: auto;
    margin-left: 0;
}

#about .call-action-3-images {
    margin-top: -85%;
}

.call-action-3-images {
    margin-top: 0;
}

.quote-on-image {
    right: 0%;
    left: auto;
    border-left: none;
    border-right: 4px solid var(--sc);
}

.experience-badge {
    left: -1%;
    right: auto;
    border-left: none;
    border-right: 10px solid #fff;
}

.quote footer {
    text-align: right;
    margin-left: 16%;
    margin-right: auto;
    padding-left: 0;
    padding-right: 10px;
}

.moving-icon {
    right: 20px;
    left: auto;
}

blockquote p {
    text-align: right;
}

@media (max-width: 768px) {
    .content-item {
        text-align: right;
    }
}

@media (min-width: 992px) {
    #about .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 700px) {
    .call-action-3-images {
        width: 100%;
        margin-right: 12%;
        /* margin-top: -40%!important; */
    }
}

@media (max-width: 768px) {
    .call-action-3-image-1 img {
        width: 130% !important;
        margin-right: -20%;
        margin-left: auto;
    }

    .quote-on-image {
        right: -20% !important;
        top: 100%;
    }

    .moving-icon {
        font-size: 35px;
        right: -15%;
    }

    .experience-badge {
        left: -21%;
    }

    .call-action-3-image-1 {
        margin-top: 60%;
        width: 110%;
    }
}
/** Services Section **/
section .dt-container .section-caption-black {
    /* margin-right: -6%; */
    margin-left: auto;
    text-align: right;
}

#dt_service .section-line-gradient {
    margin-right: 1%;
}

#dt_service .btn-mod.btn-circle {
    float: left;
}

.servicesSection-carousel {
    direction: ltr;
}

.dt_service--two .services-item .services-image:before {
    left: 2em;
    right: auto;
}

.services-item {
    direction: rtl;
}

@media (max-width: 480px) {
    .dt_service {
        padding-bottom: 80px !important;
        margin-top: 40%;
    }

    #dt_service .section-line-gradient {
        margin-right: 13% !important;
        margin-left: 0 !important;
        width: 200px;
    }

    #dt_service .section-caption-black {
        margin-left: 0%;
        margin-right: 30%;
    }
}

@media (max-width: 768px) {
    #dt_service .section-caption-black {
        margin-left: 0%;
        margin-right: 30%;
    }
}

/** Team Section **/

#team {
    direction: ltr;
}

#team .owl-prev {
    left: 1%;
}

#team .owl-next {
    right: -1%;
}

.teamSection-carousel .owl-pagination {
    margin-left: 4%;
}

.teamSection-carousel {
    margin-left: 0;
    margin-right: 0;
}

@media(min-width: 1200px) {
    .home-h {
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    #team .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .profile-card {
        margin: 0 50px;
        margin-bottom: 5px;
    }
}

#team .row:not( .g-0, .g-1, .g-2, .g-3, .g-4, .g-5, .gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5, .gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5) {
    --bs-gutter-x: 0;
}

/** Features Section**/
.page-section .line-u {
    position: absolute;
    right: 2%;
}

@media (max-width: 768px) {
    .page-section .line-u {
        right: 10%;
    }

    .owl-prev {
        left: 3%;
    }
}

/** Portfolio Section **/
#portfolio {
    direction: ltr;
}

#project-btn .btn {
    margin-top: -4%;
    right: 2%;
    position: absolute;
}

.portfolio-4-intro {
    padding-left: 12px;
    text-align: right;
    transition: all .5s var(--ease-out-short);
}

.portfolio-4-carousel .owl-buttons {
    text-align: left;
}

.portfolio-4-item > a:hover .portfolio-4-intro {
    transform: translateX(-12px);
}

/** Clients Section **/
.small-item-carousel {
    direction: ltr;
}

/** Footer **/

.mega-footer-heading::after {
    right: 0;
    left: auto;
}

a.link-to-top,
footer .text-gray a.link-to-top {
    right: 500%;
}

.social-header li:last-child {
    margin-right: 10px;
}

.quick-links a i {
    margin-left: 10px;
    margin-right: auto;
}

/** Icon **/
.icon-toggle-container {
    left: 20px;
    right: auto;
}

/** Pages **/
@media (min-width: 992px) {
    .about-companies .col-lg-8, .about-container .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }
}

.service-content ul li i {
    margin-left: 10px;
    margin-right: 0;
}

.about-companies .row {
    margin-left: 0;
}

#projectCarousel {
    direction: ltr;
}

.client-img {
    margin-left: 1rem;
    margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
    .about-companies {
        margin-top: 20%;
    }
}

.ci-icon:before {
    right: 0;
    left: auto;
}

.ci-icon {
    right: 3px;
    left: auto;
}

.contact-item {
    padding: 0 74px 0 0;
}

@media (min-width: 1200px) {
    .offset-xl-1 {
        margin-right: 8.33333333%;
        margin-left: auto;
    }
}

.btn-mod.btn-large {
    letter-spacing: 0;
}
