@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

body{
  font-family: "Vazirmatn", sans-serif;
  direction: rtl;
  text-align: right;
}
*{
  letter-spacing: unset !important;
}

 

.demo-2,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Vazirmatn", sans-serif;
}

.content__title,
.grim__item-title {
font-family: "Vazirmatn", serif;
font-weight: bold;
}

.menu-trigger {
font-family: "Vazirmatn";
}

 


@media screen and (min-width: 55em) {
.grim {
right: 0;
left: unset;
}

.grim__item-bg {
right: 0;
left: unset;
}

.grim__item-img {
background-position: 50% 100%;
}

.grim__item-desc {
margin: 0.5rem 0 0 0;
}
}

.section-title h4 {
margin: 0 0 5px 0;
}

.home_btn {
margin-left: 15px;
margin-right: 0;
}

.top_social_profile ul {
padding-right: 0;
padding-left: 0;
}

.about_img {
margin-left: 40px;
margin-right: 0;
}

@media only screen and (max-width:880px) {
.about_img {
margin-left: 0px;
margin-right: 0;
}
}

.progress-bar-text span {
float: left;
}

.single_feature_one span {
margin-left: 20px;
margin-right: 0;
float: right;
}

.single_feature_one:hover {
transform: translate(0, -5px);
}

.testimonial .description {
text-align: right;
}

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

.testimonial .title {
margin: 0 0 5px 0;
}

@media only screen and (max-width: 650px) and (min-width: 400px) {
.testimonial:before {
border-left: 325px solid transparent;
border-right: 0;
}

.testimonial:after {
border-right: 325px solid transparent;
border-left: 0;
}
}

.owl-prev {
right: 90%;
left: unset;
}

.owl-next {
left: 1%;
right: unset;
}

.box:after {
right: 0;
left: unset;
transform: rotateY(-90deg);
}

.box:hover:after {
transform: rotateY(0deg);
}

.box .box-content {
transform: translate(-0%, 0%);
text-align: right;
}

.box:hover .box-content {
right: 50%;
left: unset;
transform: translate(50%, 0%);
}

.port-icon {
left: 0;
right: unset;
}

.project-list label {
margin-left: 0;
margin-right: 0;
}

.project-list li a {
margin-left: 7px;
margin-right: 0;
}

.contact input {
padding: 10px 30px 10px 10px;
}

.contact textarea {
padding: 10px 30px 10px 10px;
}
.owl-prev:after, .owl-next:after {
    content: "\f105";
    position: relative;
    bottom: 3px;
    
}
.owl-next:after {
    content: "\f104";
}