body {
    direction: rtl;
    text-align: right;
}



.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  direction: ltr;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Vazir-FD", sans-serif;
}
.coming-soon-area .soon-item {
  direction: ltr;
}
.coming-soon-area .soon-item h1 {
    direction: rtl;
}
.coming-soon-area .soon-item span {
    direction: rtl;
}
.contact-area .contact-form .help-block ul {
    padding-right: 0;
}





.main-nav nav .navbar-brand {
    margin-left: 15px;
    margin-right: 0;
}
.side-nav ul li:nth-child(2) {
    border-left: 0;
    border-right: 1px solid var(--white-color);
    padding-left: 0;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 15px;
}
.side-nav ul li .call {
    padding-left: 0;
    padding-right: 50px;
    margin-right: 0;
    margin-left: 25px;
}
.side-nav ul li .call i {
    left: unset;
    right: 0;
}
.side-nav ul li .nav-srh .search-area {
    right: unset;
    left: 8px;
}
.side-nav ul li .nav-srh .search-area .src-input {
    padding-left: 10px;
    padding-right: 20px;
}
.side-nav ul li .nav-srh .search-area .search-icon {
    right: unset;
    left: 30px;
}
.modal.modal-right .modal-dialog {
    margin: 0 auto 0 0;
}
.modal.modal-right .modal-dialog {
    transform: translate(-100%, 0);
}
.modal-header .close {
    margin: -1rem auto -1rem -1rem;
}
.modal-body .contact-area ul li {
    padding-left: 0;
    padding-right: 45px;
}
.modal-body .contact-area ul li i {
    left: unset;
    right: 0;
}
.modal-body .contact-area ul li span a{
    margin-right: 5px;
}
.modal-body .social-area ul li {

}
.modal-body .social-area ul li:last-child {

}
.banner-social.two {

}
.banner-area .owl-theme .owl-nav.disabled + .owl-dots {

}
.feature-item i {
    left: unset;
    right: 20px;
}
.feature-item i:after {
    left: unset;
    right: -20px;
}
.feature-item {
    padding-left: 0;
    padding-right: 90px;
}
.service-item .service-bottom .service-link {
    right: unset;
    left: -1px;
}
.about-area {

}
.about-area .about-content .nav-item {

}
.about-area .about-content .nav-item:last-child {

}
.about-area .about-content ul li {

}
.about-area .about-content ul li:before {

}
.about-area .year {

}
.work-area .work-left span {
    padding-right: 0;
    padding-left: 10px;
}
.work-area .work-left ul li {
    padding: 30px 150px 30px 30px;
}
.work-area .work-left ul li i {
    left: unset;
    right: 30px;
}
.form-check-inline .form-check-input {
    margin-right: 0;
    margin-left: 5px;
}
.work-area .form-check-inline {
    margin-right: 0;
    margin-left: 10px;
}
.client-area .client-item {
    padding: 45px 40px 40px 20px;
}
.client-area .client-item .client-top img {
    left: unset;
    right: 0;
}
.client-area .client-item .client-top {
    padding-left: 0;
    padding-right: 85px;
}
.client-area .client-item i {
    right: unset;
    left: 50px;
}
.blog-item .blog-bottom ul li i {
    margin-right: unset;
    margin-left: 2px;
}
.footer-item h3:before {
    left: unset;
    right: 0;
}
.footer-item .footer-logo ul li {
    padding-left: unset;
    padding-right: 30px;
}
.footer-item .footer-logo ul li i {
    left: unset;
    right: 0;
}
.copyright-area ul {
    text-align: left;
}
#toTop {
    right: unset;
    left: 0;
}
.back-to-top-btn i {
    margin-right: 0;
    margin-left: 28px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
    left: unset;
    right: 0;
    text-align: right;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    right: auto;
    left: -100%;
}
.main-nav.two .side-nav ul li:nth-child(2) {
    border-left: 0;
    border-right: 1px solid var(--black-color);
}
.banner-item.two img {
    right: unset;
    left: 0;
}
.banner-area.two .owl-theme .owl-nav.disabled + .owl-dots {

}
.banner-social {

}
.about-area .about-content .section-title {

}
.about-area.two .year {

}
.about-area.two .about-content {

}
.banner-area-three .banner-content .banner-inner {

}
.banner-area-three .banner-img {

}
.work-area.three .section-title {

}
.work-area.three .work-left ul li {
    padding-left: 0;
    padding-right: 90px;
}
.work-area.three .work-left ul li i {
    left: unset;
    right: 0;
}
.work-area.three .skill-wrap {
    padding-right: 0;
    padding-left: 15px;
}
.work-area.three .skill1 .skill-count1 {
    right: unset;
    left: 7px;
}
.work-area.three .skill2 .skill-count2 {
    right: unset;
    left: 7px;
}
.work-area.three .skill3 .skill-count3 {
    right: unset;
    left: 7px;
}
.work-area.three .skill4 .skill-count4 {
    right: unset;
    left: 7px;
}
.work-area.three .skill5 .skill-count5 {
    right: unset;
    left: 7px;
}
.animate__slideInLeft {
    animation-name: slideInRight;
}
.work-area.three .skill-bar:before {
    right: unset;
    left: -2px;
}
.client-area.two .client-item .client-top {
    text-align: right;
}
.pagination-area ul li {
    margin-right: unset;
    margin-left: 8px;
}
.pagination-area ul li:last-child {
    margin-right: unset;
    margin-left: 0;
}
.widget-area .search form .btn {
    right: unset;
    left: 0;
}
.widget-area .search form .form-control {
    padding-left: 10px;
    padding-right: 15px;
}
.widget-area .widget-item h3:before {
    left: unset;
    right: 0;
}
.widget-area .tag ul li {
    margin-right: 0;
    margin-left: 8px;
}
.blog-style-one .blog-item .blog-inner ul li {
    margin-right: 0;
    margin-left: 15px;
}
.blog-details-area .details-item .details-img .details-img-inner ul li {
    margin-right: 0;
    margin-left: 15px;
}
.blog-details-area .details-item .details-img .details-img-inner ul li:last-child {
    margin-right: unset;
    margin-left: 0;
}
.blog-details-area .details-item .details-img .details-img-inner blockquote {
    border-left: 0;
    border-right: 2px solid var(--green-color);
}
.blog-details-area .details-item .details-tag .left ul li span {

}
.blog-details-area .details-item .details-tag .left ul li a {

}
.blog-details-area .details-item .details-tag .right ul li span {

}
.blog-details-area .details-item .details-tag .right ul li a {

}
.blog-details-area .details-item .details-tag .right {

}
.blog-details-area .details-item .details-comments h3:before {
    left: unset;
    right: 0;
}
.blog-details-area .details-item .details-form .form-group .form-control {
    padding-left: 10px;
    padding-right: 20px;
}
.blog-details-area .details-item .details-form h3:before {
    left: unset;
    right: 0;
}
.blog-details-area .form-check {
    padding-left: 0;
    padding-right: 15px;
}
.form-check-input {
    margin-left: 0;
    margin-right: -15px;
}
.blog-details-area .details-item .details-comments ul li img {
    right: 0;
    left: unset;
}
.blog-details-area .details-item .details-comments ul li {
    padding-left: 0;
    padding-right: 100px;
}
.contact-area.two .contact-form .form-group .form-control {
    padding-left: 10px;
    padding-right: 20px;
}
.work-area.four .accordion a {
    padding-left: 0;
    padding-right: 30px;
}
.work-area.four .accordion a:after {
    left: unset;
    right: 0;
}
.work-area.four .accordion p {  
    padding-left: 0;
    padding-right: 30px;
}
.quote-area .quote-form form .form-group .form-control {

}
.quote-area .quote-content {

}
.quote-area .quote-content .section-title {

}
.nice-select span {
    position: absolute;
    right: 15px;
}
.nice-select .option {
    text-align: right;
}
.nice-select:after {
    right: unset;
    left: 12px;
}
.widget-area .open ul li span {
    right: unset;
    left: 0;
}
.common-form-area .form-item .form-group .form-control {

}
.footer-item .footer-post ul li {
    padding-left: 0;
    padding-right: 90px;
}
.footer-item .footer-post ul li img {
    left: unset;
    right: 0;
}
.blog-details-area .details-item .details-img .details-img-inner ul li i {
    margin-right: 0;
    margin-left: 2px;
}
.contact-area.two .contact-form .form-group {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .banner-social {

    }
    .banner-social.two {

    }
    .banner-area .owl-theme .owl-nav.disabled + .owl-dots {

    }
    .about-area .about-content .nav-item {

    }
    .side-nav ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .work-area .work-left ul li {
        padding: 30px 10px 30px;
    }
    .work-area .work-left ul li i {
        left: 0;
        right: 0;
    }
    .client-area .client-item {
        padding: 30px 20px 25px 10px;
    }
    .copyright-area ul {
        text-align: center;
    }
    .about-area.two .year {

    }
    .about-area.two .about-content {

    }
    .banner-area-three .banner-content .banner-inner {

    }
    .banner-area-three .banner-img {

    }
    .work-area.three .work-left ul li {
        padding-right: 0;
    }
    .work-area.four .work-left {

    }
    .blog-details-area .details-item .details-comments {
        text-align: right;
    }
    .blog-details-area .details-item .details-form {
        text-align: right;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-social {

    }
    .banner-area.two .owl-theme .owl-nav.disabled + .owl-dots {

    }
    .about-area.two .year {

    }
    .banner-social.two {

    }
    .banner-area .owl-theme .owl-nav.disabled + .owl-dots {

    }
    .side-nav ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .offset-sm-3 {
        margin-left: 0%;
        margin-right: 25%;
    }
    .banner-area-three .banner-content .banner-inner {

    }
    .banner-area-three .banner-img {

    }
    .blog-item .blog-bottom {
        padding: 20px 15px 20px;
    }
    .copyright-area ul {
        text-align: center;
    }
    .about-area.two .about-content {

    }
    
}


@media only screen and (min-width: 992px)  and (max-width: 1199px) {
    .side-nav ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 8px;
        margin-left: 0;
        margin-right: 0;
    }
    .about-area .year {

    }
    .banner-social {

    }
    .banner-social ul li {

    }
    .about-area.two .about-content {

    }
    .about-area.two .year {

    }
    .banner-area-three .banner-content .banner-inner {

    }
}











@media only screen and (min-width: 1200px) and (max-width: 1500px) {

    .banner-item.two .banner-text {
        padding-left: 0;
        padding-right: 70px;
    }
}

@media only screen and (max-width: 991px) {
    .mobile-nav .logo {
        left: auto !important;
        right: 15px !important;
    }
    .mean-container a.meanmenu-reveal {
        padding: 15px 0 0 15px;
        right: auto !important;
        left: 0 !important;
    }
    .side-nav {
        right: unset;
        left: 75px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        text-align: left !important;
        left: 0;
        right: auto;
    }
    .mean-container .mean-nav ul li a {
        float: right !important;
        text-align: right !important;
    }

}
@media only screen and (min-width: 2100px) {
    .about-area {

    }
    .about-area .container-fluid .row .col-lg-5 {

    }
}