.dir {
    direction: ltr;
}
body.ci-page {
    /* font-family: var(--ci-font-rodger); */
    font-family: var(--ci-font-comfortaa);
}
.navbar-brand {
    direction: rtl;
}
.carousel-control-prev {
    right: 74px;
}

.carousel-control-next {
    left: 74px;
}

.ci-stepper-list::before {
    right: auto;
    left: 24px;
}

.ci-hero-section::before {
    background-position: left center;
}
.ci-dark-pattern-start {
    inset-inline-start: -16px;
    inset-inline-end: initial;
}

.ci-tech-react {
    right: auto;
    left: 0;
}

.ci-dot-4 {
    right: auto;
    left: 29px;
}
.ci-card-line {
    margin-inline-end: auto;
}
.ci-service-hover-box {
    direction: ltr;
}

.ci-section-project-badge {
    left: -70px;
    right: auto;

    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.ci-mobile-preview {
    left: 14%;
    right: auto;
}

.ci-swiper-prev {
    left: auto;
    right: 35px;
}

.ci-faq-illustration strong {
    left: 0;
    right: auto;
}

/* .ci-calculator-cta-img-left {
    left: auto;
    right: 22px;
}

.ci-calculator-cta-img-right {
    right: auto;
    left: 9px;
} */

.ci-phone-row .ci-form-control {
    border-right: 0;
    border-radius: 0 8px 8px 0;
}

.ci-carousel-arrow.carousel-control-prev {
    right: calc(50% - 48px);
    left: auto;
}

.ci-tech-aws {
    right: -22px;
    left: auto;
}

.ci-tech-flutter {
    right: 220px;
    left: auto;
}

.ci-tech-python {
    left: auto;
    right: 380px;
}

.ci-tech-html {
    left: auto;
    right: 540px;
}

.ci-tech-sql {
    left: auto;
    right: 455px;
}

.ci-tech-js {
    left: auto;
    right: 285px;
}

.ci-tech-swift {
    left: auto;
    right: 10px;
}

.ci-dot-1 {
    left: auto;
    right: 100px;
}

.ci-dot-2 {
    left: auto;
    right: 116px;
}

.ci-dot-3 {
    left: auto;
    right: 588px;
}

.ci-dot-5 {
    left: auto;
    right: 174px;
}

.ci-dot-6 {
    left: auto;
    right: 460px;
}

.ci-ltr .ci-process-wave {
    transform: rotateY(180deg);
}

.ci-projects-section .count-project {
    left: auto;
    right: -46px;
}

.ci-phone-1 {
    left: auto;
    right: 10%;
}

.ci-phone-2 {
    left: auto;
    right: 38%;
}

.ci-phone-3 {
    right: auto;
    left: 10%;
}

.ci-swiper-next {
    right: auto;
    left: 35px;
}
.ci-contact-card {
    background: var(--ci-gradient-brand-reverse);
}
.ci-contact-card .ci-contact-image {
    left: auto;
    right: 0;
}

.ci-contact-card .ci-contact-image {
    transform: rotateY(178deg);
}

.ci-dark-pattern-footer {
    inset-inline-start: -2px;
}

.order-lg-1 {
    order: 0 !important;
}

.ci-project-header {
    flex-direction: row-reverse;
    align-items: end;
}

.ci-calculator-grid .col-xl-3 {
    order: 0 !important;
}

.ci-stepper-item {
    /* flex-direction: row-reverse; */
    justify-content: flex-start;
    /* text-align: end; */
    justify-items: end;
}

@media (max-width: 1000px) {
    .ci-section-project-badge {
        left: 0;
    }
    .ci-projects-section .count-project {
        right: 0;
    }
}

@media (max-width: 767.98px) {
    .ci-process-wave {
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotateY(180deg);
    }
    .ci-mobile-preview {
        right: auto;
        left: 4%;
    }

    .ci-phone-1 {
        left: auto;
        right: 2%;
    }

    .ci-phone-2 {
        left: auto;
        right: 34%;
    }

    .ci-phone-3 {
        right: auto;
        left: 2%;
    }

    /*
    .ci-process-step-1 h3,
    .ci-process-step-1 p {
        margin-inline-start: auto;
        margin-inline-end: 4%;
        text-align: end;
    } */

    /* .ci-process-step-3 h3,
    .ci-process-step-3 p {
        margin-inline-start: -17%;
    } */
}

@media (max-width: 575.98px) {
    .ci-phone-1 {
        left: auto;
        right: 0;
    }

    .ci-phone-2 {
        left: auto;
        right: 32%;
    }

    .ci-phone-3 {
        right: auto;
        left: 0;
    }

    .ci-carousel-arrow.carousel-control-prev {
        left: auto;
        right: calc(50% - 48px);
    }

    .ci-carousel-arrow.carousel-control-next {
        right: auto;
        left: calc(50% - 48px);
    }
}