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


body {
    font-family: "Almarai", serif;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Almarai", serif;
    font-weight: 700;
}

section,
header,
footer {
    direction: rtl;
}

.banner .flexslider .slides li .img_wrap,
.banner .flexslider .slides li .meta h1 span,
.banner .flexslider .slides li .meta h2 span {
    float: left;
}

.banner .flexslider .slides li .meta h1 span {
    float: right;
}

.banner .flexslider .slides li .img_wrap img.banner_shape {
    transform: scaleX(-1) !important;
}

.flexslider .slides li .container .meta {
    text-align: right;
}

.flex-direction-nav {

    direction: rtl;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.owl-Services,
.owl-doctors {
    direction: ltr;
}

.services_section .owl-Services .item .wrap .txt_wrap {
    direction: rtl;
    text-align: right;
}

.services_section .owl-Services .item .wrap .img_w .ico_wrap {
    left: auto;
    right: 20px;
}

.services_section .owl-Services .item .wrap .txt_wrap a img {

    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 10px;
    right: 0;

}

.services_section .owl-Services .item .wrap .txt_wrap a.book_appo:hover img {
    left: auto;
    right: 15px;
}

.appointment_section .form_img {
    padding: 0 36px 0 0;
}

.appointment_section {
    overflow: hidden;
    background: rgb(52, 29, 74);
    background: linear-gradient(87deg, rgb(99, 61, 136) 51%, rgb(52, 29, 74) 99%);
    padding: 0;
}

.appointment_section .form .wrap form .row .formField .wraps input,
.appointment_section .form .wrap form .row .formField .wraps select {

    direction: rtl;
    text-align: right;
}

footer .container .footer_text {
    text-align: left;
}

footer .container .contacts ul li a img {
    margin-left: 10px;
    margin-right: 0px;
}

.header nav .wrapper ul.nav-links li a.language::before {
    right: auto;
    left: 4px;
}

footer .container .links ul,
footer .container .contacts ul {

    padding: 0;
}

.modal-content {
    direction: rtl;
}


.modal-header {
    display: flex;
    justify-content: space-between;
}

.modal-header .btn-close {
    margin: 0;
}

.banner .flexslider .slides li .meta p {

    float: right;
}

@media (max-width: 991px) {
    .appointment_section .form_img {
        padding: 0 0 0 0px;
    }


}

@media screen and (max-width: 970px) {
    .nav-links .mobile-item {
        padding-left: 0px;
        padding-right: 20px;
    }
}

@media (max-width: 990px) {
    .banner .flexslider .slides li .meta {
        text-align: center !important;
    }

    .banner .flexslider .slides li .meta h1 span {
        float: none;
    }
}