/*
    Left to right by Amin Ahmadi
    website : https://farscod.ir/
    ltr css code version : v1.0.0

    demo 1
*/
.navbar-wrap > ul > li.menu-item-has-children > a::after {
    margin-left: 8px;
    margin-right: unset;
}

.header-style-two .menu-area {
    padding: 0 0 0 30px;
}

.header-style-two .header-action > ul li {
    margin-left: 0;
    margin-right: unset;
}

.header-action > ul {
    margin-left: 25px;
    margin-right: unset;
}

.header-contact-two .icon {
    margin-right: 8px;
    margin-left: unset;
}

.header-top-btn a i {
    margin-right: 10px;
    margin-left: unset;
}

.header-top-left .list-wrap li i {
    margin-right: 8px;
    margin-left: unset;
}

.header-style-two .header-top-left {
    padding-left: 25px;
    padding-right: unset;
}

.header-contact-two {
    margin-right: 30px !important;
    margin-left: unset !important;
}

.header-style-two .header-action > ul li::before {
    left: 0;
    right: unset;
}

.close-icon {
    text-align: right;
}

.banner-content-two .sub-title {
    letter-spacing: 0;
}

.btn::after, .transparent-btn-two::after {
    margin-left: 30px;
    margin-right: unset;
    rotate: 0deg;
}

.banner-content-two .banner-btn .play-btn i {
    margin-right: 12px;
    margin-left: unset;
}

.banner-shape-wrap img:nth-child(2) {
    right: 45%;
    left: unset;
}

.banner-shape-wrap img:nth-child(1) {
    left: 47%;
    right: unset;
}

.banner-shape-wrap img:nth-child(3) {
    right: 26%;
    left: unset;
}

.header-top-left .list-wrap li::before {
    left: unset;
    right: -15px;
}

.features-icon-three, .features-icon-two {
    margin-left: unset;
    margin-right: 20px;
}

.about-shape-wrap-two img:nth-child(2) {
    left: 37%;
    right: unset;
}

.about-list-two .list-wrap li i {
    margin-left: unset;
    margin-right: 8px;
}

.fa-arrow-right:before {
    content: "\f061";
}

.about-img-wrap-three .experience-wrap {
    left: 0;
    right: unset;
    padding: 40px 195px 45px 50px;
    border-radius: 60px 0px 0px 0px;
    text-align: left;
}

.about-img-wrap-three img:nth-child(2) {
    left: unset;
    right: 0;
}

.about-img-wrap-three .experience-wrap .title {
    margin-right: 13px;
    margin-left: unset;
    padding: 0 13px 0 0;
}

    .about-img-wrap-three .experience-wrap .title::before, .footer-newsletter form button {
        left: unset;
        right: 0;
    }

.about-author-info .thumb {
    margin-right: 15px;
    margin-left: unset;
}

.about-img-wrap-three img:nth-child(1) {
    border-radius: 100px 0 0 0;
}

.about-img-wrap-three img:nth-child(2) {
    border-radius: 0 50px 0 0;
}

.section-title-two span, .about-img-wrap-three .experience-wrap .title span {
    letter-spacing: 0;
}

.text-end {
    text-align: right !important;
}

.overview-img-wrap img:nth-child(3) {
    left: -50px;
    right: unset;
}

.overview-content .content-bottom .list-wrap li .icon {
    margin-right: 40px;
    margin-left: unset;
}

    .overview-content .content-bottom .list-wrap li .icon::after {
        right: -20px;
        left: unset;
    }

.progress-item .progress-bar span {
    right: 3px;
    left: unset;
}

.choose-content .play-btn i {
    margin-left: 0;
    margin-right: 35px;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        transform: translateX(0px);
    }
}

.cta-info-wrap .icon {
    margin-left: 0;
    margin-right: 15px;
}

.cta-info-wrap::before {
    right: 26px;
    left: unset;
}

.team-content-two span::before, .footer-widget .fw-title::before {
    left: 0;
    right: unset;
}

.testimonial-content-two > p {
    font-style: normal;
    font-size: 15px;
}

.testimonial-avatar .avatar-thumb {
    margin-right: 30px;
    margin-left: 0;
}

.testimonial-avatar .avatar-info::before {
    right: unset;
    left: -15px;
}

.pricing-price-two .price strong {
    font-weight: 600;
    font-size: 16px;
    margin: auto 0 7px 6px;
}

.pricing-box-two .pricing-list .list-wrap li {
    justify-content: left;
}

.pricing-list .list-wrap li img {
    margin-right: 10px;
    margin-left: unset;
}

.pricing-box-two .popular {
    right: 0;
    left: unset;
    border-radius: 30px 0 0 30px;
}

.blog-meta .list-wrap li i, .blog-meta .list-wrap li a img {
    margin: 0 8px 0 0;
}

.blog-post-thumb-two .tag {
    right: unset;
    left: 0;
}

.footer-info .list-wrap li .icon {
    margin: 3px 12px 0 0;
}

.footer-newsletter form input {
    padding: 12px 125px 12px 22px;
}

/*
    demo 2
*/

.header-style-three .header-action > ul li {
    margin: 0 20px 0 20px;
}

.banner-content-three .banner-form button {
    right: 5px;
    left: unset;
}

.banner-content-three .banner-form input {
    padding: 16px 70px 16px 28px;
}

.features-content-three .link-btn img {
    margin-right: 0;
    margin-left: 10px;
    rotate: 0deg;
}

.about-list-three .list-wrap li .icon {
    margin-left: 0;
    margin-right: 15px;
}

.banner-img-three img.img-two {
    left: -6%;
    right: unset;
}

.banner-img-three img.img-three {
    right: 4%;
    left: unset;
}

.banner-shape-wrap-three img:nth-child(2) {
    right: 21%;
    left: unset;
}

.banner-img-three img.main-img {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 15% 100%, 0 100%);
}

.overview-img-two .img-two {
    left: -13%;
    right: unset;
}

.transparent-btn-two::after, .btn-three::after {
    rotate: 0deg;
}

.counter-item-two::before {
    right: -15px;
    left: unset;
}

.testimonial-info span::before {
    right: unset;
    left: 0;
}

.testimonial-content-three p {
    font-weight: 500;
    font-size: 18px;
    font-style: normal;
}

.banner-content-three .banner-form button {
    rotate: 0deg;
}

.about-list-three .list-wrap li .icon::before {
    right: unset;
    left: -13px;
}

.blog-post-thumb-two .tag-two {
    left: 30px;
    right: unset;
}

/*
   demo 3
*/
.header-action ul li:first-child {
    margin-right: 35px;
}

.features-icon-four {
    margin-right: 20px;
    margin-left: unset;
}

.about-content-five .about-list .list-wrap li i {
    margin: 0 8px 0 0;
}

.about-img-wrap-five img:nth-child(2) {
    right: unset;
    left: -25%;
}

.about-img-wrap-five .experience-wrap {
    left: unset;
    right: 0px;
}

.about-shape-five img {
    right: unset;
    left: 41%;
}

.overlay-icon {
    right: 30px;
    left: unset;
}

.features-icon-four::before, .about-img-wrap-five::before {
    right: 0;
    left: unset;
}

.about-content-five {
    margin-left: 55px;
    margin-right: unset;
}

.estimate-tab-wrap .nav-tabs {
    padding: 0;
}

.testimonial-nav-four {
    right: 25px;
    left: unset;
}

.testimonial-item-wrap-four {
    padding-left: unset;
    padding-right: 125px;
}

.testimonial-img-four::before {
    right: unset;
    left: 1.9%;
}

.testimonial-img-four .icon, .testimonial-img-four .shape {
    right: unset;
    left: 0%;
}

.services-content-three .services-icon {
    right: unset;
    left: 30px;
}

.testimonial-content-four .testimonial-info::before {
    left: 0;
    right: unset;
}

.testimonial-content-four .testimonial-info {
    padding-right: unset;
    padding-left: 16px;
}

.testimonial-content-four > p, .testimonial-item-wrap-five .testimonial-content p, .testimonial-content p {
    font-weight: 500;
    font-size: 18px;
    font-style: normal;
}

.pricing-price-two .price span {
    margin-left: 2px;
    margin-right: unset;
}

.blog-post-content-four .link-btn i {
    margin-left: 10px;
    margin-right: unset;
}

.blog-meta-two .list-wrap li i {
    margin-right: 8px;
    margin-left: unset;
}

.blog-post-content-four .tag {
    left: 30px;
    right: unset;
}

.banner-content-four .sub-title {
    letter-spacing: 0;
}

/*
   demo 4
*/

.about-content-six .about-list .list-wrap li i {
    margin-left: unset;
    margin-right: 8px;
}

.section-title .sub-title::before {
    left: 0;
    right: unset;
}

.about-content-six {
    margin: 0 0 0 30px;
}

.about-img-six img:nth-child(2) {
    left: 0;
    left: unset;
}

.counter-icon {
    margin-right: 40px;
    margin-left: unset;
}

    .counter-icon::after {
        left: unset;
        right: -20px;
    }

    .counter-icon::before {
        right: unset;
        left: -14px;
    }

.section-title .sub-title {
    letter-spacing: unset;
}

.section-title.text-center .sub-title::before {
    left: unset;
}

.request-contact .icon {
    margin-right: 10px;
    margin-left: unset;
}

.btn::before {
    right: 0;
    left: unset;
}

/*
   demo 5
*/

.header-contact {
    margin-right: 35px;
    margin-left: unset;
}

    .header-contact::before {
        left: unset;
        right: -16px;
    }

.slider-shape {
    left: 15%;
    right: unset;
}

.slider-content .sub-title::before {
    left: 0;
    right: unset;
}

.features-content .content-top .icon {
    margin-right: 15px;
    margin-left: unset;
}

    .features-content .content-top .icon::before {
        left: -13px;
        right: unset;
    }

.features-item:hover .features-content .content-top .icon::before {
    left: 0px;
    right: unset;
}

.about-img-two {
    padding-right: unset;
    padding-left: 218px;
}

    .about-img-two img:nth-child(2) {
        left: 40px;
        right: unset;
    }

.about-shape-wrap img:nth-child(1) {
    right: 41%;
    left: unset;
}

.about-list .list-wrap li img {
    margin-right: 10px;
    margin-left: unset;
}

.services-content .content-top .icon, .services-content .list-wrap li::before {
    margin-left: unset;
    margin-right: 15px;
}

.project-content .link-arrow {
    right: -38px;
    left: unset;
}

.project-content {
    padding: 22px 80px 22px 30px;
}

.faq-shape-wrap img:nth-child(1) {
    right: 0;
    left: unset;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

@media (max-width: 1800px) {
    .faq-shape-wrap img:nth-child(2) {
        left: 9%;
        right: unset;
    }
}

.faq-bg-shape {
    left: 0px;
    right: unset;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.faq-img-wrap img:nth-child(2) {
    right: unset;
    left: 0px;
}

.faq-img-wrap {
    margin-left: 90px;
}

.team-content span::before {
    left: 0;
    right: unset;
}

.testimonial-img .review-wrap {
    left: -30px;
    right: unset;
}

    .testimonial-img .review-wrap .content .title {
        margin-right: 10px;
        margin-left: unset;
    }

.blog-post-content .link-btn i {
    margin-left: 10px;
    margin-right: unset;
}

.contact-shape {
    right: unset;
    left: 31%;
}

.pricing-price .price span {
    margin-left: 5px;
    margin-right: unset;
}

.pricing-price .price strong {
    margin: 4px 3px auto 0;
}

.slider-content .sub-title {
    letter-spacing: 0em;
}

.breadcrumb-content .breadcrumb-item + .breadcrumb-item {
    padding-left: 10px;
    padding-right: unset;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
}

.breadcrumb-content .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0;
    padding-right: 10px;
    content: "\f054";
}

.about-content-eight .about-content-inner .list-wrap li .icon {
    margin: 0 20px 0 0;
}

.about-content-eight .right-slide-img {
    margin: 0 0 0 auto;
}

.choose-img-three {
    right: 0;
    left: unset;
}

.choose-content-three {
    margin-left: unset;
    margin-right: 65px;
}

.header-contact a i {
    font-size: 20px;
    margin-left: 8px;
}

.header-contact a i {
    margin-right: 8px;
    margin-left: unset;
}

.services-widget .sw-title::before, .project-details-info .title::before, .team-details-content > span::before, .team-skill-wrap > .title-two::before, .blog-widget .bw-title::before, .blog-details-content blockquote::before, .inner-contact-info .title::before {
    right: unset;
    left: 0;
}

.flaticon-right-arrow:before {
    content: "\f105";
}

.services-brochure-wrap .download-btn i, .sd-inner-wrap .content .list-wrap li img, .services-details-list-two .list-wrap li .icon, .pd-inner-wrap .content .list-wrap li img, .td-info-bottom .share-btn img, .team-details-info .list-wrap li i, .rc-post-item .thumb, .rc-post-item .content .date i, .bd-inner-wrap .content .list-wrap li img {
    margin-right: 10px;
    margin-left: unset;
}

.blog-post-content-two .title, .blog-details-content .title-two {
    font-size: 18px;
}

.rc-post-item .content .title {
    font-size: 14px;
}

.team-thumb-two img {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.team-social-two .list-wrap {
    left: 30px;
    right: unset;
    padding: 16px 18px 16px 13px;
}

.scroll-top {
    right: 30px;
    left: unset;
}

.services-thumb-two .item-shape, .team-thumb img {
    left: unset;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.project-content-two .link-btn {
    right: 28px;
    left: unset;
}

.fa-chevron-right:before {
    content: "\f054";
}

.right-pad {
    padding-right: 5px;
}

.range-slider-wrap input {
    direction: ltr;
    rotate: 0deg;
}

.team-item-four .team-social-three {
    right: 20px;
    left: auto;
}

.pricing-tab .pricing-tab-switcher:before {
    right: unset;
    left: 2px;
}

.pricing-tab .pricing-tab-switcher.active:before {
    left: calc(100% - 28px);
    right: unset;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
    left: unset;
    right: 15px;
}

.mobile-menu .navigation li > a {
    padding: 10px 60px 10px 25px;
}

.mobile-menu .navigation li ul li > a {
    margin-left: 20px;
    margin-right: unset;
}

.swiper-container.project-active {
    margin-left: unset;
    margin-right: -422px;
}

.faq-content .accordion-button::after, .accordion-wrap-two .accordion-button::after {
    left: unset;
    right: 25px;
}

.faq-content .accordion-button, .accordion-wrap-two .accordion-button {
    position: relative;
    padding: 17px 50px 17px 30px;
}

.team-social .list-wrap {
    right: 17px;
    left: unset;
}

.sidebar-search form button {
    right: 24px;
    left: unset;
}

.sidebar-search form input {
    padding: 20px 55px 20px 28px;
}

.pricing-price .price strong {
    margin: 4px 0 auto 3px;
}

.navbar-wrap ul li .mega-menu > li {
    border-right: 1px solid #e5e5e5;
    border-left: unset;
}

.progress-item .progress-bar span::before {
    left: unset;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.mega-menu > li > .mega-sub-menu {
    margin-left: 10px !important;
    margin-right: unset !important;
}

.header-action-two .header-btn-two .btn i {
    margin-right: 10px;
    margin-left: unset;
}

.slider-active-two .slick-dots {
    right: 50px;
    left: unset;
}

.counter-content-five .count {
    line-height: 0.9;
}

.testimonial-img .review-wrap .content {
    justify-content: center;
}

.menu-area .mobile-nav-toggler {
    float: right;
}

.team-content-six span::before, .contact-img-two {
    left: 0;
    right: unset;
}

.banner-btn-six {
    text-align: right;
}

.banner-content-six .title span::before {
    left: 0;
    height: 5px;
}

.experience-year {
    right: 85px;
    left: unset;
}

.experience-year {
    background: unset;
    border: unset;
}

.banner-img-content-bottom {
    border-radius: 0 40px;
}

.banner-img-content .title-one {
    margin-left: -50px;
    margin-right: unset;
    border-radius: 0px 18px;
}

.banner-img-content {
    right: unset;
    left: 215px;
}

.features-content-six .link-btn img {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.project-content-top p {
    margin-left: auto;
    margin-right: unset;
}

.cta-info-wrap .content a {
    direction: ltr;
}

.testimonial-content-four {
    direction: ltr;
    margin-left: 10px;
}

    .testimonial-content-four .testimonial-info {
        margin-left: 5px;
    }

.pricing-price-three .price strong {
    font-weight: 500;
    font-size: 16px;
    margin: 3px 3px auto 0px;
}

.pricing-price-three .price span {
    margin-left: 2px;
    margin-right: unset;
}

.video-btn i {
    margin-right: 12px;
    margin-left: unset;
}

.banner-content-seven p {
    font-weight: 300;
}

.clients-box .icon {
    border-radius: 10px 0 0 10px;
}

.clients-box .content {
    border-radius: 0 10px 10px 0;
}

.services-item-seven .shape img {
    right: 0;
    left: unset;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.testimonial-nav-six {
    right: 0;
    left: unset;
}

.project-content-seven .icon a svg {
    transform: rotate(-54deg);
    transition: .3s linear;
}

.project-content-seven .icon a:hover svg {
    transform: rotate(0deg);
}

.accordion-wrap-three .accordion-button::after {
    right: 25px;
    left: unset;
}

.accordion-wrap-three .accordion-button {
    padding: 16px 50px 16px 25px;
    text-align: left;
}

.header-action.header-action-five > ul li {
    margin-left: 30px !important;
    margin-right: unset !important;
}

.header-contact-four {
    padding: 0 0 0 17px;
}

    .header-contact-four::before {
        left: 0;
        right: unset;
    }

.banner-content-eight {
    padding: 150px 130px 150px 100px;
}

.banner-follow-wrap {
    right: 40px;
    left: unset;
}

.banner-content-eight .title span::before {
    right: unset;
    left: 0;
    bottom: 17px;
    height: 5px;
}

.banner-content-eight .sub-title, .section-title-four .sub-title {
    letter-spacing: 0;
}

.banner-follow-wrap .title::before {
    top: unset;
    bottom: -31px;
}

.offcanvas-menu-three::before {
    right: 0;
    left: unset;
}

.offcanvas-menu-three {
    margin-right: 30px;
    margin-left: unset;
    padding-right: 30px;
    padding-left: unset;
}

.team-social.team-social-six .list-wrap {
    right: 20px;
    left: unset;
}

.testimonial-item-wrap-five .testimonial-active-five .testimonial-item {
    direction: ltr;
}

.navbar-wrap ul {
    margin: 0 0 0 auto;
}

.banner-shape-wrap-nine img:nth-child(1) {
    right: unset;
    left: 0;
}

.banner-shape-wrap-nine img:nth-child(2) {
    right: 0;
    left: unset;
}

.banner-shape-wrap-nine img:nth-child(3) {
    right: 0;
    left: unset;
}

.header-action-six > ul li::before {
    left: -17px;
    right: unset;
}

.navbar-wrap ul li .sub-menu .sub-menu {
    right: auto;
    left: 100%;
    top: 0;
}

.about-img-sixteen::before {
    left: -30px;
    right: unset;
}

.testimonial-nav-two .slick-arrow.slick-next i {
    transform: rotate(0deg);
}

.testimonial-nav-two .slick-arrow.slick-prev i {
    transform: rotate(180deg);
}

.about-img-sixteen img.shape {
    right: 15%;
    left: unset;
}

.about-img-sixteen img:nth-child(2) {
    right: 0;
    left: unset;
}

.about-img-sixteen img:nth-child(3) {
    left: -60px;
    right: unset;
}

.mobile-menu .close-btn {
    left: unset;
    right: 15px;
}

.mobile-menu .nav-logo {
    text-align: left;
}

.team-content-six::before {
    right: unset;
    left: -19px;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
}

.team-area-inner .row [class*="col-"]:nth-child(4) .team-content-six::before, .team-area-inner .row [class*="col-"]:nth-child(3) .team-content-six::before {
    left: auto;
    right: -19px;
    clip-path: polygon(100% 50%, 0 100%, 0 0);
}

.project-content-five {
    left: 30px;
    right: unset;
}

.fa-arrow-left:before {
    content: "\f060";
}

.about-img-fifteen::before {
    right: unset;
    left: 0;
    border-radius: 15px 15px 0 15px;
}

.about-img-fifteen .play-btn {
    border-radius: 0 15px 0 15px;
    left: 0;
    right: unset;
}

.about-img-fifteen {
    position: relative;
    padding: 25px 0 0 30px;
}

.cta-btn-two {
    text-align: right;
}

.rtl-flip {
    transform: rotate(0deg);
}

.testimonial-content {
    padding: 0 0 0 10px;
}

.section-top-content p {
    margin-left: auto;
    margin-right: unset;
}

.about-shape-wrap-three img:nth-child(1) {
    left: 0;
    right: unset;
}

.about-shape-wrap-three img:nth-child(2) {
    left: 4%;
    right: unset;
}

.about-shape-wrap-three img:nth-child(3) {
    left: 23%;
    right: unset;
}

.about-img-wrap-four .icon {
    right: unset;
    left: 8%;
}

.about-img-wrap-four .img-two {
    right: unset;
    left: 10%;
}

.mask-img-wrap {
    margin-right: unset;
    margin-left: auto;
}

.about-img-wrap-ten {
    padding-left: 120px;
    padding-right: unset;
}

.about-area-ten .about-shape-five img {
    left: 46%;
    right: unset;
}

.about-img-wrap-eleven .shape-two {
    right: unset;
    left: -20px;
}

.about-img-wrap-eleven .shape-one {
    right: unset;
    left: -5%;
}

.btn::before {
    top: 51%;
}

.services-sidebar {
    padding-right: 20px;
    padding-left: unset;
}

.services-details-list .list-wrap li .icon {
    margin-right: 20px;
    margin-left: unset;
}

.services-sidebar-contact a i {
    margin-left: unset;
    margin-right: 5px;
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

.services-cat-list .list-wrap li a i {
    margin-left: 10px;
    margin-right: unset;
}

.services-cat-list-two .list-wrap li a::before {
    right: unset;
    left: 0;
}

.sd-inner-wrap-five .right-side-content .list-wrap li img {
    margin-right: 10px;
    margin-left: unset;
}

@media (max-width: 1800px) {
    .banner-content-eight {
        padding: 150px 130px 150px 100px !important;
    }
}

@media (max-width: 767.98px) {
    .about-img-two {
        padding-right: 0;
        padding-left: unset;
    }

    .testimonial-img .review-wrap {
        right: unset;
        left: 0;
    }

    .testimonial-img-four::before {
        left: unset;
    }

    .testimonial-item-wrap-four {
        padding-left: 0;
        padding-right: unset;
    }
}

@media (max-width: 991.98px) {
    .testimonial-info span::before, .slider-content .sub-title::before {
        right: 50%;
        left: unset;
    }

    .header-action {
        margin-right: 30px;
        margin-left: unset !important;
    }

    .testimonial-item-wrap-three .testimonial-info span::before {
        left: 0;
        right: unset;
    }
}

@media (max-width: 1199.98px) {
    .slider-shape {
        right: 4%;
        left: unset;
    }

    .header-style-three .header-action > ul {
        margin: 0 !important;
    }

    .about-content-five {
        margin-right: 0;
        width: 100%;
        margin-left: unset;
    }

    .blog-post-content-four .tag {
        right: unset !important;
        left: 20px;
    }

    .choose-content-three {
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .blog-details-content .title-two {
        font-size: 19px;
        line-height: 1.7em;
    }
}

@media (min-width: 768px) {
    .text-md-end {
        text-align: right !important;
    }

    .text-md-start {
        text-align: left !important;
    }
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: left !important;
    }
}