@font-face {
    font-family: kufi;
    src: url(../fonts/kufi.ttf);
}

@font-face {
    font-family: zarid;
    src: url(../fonts/zarid.otf);
}

:root {
    --main-font: zarid;
}

html {
    direction: rtl;
    font-family: zarid;
}

body {
    direction: rtl;
    font-family: zarid;
}
.datepicker-inline{
    text-align: center;
}
.job-footer img{
    transform: rotate(180deg);
    margin-left: 0em;
    margin-right: 0.5em;
}
.job-block .job-footer a:hover img {
    margin-left: 0em;
    margin-right: 1em;
}
[dir='rtl'] .slick-slide {
    float: left;
    direction: ltr;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    direction: ltr;
}
.available-app-area .app-caption .app-btn .app-btn1{
    margin-right: 0;
    padding-right: 0;
}

.footer-area .footer-social li.google {
    border-left: 0px solid #CBD5E1;
    padding-left: 0em;

    border-right: 1.5px solid #CBD5E1;
    padding-right: 0.5em;
}


element.style {
}
.contact-us-section .content {
    margin-right: 0em;
    margin-left: 4em;
}

.single-slider .row ,.what-cap{
    direction: rtl;
}
.slider-area .hero__caption h1 {
    font-size: 48px;
    font-weight: 400;
}
.slider-area .hero__caption span {
    font-weight: 600;
    font-size: 64px;
}
.section-tittle h2 span{
    font-weight: 400;
    font-family: zarid;
    font-size: 32px;
}
.section-tittle h2 span{
    font-weight: 400;
    font-family: zarid;
    font-size: 28px;
}
.footer-area .footer-tittle h4{
    font-family: zarid;
    font-weight: 600;
}
.section-tittle h2{
    font-weight: 600;
    font-family: zarid;
    font-size: 32px;
}
.iti__country-list{
    left: 0;
}
.sign-up-area .form-select .current{
    text-align: right;
}
.form-select .current {
    margin-right: 0;
}
.available-app-area .app-img {
    right: inherit;
   left: -88px;
}
.multiselect{
    text-align: right!important;
}
.multiselect__select {
    right: initial!important;
    left: 1px!important;
}
input[type=number]{
    text-align: right;
}
