.rtl{
    direction:rtl;
}
.ltr {
    direction: ltr;
}
div {
   font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-size: 12pt;
}

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Baloo+2:wght@400..800&family=Noto+Kufi+Arabic:wght@100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

.tajawal-extralight {
    font-family: "Tajawal", serif;
    font-weight: 200;
    font-style: normal;
}

.tajawal-light {
    font-family: "Tajawal", serif;
    font-weight: 300;
    font-style: normal;
}

.tajawal-regular {
    font-family: "Tajawal", serif;
    font-weight: 400;
    font-style: normal;
}

.tajawal-medium {
    font-family: "Tajawal", serif;
    font-weight: 500;
    font-style: normal;
}

.tajawal-bold {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}

.tajawal-extrabold {
    font-family: "Tajawal", serif;
    font-weight: 800;
    font-style: normal;
}

.tajawal-black {
    font-family: "Tajawal", serif;
    font-weight: 900;
    font-style: normal;
}
a {
    font-family: "Tajawal", serif;
}
.owl-carousel {
    direction: ltr;
    font-family: "Tajawal", serif;
}
.specialities-section-one .specialities-slider-one .owl-item img {
    width: 40px !important;
    max-height: 70px !important;
}

.specialities-section-one .specialities-item p {
    text-align: center;
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}

.section-header-one h2 {
    font-size: 30px;
text-align: center;
font-family: "Tajawal", serif;
font-weight: 700;
font-style: normal;
}
.header-one .main-menu-wrapper .main-nav > li > a {
    font-family: "Tajawal", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}
.header-one .main-menu-wrapper .main-nav > li.active > a {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
    color: #000;
}
.header .header-nav .logo {
    width: 110px;
}
/*#0E82FD blue
#486b72 green shifa  */
.work-content h5 {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
    margin-right:10px;
}
.work-content p {
    margin-right: 10px;
    font-family: "Tajawal", serif;
    font-style: normal;
}

.work-img-info .work-img {
    margin-bottom: 0;
    max-height: 375px;
}
.footer-one .footer-top .footer-widget.footer-menu ul li a {
    font-family: "Tajawal", serif;
    font-weight: bold;
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}
.subscribe-form .btn {
    font-family: "Tajawal", serif;
    left: 0 !important;
    max-width: 100px;
}
[data-loader=circle-side] {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    -webkit-animation: circle infinite .95s linear;
    -moz-animation: circle infinite .95s linear;
    -o-animation: circle infinite .95s linear;
    animation: circle infinite .95s linear;
    border: 2px solid #3f4079;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}
body {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-size: 12pt;
}

.dashboard-menu ul li a i span{
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}
.dashboard-box-col .dashboard-widget-box .dashboard-content-info h6 {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}
.dashboard-card .dashboard-card-head .header-title h5 {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}
.breadcrumb-bar-two .inner-banner .breadcrumb-title {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
    font-size:25pt;
}
.breadcrumb-bar-two {

    padding-top: 90px;
    min-height: 100px;
  
}
.footer.pharmacy-footer .mid-footer .footer-links {
    font-family: "Tajawal", serif !important;
}
.clinic-details ul li a img {
    width: 100px !important;
}

    .search-input.search-line {
    width: 20% !important;
}
.search-box-one {
    min-width: 1302px !important;
    background: #ffffff;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 3px 53px rgba(197, 197, 197, 0.2);
    border-radius: 7px;
    margin: 0;
    padding: 24px;
    display: table;
    position: relative;
    z-index: 1;
}
.mr-2 {
    margin:0 10px !important;
}
.dr-menu {
    position: relative;
    left: 1rem;
    padding: 0 28px;
}
.search-input.search-map-line > i {
    right: 18px !important;
}
.mr-menu {
    margin: 0 0px !important;
    left: -2rem;
    padding: 0 29px;
}
.search-input i {
    margin: 0 6px !important;
}
.doc-professional p {
    font-size: 14px;
    color: #374151;
    margin-bottom: 0;
    text-align: justify;
}
.doctor-widget.doctor-profile-two .doc-info-left .doc-info-cont p.address-detail .info-icon {
    color: #4B5563;
    margin-left: 10px;
    vertical-align: top !important;
}
.user-info-review .calendar-icon{
    margin-right : 5px !important;
}
.title1 {
    font-size: 20px;
    color: #0F172A;
    font-weight: 600;
    margin-bottom: 15px;
    padding-top: 10px;
}
.doc-slots-card {
    border: 1px solid #CBD5E1;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.hours-business ul li:first-child h6 {
    margin-bottom: 0px; 
}
.button-submit {
    background-color: #0E82FD;
    border: 2px solid #0E82FD;
    color: #ffff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
}
.articles-info .articles-left .articles-img img {

    height: 165px !important;
}
.social-share {
    float: right!important;
}
.banner-img .banner-img3 {
    top: 550px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #0E82FD;
}

#btn-archive-articles {
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    min-width: 170px;
    padding: 10px 13px;
    background: #0E82FD;
    border: 1px solid #0E82FD;
    box-shadow: inset 0 0 0 0 #ffffff;
    color: #ffffff;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;

}
#btn-archive-articles:hover {
    color: #0E82FD;
    background: #ffffff;
    border-color: #0E82FD;
    box-shadow: inset 0 0 0 50px #ffffff;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}