@font-face {
    font-family: "Vazir-FD-WOL";
    font-style: normal;
    font-weight: normal;
    src:  url("Vazir-FD-WOL.woff2") format("woff2"), url("Vazir-Bold-FD-WOL.woff") format("woff"), url("Vazir-FD-WOL.ttf") format("truetype");
}
body,html {
    text-align: right;
    direction: rtl !important;
    line-height: 1.5;
    font-family: 'Vazir-FD-WOL', sans-serif;
}
p {
    line-height: 1.5;
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6, .h1 {
    font-family: 'Vazir-FD-WOL', sans-serif;
}
h1 {
    font-weight: 700;
}
.rtl .text-left {
    text-align: right !important;
}
.rtl .mfp-counter {
    direction: rtl;
}
ul {
    padding-right: 0;
}
.title{
    margin-bottom: 48px;
}
.title-shape{
    float: right;
}
.title h2{
    right: -24px;
    left: auto;
}
.circle{
    float: right;
}

/******************
    Style Arrangement
 1-Header & hero
 2-Count Up 
 3-Skills
 4-Services
 5-Client
 6-Blog
 7-Contact
 8-Footer
 9-Return to top 
 10-Inner Pages Hero
 11-Blog Single Content
 12-Blog Single Aside 
 13-Portfolio Single Aside
 14-404
 15- Media screen

*******************/
/****** Header & hero ******/
.header ul li:not(:last-child){
    margin-left: 16px;
    margin-right: 0;
}
.hero-image-box-01 {
    left: 0;
    right: auto;
  }
/****** Count Up ******/
.count-box i{
    margin-left: 4px;;
}
/****** Skills ******/
.skills .skillsbar-title{
    float: right;
}
.skills-bar-percent{
    float: left;
}
.skill-image img{
    margin-right:32px;
}
.skill-shape{
    right: 23rem;
}
/****** Services ******/
.services-icon i{
    right: -24px;
    margin-left: 8px;
}
/****** Client ******/
.client {
    direction: ltr;
  }
.client-area{
    margin-right: auto;
    margin-left: 0;
}

.client-content h6:first-of-type{
    float: right;
    margin-left: 32px;
    margin-right: 0;
}
.client-box {
    direction: rtl;
  }
.client-content {
    direction: rtl;
  }
/****** Blog ******/
.blog-date{
    left:24px;
    right: auto;
}

.blog-content a::before{
    margin-left: 6px;
}
.blog-content a:hover{
    margin-right: 8px;
}
/****** Contact ******/
.contact-box .contact-content .contact-icon i{
    float: right;
    margin-left: 16px;
}
.contact-form #message.toast{
    right: 200px;
    margin-right: 8px;
}
/****** Footer ******/
.copyright{
    float: right;
}
.footer-social{
    float: left;
}
.comments-form .form-control-plaintext {
    direction: rtl;
}
.footer-social ul li:not(:last-child) {
    margin-left: 1.5rem;
    margin-right: auto;
}
/****** Return to top ******/
.return-to-top{
    left: 0;
    right: auto;
}
/***************************/
/****** Inner Pages ******/
/***************************/
/****** Inner Pages Hero ******/
.page-hero-content ul li{
    margin-left: 24px !important;
}
.page-hero-content ul li i{
    margin-left: 12px;
}
.page-hero-content ul li h6{
    float: left;
}
/****** Blog Single Content ******/
.blog-single-post .blog-single-author-image{
    float: right;
    margin-left: 16px;
}
.blog-single-post .blog-single-content ul{
    padding-right: 0;
}
.blog-single-post .blog-single-content ul li i{
    float: right;
    margin-left: 8px;
}
.blog-single-comments .reply-comment{
    margin-right: 0 !important;
}
.comments-box .comments-image{
    float: right;
    margin-left: 24px;
}
.comments-box .comments-content .comments-user i{
    left: 3px;
    right: auto;
    transform: scaleX(-1);
}
.comments-box .comments-content .comments-text{
    margin-right: 104px;
    margin-left: 0;
}
/****** Blog Single Aside ******/
.search-box form button{
    left: 6px;
    right: auto;
}

.blog-single-title h5{
    right: -24px;
}
.author-image{
    float: right;
    margin-left: 16px;
}
.author-content{
    margin-right: 8px;
}
.categories-box ul{
    padding-right: 0;
}
.categories-box ul li span{
    float: left;
}
.recent-image{
    float: right;
    margin-left: 16px;
}
.tags .tags-box a{
    margin-left: 4px;
}
/****** Portfolio Single Aside ******/
.portfolio-single-title h5{
    right: -24px;
}
.project-details-content ul{
    padding-right: 0;
}
.project-details-content ul li h6 span{
    margin-left: 4px;
}
/*-------------------------
         Media
-------------------------*/
@media (max-width: 1199px){
    .skill-shape{
        left: 19rem;
        right: 0;
    }
}
@media (max-width: 991px){
    .skill-image img{
        margin-right: 0;
    }
}
@media (max-width: 767px){
    .footer-social {
        float: right;
      }
      .comments-box .comments-content .comments-text{
        margin-right: 0;
        margin-left: 0;
    }
}
@media (max-width: 420px) {
    .contact-form #message.toast {
        right: 12px;
        margin-right: 0;
    }
}