/* Custom Font RTL - START */
@font-face {
    font-family: IRANSansWeb;
    src: url('fa-font/IRANSansWeb.woff2') format('woff2');
}

@font-face {
    font-family: dana;
    src: url('fa-font/dana-bold.woff2') format('woff2');
}

body {
    direction: rtl
}

body,
p {
    font-family: IRANSansWeb !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: dana !important
}

.service .pricing .single-price .middle ul li span {
    font-family: dana !important
}

/* Custom Font RTL - END */

.banner .nav-wrap .nav-grid {
    direction: ltr;
    margin-right: 65px;
    margin-left: auto !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.banner .nav-wrap .nav-grid .single-item {
    float: right;
    direction: rtl
}

.banner .nav-wrap .nav-grid .single-item:nth-child(7) {
    left: auto !important;
    right: 50%
}

.banner .nav-wrap .nav-grid .single-item:nth-child(4) {
    left: auto !important;
    right: 50%;
    border-radius: 10px 0 0 10px
}

.banner .nav-wrap .nav-grid .single-item:nth-child(5) {
    border-radius: 0 0 10px 0
}

.banner .nav-wrap .nav-grid .single-item:nth-child(2) {
    border-radius: 10px 0 0 0
}

.banner .nav-wrap .nav-grid .single-item a {
    -webkit-transform: rotate(-45deg) translate(43px, 0);
    -ms-transform: rotate(-45deg) translate(43px, 0);
    transform: rotate(-45deg) translate(43px, 0)
}

.banner .nav-wrap .nav-grid::after {
    left: auto !important;
    right: -5px
}

.banner .main-social {
    left: auto !important;
    right: 100px
}

.banner .banner-txt::before {
    right: auto !important;
    left: 0
}

.banner .banner-txt {
    padding-left: 0 !important;
    padding-right: 20px
}

.banner .banner-txt::after {
    left: auto !important;
    right: -100px
}

.sidebar-overlay {
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.sidebar-overlay .sidebar {
    right: auto !important;
    left: 0
}

.form-switch {
    padding-left: 0 !important;
    padding-right: 2.5em
}

.form-switch .form-check-input {
    margin-left: 0 !important;
    margin-right: -2.5em
}

.panel-close-btn {
    right: auto !important;
    left: 25px
}

.section-title::before {
    left: auto !important;
    right: 0
}

.about .fun-fact .single-box.single-box-2::before {
    left: auto !important;
    right: 100%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.about .fun-fact .single-box.single-box-2::after {
    left: auto !important;
    right: 100%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.about .education ul li .single-box::after {
    right: 50%;
    left: auto !important;
    border-left: 0 !important;
    border-right: 2px solid #bfbfbf;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0 !important
}

.about .education ul li:nth-child(even) .single-box::after {
    left: 50% !important;
    right: auto !important;
    border-left: 2px solid #bfbfbf !important;
    border-right: 0 !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 0 !important
}

.section-title.title-center::before {
    right: 50% !important;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.faq .faq-content::after {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: auto !important;
    right: 20px
}

.client-slider.slick-slider {
    direction: rtl
}

.slick-slider {
    direction: ltr
}

.portfolio .portfolio-content .single-portfolio-box .part-txt a::after {
    left: auto !important;
    right: 0
}

.portfolio .testimonial .single-feedback {
    flex-direction: row-reverse
}

.portfolio .testimonial .single-feedback .part-txt {
    direction: rtl
}

.portfolio .testimonial .single-feedback::before {
    right: auto !important;
    left: 0
}

.portfolio .portfolio-content .filter-nav .filter-btn::after {
    left: auto !important;
    right: 0
}

.blog .blog-content .single-blog .part-txt ul li span {
    margin-right: 0 !important;
    margin-left: 10px
}

.blog-details .part-txt ul li span {
    margin-right: 0 !important;
    margin-left: 10px
}

.blog-details .part-txt p.marked {
    border-right: 2px solid #226e54;
    border-left: 0 !important
}

.contact .contact-content .contact-form {
    border-radius: 0 15px 15px 0
}

.contact .contact-content .contact-info {
    border-radius: 15px 0 0 15px
}

.nice-select .list {
    left: auto !important;
    right: 0
}

.nice-select:after {
    right: auto !important;
    left: 20px
}

.nice-select {
    float: right;
    text-align: right !important
}

.nice-select .option {
    padding-left: 29px;
    padding-right: 18px;
    text-align: right !important
}

.portfolio .portfolio-content .single-portfolio-box .part-txt a:hover i {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .banner .nav-wrap .nav-grid .single-item:nth-child(4) {
        right: 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(7) {
        right: calc(100% / 3) !important;
        border-radius: 0 0 0 10px
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(1) {
        border-radius: 0 10px 0 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(3) {
        border-radius: 10px 0 0 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(4) {
        border-radius: 0 0 10px 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(5) {
        border-radius: 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(6) {
        border-radius: 0 0 0 10px !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(7) {
        border-radius: 0 0 10px 0 !important
    }
}

@media screen and (max-width: 575px) and (min-width: 320px) {
    .portfolio .testimonial .single-feedback {
        flex-direction: column !important
    }

    .contact .contact-content .contact-info {
        border-radius: 10px 10px 0 0 !important
    }

    .contact .contact-content .contact-form {
        border-radius: 0 0 10px 10px !important
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .banner .main-social {
        right: 30px !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(4) {
        right: 0 !important;
        border-radius: 0 0 10px 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(7) {
        right: calc(100% / 3) !important;
        border-radius: 0 0 10px 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(1) {
        border-radius: 0 10px 0 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(3) {
        border-radius: 10px 0 0 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(5) {
        border-radius: 0 !important
    }

    .banner .nav-wrap .nav-grid .single-item:nth-child(6) {
        border-radius: 0 0 0 10px !important
    }
}