@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200&family=Reem+Kufi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200&family=Lemonada:wght@300&family=Reem+Kufi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200&family=El+Messiri&family=Lemonada:wght@300&family=Reem+Kufi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri&family=Cairo:wght@200&family=El+Messiri&family=Lemonada:wght@300&family=Reem+Kufi&display=swap');
/******
base color:
1- background-color: #10223d;
2- background-color: #be1625;

fonts

    
    font-family: 'Cairo', sans-serif;
    font-family: 'El Messiri', sans-serif;
    font-family: 'Lemonada', cursive;
    font-family: 'Reem Kufi', sans-serif;
    font-family: 'Amiri', serif;


*/
body{

   
    font-family: 'El Messiri', sans-serif;
   
}
/******************navbar*******************/
.navbar-light .navbar-brand {

    font-family: 'El Messiri';
}
a.navbar-brand{
 
    font-family: 'El Messiri', sans-serif;
    font-family: 'Lemonada', cursive;
 
}
.d-inline-block {
    display: inline-block !important;
    margin-left: 10%;
}
.bg-light {
    background-color: rgba(255, 255, 255, 0.89) !important;

}
.navbar{
    
    border-bottom: 2px solid rgb(153, 153, 153);
    font-family: 'El Messiri', sans-serif;
    font-weight: bold;

    
}
.navbar-light{
    background: #f8f9fa93;
}
.navbar-light .navbar-brand
 {
    font-family: Arial, Helvetica, sans-serif;
   
  
    margin-left: 0%;
    margin-right: 15%;
    font-size: 30px;
}

.navbar-expand-lg .navbar-nav .nav-link 
    {
      margin-left: 22px;
    }

/*
    .carousel {
        position: unset;
        margin-top: 200px;}
*/


    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img{
        max-height: 550px;
        min-width: 100%;
}
.carousel-inner {      
      max-height: 600px;
      
}

.carousel-caption {
        position: absolute;
        bottom: 40%;
        right: 20%;
    
}
/****************Emergency*******************/
#free{
    margin-top: 30px;
    margin-bottom: 30px;
}


#free .form-control {
    
    margin-top: 10px;
    margin-bottom: 10px;
    
}
#free h2,
#givefree h2{
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    font-family: 'Reem Kufi', sans-serif;
    font-family: 'Amiri', serif;
    margin-bottom: 25px;
   
}
#free .fp,
#givefree .fp{
    text-align: center;
}
#free .fp,
#free p{
    color: rgb(107, 107, 107);
}
#givefree p{
    color: rgb(107, 107, 107);
   
}
#free .efree,
#free .dfree,
#givefree .gfree {
    background-color: #f6c7c7;
    margin-top: 20px;
    margin-bottom: 35px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius: 15px;
}
#free .efree{

    background-color: #f6c7c7;
/*    background-color: #e75f5fb5;
*/ 
}
#free .gfree {
    background-color: #f6c7c7;
}
#free .dfree{

    background-color: #f6c7c7;
 
}


#free .efree .btn-danger,
#free .dfree .btn-primary{
    margin-top: 10px;
    width: 100%;
}

.btn-primary,
.btn-danger{
  
    width: 100%;
}
.btn-info{
    width: 100%;
}
#free img,
#givefree img{
    cursor: pointer;
    transition: .4s;
}
#free img:hover{
    opacity: .5;
}
.row .card{
    margin-bottom: 35px;
   box-shadow: 2px 2px 20px #7e7e7e8f;
   font-family: 'Lemonada', cursive;
   font-family: 'El Messiri', sans-serif;
}

.card {
 
    min-width: 100%;}
.row .card:hover{
    transform: scale3d(1.1,1.1,1.1);
    cursor: pointer;
    transition: .4s;
}
.card .card-title{
    font-size: 30px;
    font-weight: bold;
    
    
    
}

/****************ask******************/
#ask{
    margin-top: 30px;
    margin-bottom: 30px;
}
#ask h2{
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    font-family: 'Reem Kufi', sans-serif;
    font-family: 'Amiri', serif;
    margin-bottom: 25px;
}
#ask p{
    color: rgb(107, 107, 107);
    text-align: center;
}
/*************result**********************/
#resulte{
    margin-top: 100px;
    text-align: center;
}
#resulte img{
    
    border-radius: 20px;
    margin-bottom: 20px;
    margin-top: 15px;
    max-width: 100%;
    box-shadow: 5px 5px 15px rgb(88, 87, 87);
}
#resulte p{
    color: #737374c2;
}
#resulte form{
    margin-right: 18%;
    max-width: 100%;
    margin-bottom: 20px;
}
#resulte .row > * {
 
    margin-bottom: 20px;}

.container .table{
    margin-top: 110px;
    margin-bottom: 30px;
}
#contact{
    text-align: center;
    margin-top: 80px;

}
/****************blood cases************************/
#bloodcases{
    margin-top: 20px;
    margin-bottom: 20px;
}
/*****************contact us********************/
#contact{
    background-image: url("../img/hospital/1.png");
    background-repeat: no-repeat;
    background-size: cover;
    position:static;
    
}
.row.reg {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
}

    .row.reg form#frmAddEdit {
        display: flex;
        flex-wrap: wrap;
    }

        .row.reg form#frmAddEdit .mb-3 {
            width: 48%;
            margin: 1%;
        }
    .row.reg label.form-control {
        border: none;
    }


.row.reg {
    text-align: right;
}

    .row.reg label.form-control {
        border: none;
    }

    .row.reg .form-group.text-right {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        margin-top: 3%;
    }

        .row.reg .form-group.text-right button.btn.btn-primary {
            width: 30%;
        }
.mirgenButtom.reg .container h2 {
    color: #1e4076 !important;
    margin-bottom: 2%;
}
span.op0 {
    font-size: 0;
    opacity: 0;
    height: 70px;
    display: block;
}
        .row.reg .form-group.text-right a.btn.btn-danger {
            width: 30%;
        }
#contact h2{
    padding-top:20px ;
    color: rgb(255, 255, 255);
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    font-family: 'Reem Kufi', sans-serif;
    font-family: 'Amiri', serif;

}
#contact form{
    padding-top:20px ;
    padding-bottom: 40px;
}
/**
#contact .container2{
    background-color:rgba(0, 0, 0, 0.438);

}

/************Media Query*************/
.media-chat-scrollable {
    max-height: 520px;
    overflow: auto;
}

@media (min-width: 576px) {
    .media-chat .media {
        margin-left: 20%;
    }

        .media-chat .media.media-chat-item-reverse {
            margin-left: 0;
            margin-right: 20%;
        }
}


.media-chat-item {
    position: relative;
    padding: 0.625rem 1rem;
    width: auto;
    display: inline-block;
    color: #333;
    border-radius: 0.1875rem;
}

.media-chat-item:not([class*=bg-]) {
        background-color: #eee;
        border-color: #eee;
    }

.media-chat-item:before {
        content: '';
        right: -5px;
        top: 0.93752rem;
        position: absolute;
        margin-right: 0;
        border-top: 5px solid transparent;
        border-left: 5px solid;
        border-left-color: inherit;
        border-bottom: 5px solid transparent;
    }

.media-chat-item-reverse .media-chat-item:before {
    right: auto;
    left: -5px;
    border-left: 0;
    border-right: 5px solid;
    border-right-color: inherit;
}

.media-chat-item-reverse .media-chat-item {
    text-align: right;
    color: #fff;
}

    .media-chat-item-reverse .media-chat-item:not([class*=bg-]) {
        background-color: #42A5F5;
        border-color: #42A5F5;
    }

.media-chat-item-reverse .media-body {
    text-align: left;
}

.media-chat-inverse .media-chat-item {
    color: #fff;
}

    .media-chat-inverse .media-chat-item:not([class*=bg-]) {
        background-color: #42A5F5;
        border-color: #42A5F5;
    }

.media-chat-inverse .media-chat-item-reverse .media-chat-item {
    color: #333;
}

    .media-chat-inverse .media-chat-item-reverse .media-chat-item:not([class*=bg-]) {
        background-color: #eee;
        border-color: #eee;
    }

@media (max-width:767px)/*extra small screen(xs)*/
{
    .new.div {
    }

        .new.div .row {
            margin: 0!important;
        }

    span.slider.content {
        font-size: 16px!important;
        left: 15% !important;
        right: 15% !important;
        max-width: 70%!important;
    }
    .carousel-caption {
        position: absolute;
        bottom: 20%;
        right: 20%;
         }
        .d-inline-block {
            display: inline-block !important;
            margin-right: -32%;
        }
        .navbar-light .navbar-brand
          {
            margin-left: 0%;
            margin-right: 5%;
           }
}
@media (min-width:600px)and  (max-width:767px)/*extra small screen(xs)*/
{
    .d-inline-block {
        display: inline-block !important;
        margin-right: -40%;
    }
    .navbar-light .navbar-brand
      {
        margin-left: 0%;
        margin-right: 5%;
       }
}
@media (min-width:768px)and (max-width:991px)/*small screen(sm)*/
{
     .carousel-caption {
        position: absolute;
        bottom: 30%;
        right: 20%;
         }


         .d-inline-block {
            display: inline-block !important;
            margin-right: -50%;
        }
        .navbar-light .navbar-brand
          {
            margin-left: 0%;
            margin-right: 5%;
           }
}
@media (min-width:992px) and (max-width:1199px)/*mediem screen(md)*/
{
    
    .carousel-caption {
        position: absolute;
        bottom: 40%;
        right: 20%;
        
          }
         

.d-inline-block {
    display: inline-block !important;
    margin-left: 17%;
}
.navbar-light .navbar-brand
  {
    margin-left: 0%;
    margin-right: 15%;
   }
}
@media (min-width:1200px)/*large screen(lg)*/
{
    #resulte form{
        margin-right: 18%;}
    .carousel-caption {
        position: absolute;
        bottom: 45%;
        right: 20%;

        
        }
.carousel-caption>h1{
    font-size: 40px;
}
.carousel-caption p{
    font-size: 26px;
}
}
/*@media ( max-width:767px)*/ /*large screen(lg)*/
/*{*/
    .contect_us {
        position: fixed;
        bottom: 0px;
        right: 0px;
      
    }

/*}*/
/******************footer***************/

.footer {
    background: #f8f9fa;
    color: rgba(41, 39, 39, 0.829);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
    
}

/*****Scroll up********/

#scroll-top{
    position: fixed;
    left: 12px;
    bottom: 15px;
   z-index: 999;
   display: none;
   color: #10223d;
   cursor: pointer;

}


.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}
.mirgenButtom {
    margin-top: 0px !important;
}
chatbot .chat-container .open-chat {
    background: #fff;
    border-radius: 24px;
    position: fixed;
    padding: 0.75rem 1.5rem;
    bottom: 8px;
    right: 8px;
    border: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    font-size: 15px !important;
}
#chatbot button {
    line-height: 1;
}
#chatbot button:not(:disabled) {
        cursor: pointer;
    }
#chatbot button, #chatbot select {
    text-transform: none;
}
/*.contect_uss {
    position: fixed;
    bottom: 30px;
    left: 45px;
    
}*/

.dropdown_custome {
    position: relative;
    width: 230px;
    filter: url(#goo);
}

.dropdown__face, .dropdown__items {
    background-color: #fff;
    padding: 7px 15px;
    border-radius: 9px;
}

.dropdown__face {
    background: transparent;
    position: relative;

}

.dropdown__items {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    list-style: none;
    list-style-type: none;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.93, 0.88, 0.1, 0.8);
    background-color: rgb(0 0 0 / 28%);
}
.dropdown__items li a{
    text-decoration:none;
    color:#fff;
    font-weight:500;
    line-height:2.2;

}
    .dropdown__items li:hover{
        border-right:#09c solid 3px;
    }

    .dropdown__items::before {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 20%;
        height: 40px;
        width: 20px;
    }

.dropdown__arrow {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: right;
}

.dropdown_custome input#dropdown {
    display: none;
}

.dropdown_custome input:checked ~ .dropdown__items {
    top: calc(-160% + 25px);
    visibility: visible;
    opacity: 1;
    right: 19px;
}
/**
body {
    background-image: linear-gradient(140deg, #e2e2e2, #cdcdcd);
    display: grid;
    place-items: center;
    font-family: "Lato", Arial, sans-serif;
    height: 100vh;
   margin: 0;
}

* {
    box-sizing: border-box;
}*/

svg {
    display: none;
}

div#carouselExampleIndicators .carousel-item {
    max-height: 430px;
}
.bg-parallax.skrollr.bg-cover.bg-repeat.loaded.skrollable.skrollable-before {
    transform: none !important;
}
section#contact {
    margin-top: 0;
}

ul.contant.social {
    display: flex;
}

    ul.contant.social img {
        width: 24px;
    }

    ul.contant.social li {
        margin: 2%;
    }
p.social.title {
    font-size: 22px;
    color: #255092;
    margin: 1% 0;
    font-weight: 700;
    margin-top: 6%;
    border-bottom: 1px solid;
    width: 140px;
    display: block;
    padding-bottom: 1%;
    text-transform: capitalize;
}
section#our-company {
    margin-top: 0;
    padding-top: 4%;
}
h1.semibold.animated.fadeInUp.visible {
    color: #1b4586;
    font-size: 30px;
    font-weight: 700 !important;
}

.new.div img {
    max-width: 90px;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 4%;
}

.new.div .col-lg-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.new.div .col-lg-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 7%;
}

span.why-talk {
    margin-top: 2%;
    text-align: center;
    color: #234e90;
    font-weight: 600;
}


.new.div .col-lg-12 {
    text-align: center;
}

    .new.div .col-lg-12 p.choose-title {
        font-size: 32px;
        margin-top: 3% !important;
        font-weight: 600;
        color: #244f91;
        width: max-content;
        margin: auto;
        margin-bottom: 3%;
        border-bottom: 1px solid #234e90;
        padding-bottom: 12px;
    }

section#packages {
    background-image: url('../img/ico.png');
    background-size: 50%;
    background-position: -45% 100%;
}
.content-history .content-details {
    padding: 0px 25px;
    background: transparent !important;
}
    .content-history .content-details .Packages {
         background: #fff;
    }
div#carouselExampleIndicators:nth-child(2) {
    display: none;
}