@font-face {
    font-family: "Kalameh";
    src: url("../fonts/KalamehWeb-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kalameh";
    src: url("../fonts/KalamehWebFaNum-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kalameh";
    src: url("../fonts/KalamehWeb-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{
    direction: rtl;
    font-family: "Kalameh"!important;
}
h1,h2,h3,h4,h5,h6,button,a,strong,b,li{
    font-family: "Kalameh"!important;
}

.main-header .header-upper .logo-box{
    float: right !important;
}

.nav-outer{
    float: right !important;
}

.main-header .header-upper .outer-box .mobile-nav-toggler{
    float: right !important;
}

.main-header .header-upper .outer-box{
    left: 0px !important;
    right: unset;
    margin-left: 0px !important;
}

.main-header .header-upper .outer-box .mobile-nav-toggler{
    margin-right: 150px;
    margin-left: 0;
}
.main-header .header-upper .language-list{
    float: right;
}
.main-slider-carousel{
    direction: ltr !important;
}
.auto-container1{
    direction: rtl;
}
.banner-section .slide-year{
    right: 50px;
    left: unset;
}
.banner-section .owl-dots{
    left: 80px;
    right: unset;
}
.banner-section .social-box{
    right: 50px;
    left: unset;
}
.banner-section .info{
    left: 60px;
    right: unset;
}
.main-header .header-upper .language-list li{
    margin-left: 25px;
    margin-right: unset;
}
.fluid-section-one .content-column{
    float: right;
}
.fluid-section-one .image-column{
    left: 0;
    right: unset;
}
.project-carousel{
    direction: ltr;
}

.project-title{
    float: right !important;
}

.project-text{
    float: left !important;
}
.overlay-box{
    text-align: right;
    direction: rtl;
}
.article-title{
    float: right;
}
.testimonial-carousel {
    direction: ltr;
}
.icon_quotations{
    text-align: right;
}
.inner-box{
    text-align: right;
}
.testimonial-block .inner-box .quote{
    text-align: left;
}
.main-menu .navigation > li{
    margin-left: 40px;
    margin-right: 0;
}

.page-title-two-section .page-breadcrumb li{
    padding-right:unset ;
    padding-left:15px ;
    margin-left :10px
}


.page-title-two-section .page-breadcrumb li:before{
    right: unset;
    left: -3px;
}
.banner-section .content-boxed .title{
    letter-spacing: unset;
}
.single-item-carousel{
    direction: ltr;
}
.service-box .inner-box .content .icon{
    right: 0;
    left: unset;
}
.service-box .inner-box .content{
    padding-left: unset;
    padding-right: 120px;
}
.service-box .inner-box:before{
    left: unset;
    right: -1px;
}
.gallery-block .inner-box .image .arrow{
    left: 40px;
    right: auto;
}

.ion-arrow-return-left,
.ion-arrow-left-a,
.ion-arrow-left-b,
.ion-arrow-left-c,
.ion-chevron-left,
.ion-arrow-graph-down-left,
.ion-arrow-graph-up-left,
.ion-ios-arrow-thin-left,
.ion-android-arrow-dropleft,
.ion-android-arrow-dropleft-circle,
.ion-ios-arrow-left,
.ion-arrow-return-right,
.ion-arrow-right-a,
.ion-arrow-right-b,
.ion-arrow-right-c,
.ion-chevron-right,
.ion-arrow-graph-down-right,
.ion-arrow-graph-up-right,
.ion-ios-arrow-thin-right,
.ion-android-arrow-dropright,
.ion-android-arrow-dropright-circle,
.ion-android-arrow-forward,
.ion-android-arrow-back,
.ion-ios-arrow-forward,
.ion-ios-arrow-back,
.ion-ios-arrow-right:before{

    transform: scaleX(-1);
}
.gallery-block .inner-box .image .hover-color-layer{
    left: unset;
    right: 0;
}


.blocks-outer{
    direction: rtl;
}
@media only screen and (max-width: 479px) {
    .logo-box {
        margin-left: 60px;
        margin-right: unset;
    }
    .service-box .inner-box .content{
        padding-left:20px ;
    }
}
@media only screen and (max-width: 599px) {

    .service-box .inner-box .content{
        padding-right:20px !important;
    }
}


.main-header .nav-outer{
    padding-left:0;
    padding-right: 100px;
}

.fluid-section-one .image-column{
    right: unset;
    left: 130px;
}

.fluid-section-one .content-column .inner-column{
    float: right !important;
}

@media only screen and (max-width: 599px){
    .main-header .header-upper .language-list{
        float: left;
    }

}
@media only screen and (max-width: 991px){
  .d-ltr-mobile
  {
      direction: ltr!important;
  }
}