@charset "UTF-8";
/* CSS Document */

@media (max-width: 1300px) {
    .iamge-WHO img {
        margin-top: -40px;}
}
@media (max-width: 1280px) {
    .iamge-WHO img {
        margin-top: -20px;}
}
@media (max-width: 1100px) {
    .iamge-WHO img {
        margin-top: 0px;}
}

@media (min-width: 769px) and (max-width: 1024px) {
    .section-block {
        padding-top: 0px !important;
    }
}

@media (min-width: 1024px) {
    header {
        top:0px;
        visibility: visible;
        animation-name: slideInUp;
        float: left;
        width: 100%!important;
        position: fixed!important;
        display: inline-block;
        z-index: 9;
        background: #fff;
    }

    .top-homepage {
        min-height: 500px;
        z-index: 999;
        background-size: cover;
        position: relative;
        background-position: right;
        top: 125px !important;
        margin-bottom: 146px;
    }
}


@media (min-width: 768px) {

    .top-homepage {
        min-height: 500px;
        z-index: 999;
        background-size: cover;
        position: relative;
        background-position: right;
    }

    .page-intro.small {
        top: 145px!important;
    }

}



@media (max-width: 768px) {
    .section-block {
        padding-top: 0px !important;
    }
}


    @media screen and (max-width: 50em) {
        .logo-mawaqaa a {
            text-align: center !important;
            display: inherit;
            padding-top: 0px;
        }

        .logo-mawaqaa img {
            /* width: 20%; */
            padding-top: 10px;
        }

        .header .logo img {
            height: auto;
            max-height: 100%;
            width: 60%;
            min-width: 180px;
            margin-top: -25px;
        }

        .section-block {
            padding-top: 0px !important;
        }

        .title-large {
            padding-top: 20px;
        }

        .stats-2 .grid-item {
            width: 43%;
        }

        .contactus .team-item {
            color: #1682c5 !important;
            text-align: center;
            background-color: #fff;
            box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            border-radius: 10px;
            transition: translate .18s, box-shadow .18s;
            transform: translateY(0);
            min-height: 200px;
            font-size: 20px;
        }
    }

    @media(max-width:992px) {

        .section-block .row .contact-form-container .row {
            padding: 15px;
            margin: 0px;
            width: 100%;
        }

        .info-home.banner-icons-hold ul li img {
            max-width: 40px;
            display: block;
            clear: both;
            margin: 0 auto;
        }

        .banner-icons-hold ul li span {
            font-size: 13px;
        }

        .info-top-homepage h1 {
            font-size: 15px;
            margin-bottom: 5px;
        }

        .info-top-homepage h3, .info-top-homepage span {
            font-size: 14px;
        }

        .banner-content-hold {
            top: 5px;
        }

        .info-top-homepage {
            padding: 0px !important;
        }

        .banner-icons-hold ul li {
            margin: 0px 5px;
            float: none;
            width: auto;
        }

        .mobile .header + .content {
            clear: both;
        }

        .banner-content-hold {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 15%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .top-homepage {
            min-height: auto;
        }

        .row.flex {
            display: block;
            position: relative;
            clear: both;
            height: unset;
            overflow: hidden;
        }

        .item-career {
            flex-direction: column;
            margin: 15px 0px;
        }

        .info-item-career {
            padding: 20px;
            width: 100%;
            padding-bottom: 0px;
        }

        .apply-item-career {
            padding: 20px;
            width: 100%;
            padding-top: 0px;
            margin: 0px;
        }

        .career-info-icon .icon-left-right {
            display: none;
        }

        .thumbnail.photo-OFFER.career-banner img {
            filter: unset !important;
            position: relative;
            width: 100%;
            height: auto !important;
            order: 1;
            /*filter: blur(5px) brightness(1.5);*/
        }

        .row .post-content > .row {
            margin: 0px;
        }

        .stats-2 .grid-item {
            width: 33.33%;
        }

        .clinic-centers h1 {
            min-height: 30px;
        }

        .contactus .team-item {
            background: #fff !important;
            margin: 15px 0px;
            height: auto;
            min-height: auto;
        }

        .contactus .team-content-info {
            margin-bottom: 0px;
        }

        .tabs.style-2.left {
            padding-left: 0px !important;
        }

        .Bio h2 {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 20px;
        }

        .Bio p {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 20px;
        }

        .doctordetails .column ul li:last-child {
            margin-top: 0px !important;
        }

        .barcode h2 {
            display: none;
        }

        .row.info-emergency {
            backdrop-filter: blur(100px);
            margin: 0px -15px !important;
            padding: 15px;
        }

        .column > :first-child {
            backdrop-filter: blur(100px);
        }

        .row.icon-left-right {
            display: none;
        }

        .tms-slides {
            padding: 0px 15px;
        }

        .more-info-locations {
            position: relative;
        }

            .more-info-locations ul {
                display: block;
                position: absolute;
                margin-top: 36%;
                margin-left: 0px;
                width: auto;
                left: 0px;
                right: 0px;
            }

        .modal-body {
            position: relative;
            padding: 20px;
        }

        .row.content-grid-6 .grid-item a img {
            width: 100%;
        }

        .row .column.width-12 .row.content-grid-6 {
            width: 100%;
            margin: 0px;
        }

        .inf-who-top {
            display: block;
        }

        .iamge-WHO img {
            margin-top: 10px;
            margin-left: 0;
        }

        .iamge-WHO-3, .iamge-WHO-4, .info-WHO-3 {
            margin: 0px;
        }

        .pt-50 {
            padding-top: 25px !important;
        }
        .careet-banner-text {
            position: relative;
            left: 0;
            top: 0;
            padding: 20px;
            z-index: 9;
            max-width: 100%;
            width: 100%;
            order: 2;
        }
        .career-banner {
            position: relative;
            overflow-y: auto;
            display: flex;
            flex-wrap: wrap;
            padding-top: 18px;
        }
    }




    @media (max-width: 767px) {
        .stats-2 .grid-item {
            width: 50%;
        }

        .clinic-centers img {
            height: 95px;
            width: 95px !important;
            object-fit: contain;
        }
    }

    @media (max-width:770px) {
        .icon-title {
            float: none;
            clear: both;
            display: block;
            margin: 0 auto;
            padding: 0;
            margin-top: 0px;
        }

        .lb-nav a.lb-prev {
            opacity: 1!important;
        }

        .lb-nav a.lb-next {
            opacity: 1!important;
        }
    }


    @media (max-width: 500px) {

        iframe#Iresult {
            height: 384px !important;
            padding: 0px 12%;
        }
        .zf-templateWidth {
            width: 100% !important;
        }

        #ip2 {
            border-radius: 25px;
            border: 1px solid #323286;
            padding: 20px;
            width: 100% !important;
            height: 15px;
        }

        .zf-namemedium .zf-tempContDiv span {
            width: 100% !important;
            margin-left: 2%;
        }

        .zf-namemedium .zf-nameWrapper {
            width: 100% !important;
        }

        .zf-small .zf-phwrapper {
            width: 100% !important;
        }

        #ip1 {
            border-radius: 25px;
            border: 1px solid #323286;
            padding: 20px !important;
            width: 100% !important;
            height: 150px;
            min-height: auto;
            font-size: 13px !important;
            color: #000 !important;
            letter-spacing: 0px;
        }

        li.zf-tempFrmWrapper.zf-time .zf-tempContDiv {
            margin-left: 62px !important;
        }

        .zf-twoType > .zf-nameWrapper span > div {
            margin-left: 0px !important;
        }


        .zf-twoType > .zf-nameWrapper > div {
            margin-left: 0px !important;
        }

        li.zf-tempFrmWrapper.zf-small .zf-tempContDiv span > div {
            margin-left: 0px !important;
        }
        .drblock {
            padding: 0 12% 0 12%;
        }
        .divannounce .column.width-4 {
            flex: 0 100%;
            margin-bottom: 50px;
        }
        .banner-icons-hold {
            width: 100%;
            float: left;
            margin: 38px 0 0 0;
            padding: 0;
            text-align: center;
        }

            .banner-icons-hold ul li {
                margin: 0px 0px !important;
                float: left;
                width: 50%;
            }

            .banner-icons-hold ul {
                width: auto;
                float: none;
                margin: 0 auto;
                padding: 0;
                list-style: none;
                max-width: 652px;
                text-align: center;
                display: inline-block;
            }

                .banner-icons-hold ul li span {
                    color: #6ebd45;
                    font-size: 18px;
                    text-align: center;
                    line-height: 18px;
                }
        .homepub {
            display: flex;
            flex-wrap: wrap;
        }

            .homepub > .column.width-8.offset-8.staybutton {
                order: 3;
                margin-top: 18px;
            }

            .homepub > .column.width-4 {
                order: 1;
                margin-bottom: 22px;
            }

            .homepub .column.width-8 {
                order: 2;
            }
        .slick-finddoctor-slides > .slick-prev {
            left: 0px;
        }

        .slick-finddoctor-slides > .slick-next {
            right: 0px;
        }

        .photo-OFFER {
            height: auto;
        }
            .page-intro.small {
            height: auto;
            margin: 30px 0 0 0;
        }
        .banner-icons-hold ul li span {
            color: #6ebd45;
            font-size: 18px;
            text-align: center;
            word-break: break-word;
            line-height: 18px !important;
        }

        .banner-icons-hold ul li {
            margin: 0px 5px !important;
            float: none !important;
            width: auto;
            max-width: 36%;
        }

        .header .logo {
            margin-right: 0;
            width: 100%;
            float: left;
            text-align: center;
        }

        .mobile header .navigation:not(.secondary-navigation) {
            display: block !important;
            float: left !important;
            width: 100% !important;
        }

        .mobile header .navigation ul li:last-of-type {
            float: right !important;
        }

        .mobile .header,
        .mobile .header .header-inner {
            height: auto !important;
            padding-top: 0;
            background: #fff;
            float: left;
            width: 100%;
        }

        .navigation.nav-right {
            margin-right: 0px;
        }

        .header .header-inner .navigation > ul > li, .header .header-inner .navigation > ul > li > a:not(.button), .header .header-inner .dropdown > .nav-icon {
            height: unset;
            line-height: unset;
            display: block;
            margin-top: 5px;
            margin-bottom: 5px;
            width: auto;
            min-width: 40px;
        }

        li.ser-icon {
            margin-top: 10px !important;
        }

        .header .nav-bar, .header .nav-bar-inner {
            /* height: 220px; */
        }

        .search {
            top: auto;
            bottom: -11px;
        }



        .footer {
            /* background-color: #fff; */
            z-index: 0;
            float: left;
            width: 100%;
        }

        .mobile .header + .content {
            padding-top: 0;
            float: left;
            width: 100%;
        }

        .info-top-homepage {
            text-align: center;
        }

        .top-homepage {
            min-height: auto;
        }

        .banner-icons-hold {
            margin-top: 0px;
        }

        .threesixty-hld h1 {
            font-size: 60px;
        }

        .Tour h1 {
            padding-top: 0px;
        }

        .top-homepage button.info-home-Close.button {
            margin-top: 0px !important;
        }

        .header .navigation > ul > li > a {
            margin: 0 5px;
        }
    }

    @media(max-width:370px) {
        .banner-icons-hold ul li {
            margin: 0px 0px;
        }

            .banner-icons-hold ul li span {
                font-size: 12px;
            }
    }

    @media(min-width:992px) {
        .doctordetails .column ul li:last-child {
            margin-top: 0px !important;
        }
    }

@media only screen and (max-width: 960px) {
    .header .header-inner > .nav-bar {
        padding: 0;
        margin: 0 0 92px 0;
    }
}

    @media(max-width:768px) {

        .amazonmenu > ul {
            border-left: none;
            border-right: none;
        }

        .iamge-WHO {
            position: relative;
            bottom: 0px;
            max-width: 412px;
        }

        .list-group {
            margin-bottom: 20px;
        }

        .ftr-link-title {
            position: relative;
            width: 100%;
            display: inline-block;
        }

            .ftr-link-title:after {
                position: absolute;
                right: 0px;
                content: "-";
                top: 11px;
                font-size: 40px;
                color: #fff;
            }

            .ftr-link-title.collapsed:after {
                position: absolute;
                right: 0px;
                content: "+";
                top: 11px;
                font-size: 40px;
                color: #fff;
            }

            .ftr-link-title h4 {
                padding: 0px;
                margin: 0px;
            }

        footer .row.flex > .column > div {
            padding: 0px;
            margin: 0;
        }


        .select2-container--default .select2-selection--single {
            margin-bottom: 2px;
        }

        .form-select.form-element.large {
            margin-bottom: 24px;
        }

        .banner-icons-hold ul li a img {
            background: rgba(50, 49, 136, 0.8);
            border-radius: 8px
        }

        .column > :first-child {
            backdrop-filter: none;
        }

        .banner-icons-hold ul li span {
            color: #6ebd45;
            font-size: 18px;
            text-align: center;
        }

        .banner-content-hold {
            position: relative;
        }

        .info-home-Close {
            font-family: Bahij_TheSansArabic-Plain !important;
            font-size: 14px !important;
            padding-bottom: 10px !important;
            margin-top: calc(1% + 12px) !important;
            position: absolute;
            bottom: -47px !important;
            right: 0px;
            color: #000;
            left: 0px;
        }

        .home-banner-slider .slick-arrow {
            bottom: 21px;
            opacity: 1 !important;
        }

        .title-container-inner h1 span {
            font-size: 27px;
        }

        .title-container-inner h1 {
            font-size: 27px;
        }

        .mobile .header .logo a:first-child {
            background-image: none;
            background-color: transparent;
        }

        .logo-inner {
            background-image: none;
            background-color: transparent;
        }

        .pb-50, .section-block.pb-50 {
            padding-bottom: 0;
        }

        .mobile .featured-media, .mobile .parallax.fixed-height {
            height: auto;
        }


        .blog-regular .post > .column:first-child {
            padding-left: 0px;
            padding-right: 0px;
        }

        .blog-regular .post > .column {
            padding-left: 0;
            padding-right: 0;
        }

        .page .content {
            min-height: 743px;
        }

        .title-container2 h1 {
            font-size: 30px;
        }

        .info-policy table {
            width: 100% !important;
        }

        .clinic-info {
            padding: 32px;
        }

            .clinic-info table {
                width: 100% !important;
            }

        .banner-icons-hold ul li {
            padding: 15px;
        }

        .post-content {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        .info-WHO-3 ul {
            padding-right: 30px;
            padding-left: 30px;
        }

        .info-WHO-3 h6 span {
            border: none;
        }

        .apply-item-career .button {
            display: inline-block;
            float: right;
        }

        .why-to-work {
            padding: 40px;
        }

            .why-to-work .column.width-6.right {
                width: 50%;
                float: right;
            }

            .why-to-work .column.width-6.left {
                width: 50%;
                float: left;
            }

        .why-image {
            margin-top: 0px !important;
        }


        .filter-icon-picker input.datepicker-dob {
            padding: 10px 35px 0 0;
            height: 35px;
            text-align: right;
            background-position: right 10px;
            width: auto;
            float: right;
        }


        .info-news p {
            min-height: auto;
        }

        .item-big-news .logo-slider {
            height: auto;
        }

        .info-news h1 {
            padding-top: 0;
            padding-bottom: 35px;
        }

        .item-sitemap {
            padding: 0 21px 0 20px;
        }

            .item-sitemap h1 {
                padding: 0px;
                margin: 0px;
            }


        .item-career {
            margin-bottom: 29px;
            height: auto;
        }
    }
@media (max-width: 768px) {
    .breadcrumbmargin {
        margin-top: 0px !important;
    }
}
@media only screen and (min-width: 768px) {

    .post .post-excerpt p:last-child:after {
        font-family: 'icomoon';
        content: "\e67a";
        position: relative;
        bottom: -0.3rem;
        left: 0 !important;
        display:none;
    }
}