@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('ar_fonts/NotoSansArabic-Regular.woff2') format('woff2'),
        url('ar_fonts/NotoSansArabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('ar_fonts/NotoSansArabic-Bold.woff2') format('woff2'),
        url('ar_fonts/NotoSansArabic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


*
{
    font-family: 'Noto Sans Arabic' !important;
}
h1, h2, h3, h4
{
    font-weight: bold !important;
}
.floater {
    flex-direction: row-reverse !important;
}
section.program-banner .banner_right .banner-img .out .opps .wrap {
    text-align: right;
}
section.program-banner .banner_right .banner-img .opps.one {
    left: auto;
    right: 100%;
 }
section.program-banner .banner_right .banner-img:hover .opps.one {
    left: auto;
    right: 110%;
 }
section.program-banner .banner_right .banner-img .out .opps.two {
    left: auto !important;
    right: 80% !important;
 }
 section.program-banner .banner_right .banner-img:hover .opps.two {  
    left: auto;
    right: 70%;
}
section.welcom .row .owl-future,
.owl-carousel.owl-early-detection,
.owl-carousel.getting-tested,
.owl-carousel.owl-addon
{
    direction: ltr;
}
section.how_it_works .how_it_works_box img.arrow {
    right: auto !important;
    left: -50px;
    transform: rotate(210deg) !important;
}

section.wats_included .include_collaps_wrapper .faq_left .accordion-item .accordion-header .accordion-button:not(.collapsed) .head,
section.wats_included .include_collaps_wrapper .faq_left .accordion-item .accordion-header .accordion-button:hover .head,
section.wats_included .include_collaps_wrapper .faq_left .accordion-item .accordion-header .accordion-button .head
 {
    text-align: right;
}
section.wats_included .include_collaps_wrapper .faq_left .accordion-item .accordion-collapse .accordion-body .no-padding-left ul
{
padding-right: 0;
padding-left: 30px;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
    left: 0;
    position: absolute;
}
a.chat_with img {
    margin-left: 10px;
    margin-right: 0px;
}
section.footer .row .footer_box ul.menu, section.footer .row .footer_box ul, section.footer .row .footer_box ul ul {
    padding: 0;
    margin: 0;
}
section.footer .row .footer_box .subscribe_form input {
    padding: 10px 20px 10px 50px !important;
    direction: rtl;
}
section.footer .row .footer_box .subscribe_form button {
    right: auto !important;
    left: 10px;
    transform: rotate(180deg) !important;
}
section.protocol .protocol-row .protocol-wrap .protocol-box .right h2 {
    font-size: 26px;
}
section.protocol .protocol-row .protocol-wrap .protocol-box .right h2 span.right {
    float: left;
}
section.research .row.box_wrap .boxs .wrap .head img {
    margin: 0 0 0 12px;
}
section.research .row.box_wrap .boxs .wrap .head h4 {
    text-align: right;
}
section.research .row.box_wrap .boxs .wrap .boby .box .inner h5 span {
    margin-left: 0px;
    margin-right: 10px;
 }

 section.protocol .protocol-row .protocol-wrap .protocol-box .right .text-wrap .inner {
    padding-right: 0px !important;
}
section.test_included.sticky_section .tab_content_tab ul {
    padding: 0;
}
section.addons .circle {
    margin: 0px 0 0 8px !important; 
}
section.protocol .protocol-row .protocol-wrap .protocol-box .right h2 span.right {
    float: left !important;
}

@media (max-width: 991px) {
    section.header .container .header_out .book_assesment_header {
        right: -54px !important;
    }
 
    section.program-banner .banner_right .banner-img:hover .opps.one,section.program-banner .banner_right .banner-img .opps.one {
        left: 70% !important;
        top: -70px !important;
        right: auto;
    }
    section.header .container .header_out .header_menu .container-fluid .navbar-toggler { 
        right: -5px !important;
    }
    section.header .container .header_out .header_menu .container-fluid .navbar-toggler input[type=checkbox]:checked ~ span:nth-of-type(1) {
        transform: rotatez(45deg) translate(-7px, 13px) !important;
    }
    section.header .container .header_out .header_menu .container-fluid .navbar-toggler input[type=checkbox]:checked ~ span:nth-of-type(3) {
        transform: translate(-3px, -5px) rotatez(45deg) !important;
    }
}
@media (max-width: 500px) {
    section.header .container .header_out .book_assesment_header {
        width: 126px !important;
        display: inline-flex !important;
    }
 
    section.header .container .header_out .book_assesment_header .buttons {
        padding: 2px 10px !important;
        font-size: 12px;
    }
}