.header-area.header-area1 .header-elements .main-menu-ex ul li a {
    padding: 9px 9px;
}

html,
body {
    direction: rtl;
}

body {
    /*text-align: right;*/
    /*overflow-x: hidden;*/
}

.modal-fullscreen .modal-body {
    overflow-y: visible;
}

.header-area.header-area1 .header1-buttons .contact-btn .icon {
    margin-right: 0;
    margin-left: 3px;
    padding-top: 3px;
}

.header-area.header-area1 .header1-buttons .contact-btn {
    direction: ltr;
    margin-right: 0;
    margin-left: 24px;
}

    .header-area.header-area1 .header1-buttons .contact-btn .headding,
    .header-area.header-area1 .header1-buttons .contact-btn .headding a,
    .footer1 .contact-box .pera,
    .footer1 .contact-box .pera a {
        direction: ltr;
        unicode-bidi: isolate;
    }

.header-area.header-area1 .header-elements .main-menu-ex ul li ul {
    right: 0;
    left: auto;
    text-align: right;
}

    .header-area.header-area1 .header-elements .main-menu-ex ul li ul li ul {
        right: 190px;
        left: auto;
    }

    .header-area.header-area1 .header-elements .main-menu-ex ul li ul li a::after {
        right: 0;
        left: auto;
    }

    .header-area.header-area1 .header-elements .main-menu-ex ul li ul li a:hover::after {
        right: 15px;
        left: auto;
    }

.mobile-nav {
    padding-top: 20px;
    text-align: right;
}

.text-justify {
    text-align: justify;
}

/* Keep carousel calculations LTR; restore RTL only inside each slide. */
.project-slider,
.tes1-slider {
    direction: ltr;
}

    .project-slider .single-slider,
    .tes1-slider .tes1-single-slider {
        direction: rtl;
        text-align: right;
    }

/* RTL spacing and mirrored decorative positioning for the home page. */
.hero1 .buttons .play-btn {
    margin-right: 30px;
    margin-left: 0;
}

.hero1 .hero1-all-images .image1 {
    right: auto;
    left: 0;
}

.hero1 .hero1-all-images .image2 {
    right: auto;
    left: -30px;
}

.hero1 .hero1-all-images .image3 {
    right: auto;
    left: -100px;
}

.hero1 .hero1-all-images .image4 {
    right: 140px;
    left: auto;
}

.hero1 .hero1-all-images .shape1,
.hero1 .hero1-all-images .shape2 {
    right: 60px;
    left: auto;
}

.hero-bottom-area .single-box .icon,
.about1 .heading1 .list li span,
.work .single-items .icon,
.pricing .single-pricing-box .list li span {
    margin-right: 0;
    margin-left: 16px;
    flex: 0 0 auto;
}

.about1 .heading1 {
    padding-right: 30px;
    padding-left: 0;
}

.work .heading1 {
    padding-right: 0;
    padding-left: 60px;
}

.heading1 span.span img,
.hero1 .main-headding span.span img,
.blog .blog-box .heading .tags a img {
    margin-right: 0;
    margin-left: 3px;
}

.theme-btn1 span {
    padding-right: 4px;
    padding-left: 0;
}

.theme-btn1 i,
.service .learn i,
.project .learn i,
.blog .learn i,
.cta-btn1 i,
.cta-btn2 i {
    transform: scaleX(-1);
}

.blog .blog-box .heading .tags a {
    margin-right: 0;
    margin-left: 16px;
}

.testimonial .tes1-slider .tes1-single-slider .right-side {
    padding-right: 0;
    padding-left: 100px;
}

    .testimonial .tes1-slider .tes1-single-slider .right-side .bottom-area .heading {
        padding-right: 16px;
        padding-left: 0;
    }

.footer1 .single-footer-items .menu-list li a:hover {
    transform: translateX(-5px);
}

.footer1 .single-footer-items .contact-box {
    direction: ltr;
}

    .footer1 .single-footer-items .contact-box .icon {
        margin-right: 10px;
        margin-left: 0;
    }

@media (max-width: 991px) {
    .mobile-sidebar {
        right: -100%;
        left: auto;
    }

        .mobile-sidebar.mobile-menu-active {
            right: 0;
            left: auto;
        }

    .menu-close {
        right: auto;
        left: 20px;
    }

    .mobile-nav li {
        padding-right: 0;
        padding-left: 30px;
    }

        .mobile-nav li li {
            padding-right: 0;
            padding-left: 40px;
        }

    .sub-menu {
        padding-right: 15px;
        padding-left: 0;
    }

    span.submenu-button::after,
    span.submenu-button::before {
        right: auto;
        left: 9px;
    }

    span.submenu-button::before {
        right: auto;
        left: 0;
    }

    span.multi-drop-icon {
        right: auto;
        left: 10px;
        justify-content: flex-start;
    }

    .hero1 .hero1-all-images .image3 {
        right: auto;
        left: 0;
    }

    .about1 .heading1,
    .work .heading1,
    .testimonial .tes1-slider .tes1-single-slider .right-side {
        padding-right: 0;
        padding-left: 0;
    }

    .footer1 .single-footer-items .contact-box {
        direction: ltr;
    }
}

@media (max-width: 767px) {
    .hero1 .buttons .play-btn {
        margin-right: 0;
    }

    .about1 .heading1 .list li span {
        margin-left: 8px;
    }

    .pricing .single-pricing-box {
        min-height: 610px;
    }
}

/* RTL details pages. */
.details-left-space {
    padding-right: 30px;
    padding-left: 0;
}

.sidebar-box-area,
.details-post-area,
.get-started-box,
.project-details-box,
.tags-links {
    direction: rtl;
    text-align: right;
}

    .sidebar-box-area .search .button button {
        right: auto;
        left: 20px;
    }

    .sidebar-box-area .search input {
        padding-right: 22px;
        padding-left: 56px;
        text-align: right;
    }

    .sidebar-box-area .features-list li a i,
    .get-started-btn i {
        transform: scaleX(-1);
    }

    .sidebar-box-area .sidebar-blog-boxs .sidebar-blogs .heading {
        padding-right: 16px;
        padding-left: 0;
    }

    .details-post-area .social-users ul li {
        margin-right: 0;
        margin-left: 24px;
    }

        .details-post-area .social-users ul li a img {
            margin-right: 0;
            margin-left: 3px;
        }

    .details-post-area .boxs-area ul {
        gap: 12px;
    }

        .details-post-area .boxs-area ul li {
            min-width: 0;
            flex: 1 1 0;
        }

            .details-post-area .boxs-area ul li span.check {
                margin-right: 0;
                margin-left: 6px;
            }

    .details-post-area .comment-box .box-top-area .heading-area .heading {
        padding-right: 20px;
        padding-left: 0;
    }

    .details-post-area .comment-box.comment-box2 {
        margin-right: 60px;
        margin-left: 0;
    }

    .tags-links .tags ul li.text,
    .tags-links .social ul li.text {
        margin-right: 0;
        margin-left: 10px;
    }

@media (max-width: 991px) {
    .details-left-space {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .service-details-area-all .container {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .service-details-area-all .row {
        margin-right: 0;
        margin-left: 0;
    }

    .service-details-area-all [class*="col-"] {
        min-width: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .sidebar-box-area,
    .service-details-post {
        width: 100%;
        max-width: 100%;
    }

        .sidebar-box-area a,
        .details-post-area p {
            overflow-wrap: anywhere;
        }

    .details-post-area .boxs-area ul {
        flex-direction: column;
        align-items: stretch;
    }

        .details-post-area .boxs-area ul li {
            width: 100%;
        }

    .details-post-area .comment-box.comment-box2 {
        margin-right: 0;
    }

    .details-post-area .comment-box .box-top-area {
        align-items: flex-start;
        gap: 16px;
    }
}

/* Inner pages: RTL alignment while keeping animation/carousel tracks LTR. */
.common-hero .main-heading .span .arrow i {
    transform: scaleX(-1);
}

.hero10-benar .marquee-wrap,
.hero10-benar .marquee-text,
.testimonial2 .tes2-slider {
    direction: ltr;
}

    .testimonial2 .tes2-slider .single-slider {
        direction: rtl;
        text-align: right;
    }

    .testimonial2 .tes2-slider .bottom-area .author a {
        right: 24px;
        left: auto;
    }

    .testimonial2 .tes2-slider .bottom-area .reating {
        right: auto;
        left: 24px;
        direction: ltr;
    }

.about2.about-page-sec .counter-box p {
    padding-right: 16px;
    padding-left: 0;
}

.about-solution .heading1,
.service-details-post,
.servcie2-box,
.project-page-box .heading2,
.blog2-box .heading1,
.contact-page,
.contact-form-details {
    text-align: right;
}

    .about-solution .item-box .icon,
    .details-post-area .expart-list li span.check,
    .contact-page .contact-boxs .contact-box .icon {
        margin-right: 0;
        margin-left: 12px;
        flex: 0 0 auto;
    }

    .contact-page .contact-boxs {
        padding-right: 0;
        padding-left: 60px;
    }

        .contact-page .contact-boxs .contact-box .heading {
            padding-right: 16px;
            padding-left: 0;
        }

    .contact-form-details input,
    .contact-form-details textarea,
    .accordion1 .accordion-button,
    .accordion1 .accordion-body {
        direction: rtl;
        text-align: right;
    }

.project-page-box .learn i,
.blog2-box .learn i {
    transform: scaleX(-1);
}

.servcie2-box.servcie2-box-2 .arrow {
    right: auto;
    left: 24px;
    transform: rotate(45deg) scale(0.4);
}

.servcie2-box.servcie2-box-2:hover .arrow {
    transform: rotate(45deg) scale(1);
}

@media (max-width: 991px) {
    .contact-page .contact-boxs {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .testimonial2 .tes2-slider .single-slider {
        min-height: 420px;
    }

    .about-tabs .tab-header-all {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 8px;
    }
}

/* Compact Persian type scale: 16px minimum and 24px absolute maximum. */
:root {
    --f-fw-regular: 400;
    --f-fw-medium: 500;
    --f-fw-semibold: 500;
    --f-fw-blod: 500;
    --f-fw-ex-bold: 600;
    --f-fs-font-fs16: 16px;
    --f-fs-font-fs18: 16px;
    --f-fs-font-fs20: 17px;
    --f-fs-font-fs22: 17px;
    --f-fs-font-fs24: 18px;
    --f-fs-font-fs26: 18px;
    --f-fs-font-fs28: 19px;
    --f-fs-font-fs30: 19px;
    --f-fs-font-fs32: 20px;
    --f-fs-font-fs34: 20px;
    --f-fs-font-fs36: 21px;
    --f-fs-font-fs40: 21px;
    --f-fs-font-fs42: 22px;
    --f-fs-font-fs44: 22px;
    --f-fs-font-fs48: 22px;
    --f-fs-font-fs50: 22px;
    --f-fs-font-fs52: 22px;
    --f-fs-font-fs54: 22px;
    --f-fs-font-fs56: 22px;
    --f-fs-font-fs58: 22px;
    --f-fs-font-fs60: 22px;
    --f-fs-font-fs62: 22px;
    --f-fs-font-fs64: 22px;
    --f-fs-font-fs66: 22px;
    --f-fs-font-fs68: 22px;
    --f-fs-font-fs70: 22px;
    --f-fs-font-fs72: 24px;
    --f-fs-font-fs74: 24px;
    --f-fs-font-fs76: 24px;
    --f-fs-font-fs78: 24px;
    --f-fs-font-fs80: 24px;
    --f-fs-font-fs82: 24px;
    --f-fs-font-fs84: 24px;
    --f-fs-font-fs86: 24px;
    --f-fs-font-fs88: 24px;
}

body h1,
body h1 a {
    font-size: 21px !important;
    line-height: 1.6 !important;
}

body h2,
body h2 a {
    font-size: 19px !important;
    line-height: 1.65 !important;
}

body h3,
body h3 a {
    font-size: 18px !important;
    line-height: 1.65 !important;
}

body h4,
body h4 a {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

body h5,
body h5 a {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

body h6,
body h6 a {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    letter-spacing: 0;
}

@media (max-width: 767px) {
    body h1,
    body h1 a {
        font-size: 20px !important;
    }

    body h2,
    body h2 a {
        font-size: 18px !important;
    }

    body h3,
    body h3 a {
        font-size: 17px !important;
    }

    body h4,
    body h4 a {
        font-size: 16px !important;
    }

    body h5,
    body h5 a,
    body h6,
    body h6 a {
        font-size: 16px !important;
    }
}




@media (max-width: 767px) {
    body h5, body h5 a, body h6, body h6 a {
        text-align: center !important;
    }

    .testimonial .tes1-slider .tes1-single-slider .right-side p {
        text-align: center !important;
        line-height: 28px !important;
    }
}




@media (max-width: 1440px) {
    body {
        overflow-x: hidden;
    }
}