@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap');

body {
    overflow-x: hidden !important;
    direction: rtl;
    text-align: right;
    font-family: 'Almarai', sans-serif;
}
.navbar-nav.ml-auto {
    margin-left: unset !important;
    margin-right: auto !important;
}
.hero-wrap .slider-text .btn-primary {
    margin-right: unset;
    margin-left: 10px;
}
.ftco-section .justify-content-end {
    justify-content: flex-start !important;
    -webkit-box-pack: start !important;
    text-align: right;
}
.do-list li span {
    margin-right: unset !important;
    margin-left: 10px;
}
.ion-ios-arrow-round-forward:before {
    content: "\f117";
}
.line.pl-5 {
    padding-left: unset !important;
    padding-right: 40px !important;
}
.testimony-wrap .line {
    border-right: 1px solid #e6e6e6;
    border-left: unset;
}
.testimony-wrap .quote {
    left: unset !important;
    right: -20px;
}
.align-items-center .ml-4 {
    margin-left: unset !important;
    margin-right: 30px;
}
.mfp-counter {
    direction: ltr;
}
.list-unstyled {
    padding-right: unset;
    padding-left: 20px;
}
.ftco-footer-social {
    padding-right: 0 !important;
}
.ftco-footer-social li {
    margin-right: 0;
    margin-left: 10px;
}
.ftco-footer {
    padding-bottom: 20px;
}
.bottom-footer {
    padding-top: 10px;
    border-top: 2px solid #caa950;
}
.heading-section .subheading {
    font-size: 16px;
    letter-spacing: 0;
}
.ftco-counter .text span {
    letter-spacing: 0;
    font-size: 16px;
}
.btn {
    letter-spacing: 0;
}
.feat-img {
    width: 50px;
}
.ftco-section {
    padding: 5em 0;
    position: relative;
    padding-bottom: 2em;
}
.hero-wrap .slider-text h1 {
    letter-spacing: 0;
    font-family: unset;
}
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
    letter-spacing: unset;
    font-size: 15px;
}
img.icon-img {
    width: 80px;
    padding-bottom: 20px;
}
.offer-deal {
    width: 100%;
    padding-top: 4em;
    padding-bottom: 2em;
}
.navbar li a {
    cursor: pointer;
}
.logo-img {
    width: 100px;
}
@media only screen and (max-width: 600px) {
    .logo-img {
        width: 70px;
    } 
}