html[dir='rtl'] body, html[dir='rtl'] h1, html[dir='rtl'] h2, html[dir='rtl'] h3, html[dir='rtl'] h4, html[dir='rtl'] h5, html[dir='rtl'] h6 {
    font-family : 'Vazir-Regular', sans-serif;
}

html[dir='rtl'] .theme-btn {
    font-family : 'Vazir-Regular', sans-serif;
}

html[dir='rtl'] .theme-btn::before {
    left  : inherit;
    right : 10px;
}

html[dir='rtl'] .theme-btn:hover::before {
    right : 0;
}

html[dir='rtl'] .theme-btn span {
    margin-left  : 0;
    margin-right : 0.5rem;
    top          : -2px;
}

html[dir='rtl'] .section-title .title {
    font-family : 'emkan', "Vazir-Regular", serif;
    padding     : 0 0 0 4%;
    font-weight : 700;
}

html[dir='rtl'] .section-title::after {
    left  : 0;
    right : inherit;
}

html[dir='rtl'] .page-banner .banner-content h1 {
    font-family : 'emkan', "Vazir-Regular", serif;
}

html[dir='rtl'] [data-title]::before {
    font-family : 'emkan', sans-serif;
    font-weight : 700;
}

html[dir='rtl'] .btn-style2::before {
    right : 0;
}

html[dir='rtl'] .about .details .name {
    font-family : 'Vazir-Regular', sans-serif;
}

html[dir='rtl'] .about .details .designation {
    font-family : 'Vazir-Regular', sans-serif;
}

html[dir='rtl'] .about .details .designation .line {
    left  : 0;
    right : 15px;
}

html[dir='rtl'] .about .details .info svg {
    margin-right : 0;
    margin-left  : 1rem;
}

html[dir='rtl'] .about .about-thumbnail-area::before {
    right : 0;
}

html[dir='rtl'] .about .funfacts .funfacts-item p {
    font-size : 1rem;
}

html[dir='rtl'] header {
    right : 0;
}

html[dir='rtl'] header .menu ul li a {
    font-size   : 0.8rem;
    font-weight : 600;
}

html[dir='rtl'] header .contact-btn a span {
    -webkit-writing-mode : vertical-rl;
    -ms-writing-mode     : tb-rl;
    writing-mode         : vertical-rl;
}

html[dir='rtl'] header .contact-btn a span::after {
    float : right;
    left  : -10px;
}

html[dir='rtl'] .mobile-menu .menu li span {
    margin-right : 0;
    margin-left  : 1rem;
}

html[dir='rtl'] .sticky-social-media {
    left  : 60px;
    right : inherit;
}

html[dir='rtl'] .service .serviceCarousel .owl-dots {
    margin-left  : auto;
    margin-right : inherit;
}

html[dir='rtl'] .nader-resume .timeline .timeline-item .title {
    font-weight : 700;
}

html[dir='rtl'] .nader-resume .icon-box .box-title {
    font-weight : 700;
}

@media (min-width : 1200px) {
    html[dir='rtl'] .nader-resume .icon-box {
        margin : 0;
    }
}

@media (min-width : 992px) {
    html[dir='rtl'] .nader-resume.even .timeline {
        margin-left  : 35px;
        margin-right : 0;
    }
}

@media (min-width : 1400px) {
    html[dir='rtl'] .nader-resume.even .timeline {
        margin-right : 0;
        margin-left  : 40px;
    }
}

@media (min-width : 1720px) {
    html[dir='rtl'] .nader-resume.even .timeline {
        margin-left : 80px;
    }
}

@media (min-width : 992px) {
    html[dir='rtl'] .nader-resume.even .timeline::before {
        left  : -30px;
        right : inherit;
    }
}

@media (min-width : 1200px) {
    html[dir='rtl'] .nader-resume.even .timeline::before {
        left : -65px;
    }
}

@media (min-width : 1720px) {
    html[dir='rtl'] .nader-resume.even .timeline::before {
        left : -80px;
    }
}

@media (min-width : 992px) {
    html[dir='rtl'] .nader-resume.odd .timeline {
        margin-left  : 0;
        margin-right : 35px;
    }
}

@media (min-width : 1400px) {
    html[dir='rtl'] .nader-resume.odd .timeline {
        margin-left  : 0;
        margin-right : 40px;
    }
}

@media (min-width : 1720px) {
    html[dir='rtl'] .nader-resume.odd .timeline {
        margin-right : 80px;
    }
}

@media (min-width : 992px) {
    html[dir='rtl'] .nader-resume.odd .timeline::before {
        left  : inherit;
        right : -30px;
    }
}

@media (min-width : 1200px) {
    html[dir='rtl'] .nader-resume.odd .timeline::before {
        right : -65px;
    }
}

@media (min-width : 1720px) {
    html[dir='rtl'] .nader-resume.odd .timeline::before {
        right : -80px;
    }
}

html[dir='rtl'] .skill .circle .center-text p {
    font-weight : 600;
}

html[dir='rtl'] .nader-blog-posts .blog-post-item .post-details .blog-title {
    font-weight : 700;
}

html[dir='rtl'] .nader-blog-posts .blog-post-item .post-details .blog-title a {
    background-position : 100% 95%;
}

html[dir='rtl'] .blog-details .blog-post-header .blog-post-title {
    font-weight : 700;
}

html[dir='rtl'] .blog-details .inner-desc > ul li {
    padding-left  : 0;
    padding-right : 1.5rem;
}

html[dir='rtl'] .blog-details .inner-desc > ul li::before {
    left  : inherit;
    right : 0;
}


html[dir='rtl'] .comment-area ul li .author-img {
    margin-right : 0;
    margin-left  : 1.2rem;
}

html[dir='rtl'] .comment-area ul ul {
    padding-left  : 0;
    padding-right : 60px;
}

html[dir='rtl'] .comment-box input {
    text-align : right;
    direction  : rtl;
}

html[dir='rtl'] .comment-box textarea {
    text-align : right;

}

html[dir='rtl'] .contact form input ~ label {
    right         : 0;
    left          : inherit;
    padding-left  : inherit;
    padding-right : 0;
    transition    : all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

html[dir='rtl'] .contact form textarea ~ label {
    right         : 0;
    left          : inherit;
    padding-left  : inherit;
    padding-right : 0;
    transition    : all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

html[dir='rtl'] .contact .contact-info .info-item .title {
    font-weight : 700;
}

html[dir='rtl'] .pricing-plan-item .pricing-body li span {
    margin-right : 0;
    margin-left  : 15px;
}

html[dir='rtl'] .ui-datepicker .ui-datepicker-title {
    left  : 0.5rem;
    right : inherit;
}

html[dir='rtl'] .ui-datepicker .ui-datepicker-title select {
    background-position : 15% 50%;
}

@media only screen and (min-width : 1025px) {
    html[dir='rtl'] .hero-banner .content-inner {
        text-align : right;
        padding    : 0;
    }
}

@media only screen and (min-width : 1200px) {
    html[dir='rtl'] .main {
        padding-left  : 0;
        padding-right : 110px;
    }

    html[dir='rtl'] .about .details .info li img {
        margin-left  : 1rem;
        margin-right : inherit;
    }

    html[dir='rtl'] footer {
        margin-right : 110px;
        margin-left  : 0;
    }
}

@media only screen and (min-width : 576px) {
    html[dir='rtl'] .comment-area ul li .author-img {
        margin-right : 0;
        margin-left  : 1.6rem;
    }
}

blockquote cite {
    padding-right : 60px;
    padding-left  : 0;
}


@media only screen and (min-width : 1200px) {
    html[dir='rtl'] .has-top-header .main {
        padding-right : 0;
        padding-left  : 0;
    }
}