@import url('https://fonts.googleapis.com/css2?family=Marhey:wght@300..700&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
html , .lg-outer{
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
}

body {
    direction: rtl;
    text-align: right;
        font-family: 'Tajawal', sans-serif;
            font-size: 16px;


}
.header .nav-link,.det-text a,.pro-name,.app-nav-item,.rev-name h4,
.btn-contact,.single-contact-info-box .text h3,.prod-name h3,.pro-details h4,
.header .nav-link,.btn-quote a,.slider-text h3,.info-head h1, .why-info h1,.det-text h3,.sec-header h3,.con-title h2,.pro-hd h1,.pro-det-name{
    font-family: 'Tajawal', sans-serif;
    font-weight: 700;
}
.about-experience p ,.cards::before,.pro-num .num,.btn-links a,.footer-link ul>li,
.info-head p,.detl-text h1 ,.detl-text p,.why-info p,.why-info li {
      font-family: 'Tajawal', sans-serif;
    font-weight: 500;
}
.det-text p,.rev-text p ,.rev-name p,.form-control::placeholder,
.single-contact-info-box .text p,.single-contact-info-box .text a,
.img-text p,.pro-hd p ,.slider-hd h1,.det-info ul,.color p,.about-experience{
     font-family: 'Tajawal', sans-serif;
    font-weight: 400;
}
.icon-play img,.det-text a i ,.btn-links a i,.custom-nav-arrows button.owl-next, .custom-nav-arrows button.owl-prev,a.page-link i{
    transform: rotatey(180deg);
}
/* .icon-close{
    left: 80px;
    right: auto;
} */
.btn-links{
    text-align: left;
}
.pro-num i {
    transform: rotate(-45deg);
}
.rev-name {
       text-align: right;
           justify-content: left;

    padding-right: 0;
    padding-left: 30px;
}
.rev-name::before{
        right: -40%;
    left: auto;
}
.text-start {
    text-align: right !important;
}
.text-end {
    text-align: left !important;
}
.app-nav-item.active{
    transform: translateX(-30px) scale(1.2);
}
#sync1 .owl-item {
    transform: scale(0.78) translateX(-30px);
}
.detl-text ul li {
    padding-left: 0;
    padding-right: 5px;
}
.det-info ul{
    padding-left: 0;
    padding-right: 1rem;
}
.lg-outer .lg-inner{
    direction: ltr;
}
.footer-sec .social{
    text-align: left;
}
.list-inline {
    padding-right: 0;
}

.list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: 0.5rem;
}
.list-unstyled {
    padding-right: 0;
}