@font-face {
    font-family: 'Tajawal';
    src: url(../fonts/Tajawal-Black.ttf)
    
  }
  
  body{
    font-family: 'Tajawal','Sarabun', sans-serif;
  }
  .offer h2{
    font-family: 'Tajawal','Sarabun', sans-serif; 
  }
  .hero-header .hero-header_wrap .header-text .header-title{
    font-family: 'Tajawal','Sarabun', sans-serif; 

  }
body,html{
    direction: rtl;
    text-align: right;
}
.password+.fa, .cPassword+.fa{
    right: auto;
    left: 20px;
}

.rtl-ml-auto{
    margin-left: auto !important;
}
.rtl-ml-0{
    margin-left: 0 !important;
}
.rtl-ml-1{
    margin-left: 4px !important;
}
.rtl-ml-2{
    margin-left: 8px !important;
}
.rtl-ml-3{
    margin-left: 12px !important;
}
.rtl-ml-4{
    margin-left: 16px !important;
}
.rtl-ml-5{
    margin-left: 20px !important;
}
.rtl-mr-0{
    margin-right: 0 !important;
}
.rtl-mr-1{
    margin-right: 4px !important;
}
.rtl-mr-2{
    margin-right: 8px !important;
}
.rtl-mr-3{
    margin-right: 12px !important;
}
.rtl-mr-4{
    margin-right: 16px !important;
}
.rtl-mr-5{
    margin-right: 20px !important;
}
.rtl-dir-ltr{
    direction: ltr !important;
}

.header-subtitle {

    padding-right: 50px;
    padding-left: 0px;
    
}

.header-subtitle::before {
  
    left: auto !important;
    right: 0 !important;
  
}


/* ================ */
@media(min-width: 992px) {
    .header-subtitle {
        padding-right: 100px !important;
        padding-left: 0 ;
    }
    .search-form-content .btn::before {
       
        left: 100%;
        right: auto;
        transform: rotate(180deg);
    }
}
.rtl-just-center{
    justify-content: center;
}
.list-unstyled{
    padding-right:0;
    padding-left: auto;
}
.list-inline-item:not(:last-child){
    margin-left:8px;
    margin-right: 0;
}
.link-title::before {
left: auto;
right: 0;
}
.link-title{
    padding-right:30px;
    padding-left: 0;
}
.social-icon .icon-wrap{
    margin-right: 0;
    margin-left: 8px;
}
#toTop{
    right: auto;
    left: 20px;
}
.dtp > .dtp-content{
    right: 50%;
    left: auto;
}
.rtl-text-right{
    text-align: right;
}
.rtl-text-left{
    text-align: left;
}
.rtl-text-center{
    text-align: center;
}