@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300&family=El+Messiri&display=swap');

* {
   font-family: 'El Messiri', sans-serif;
}

body {
   font-family: 'El Messiri', sans-serif;
    direction: rtl;
    text-align: start;
}

h1, h2, h3, h4, h5, h6, p, span, li, a, strong {
   font-family: 'El Messiri', sans-serif !important;
}

.hero:after {
    transform: scaleX(-1);
}

.bg-img {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.consultation-steps .item:after {
    background-image: url('../img/step-arrow-rtl.png');
    margin-inline-start: 50px;
}

.benefits-cards .layers .layer:nth-child(1) {
    right: auto;
    left: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 0;
}

.benefits-cards .layers .layer:nth-child(2) {
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
}

.custom-datatable-style-wrapper table.table.dataTable> :not(caption)>*>* {
    text-align: right;
}

.input-with-icon.right-icon .icon {
    left: 5px;
    right: initial;
}

.intr-image-rtl {
    margin-left: 7%;
}

@media (max-width:767px) 
{
    .timeline .point:before{
        left: auto;
        right: -50px;
    }
    
    .timeline .point:after{
        left: auto;
        right: -36px;
    }

    .timeline .timeline-line,.timeline .timeline-progress{
        left: auto;
        right: 12px;
    }
}