.black-label{
    background-color: #242424;
    padding: 6px 0px;
    font-family: "Ubuntu", sans-serif;
}

.number-box{
    color: white;
    font-size: 13px;
    text-transform: capitalize;
}
.number-box a{
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding-left: 20px;
}
/* .mail-box{
    border-left: 1px solid white;
} */
.mail-box a{
    color: #fff;
    text-decoration: none;
    font-size: 13px;
   
}

.header-icons{
    color: white;
    font-size: 15px;
}
/* .location-part{
    border-left: 1px solid white;
} */
.location{
    margin-bottom: 0px;
}
.location a{
    color: white !important;
    text-decoration: none;
    font-size: 13px;
    margin-bottom: 0px;
}
.fa-location-dot{
    color: #fff;
    padding-right: 10px;
}
.socialmedia{
    margin-bottom: 0px;
}
.socialmedia-icon{
    color: white;
    padding-right: 10px;
}


.logo{
    height: 60px;
}
.nav-list{
    padding-right: 10px;
}
.nav-icon-box{
    height: auto;
    padding-top: 6px;
    margin-right: 10px;
}
.nav-link{
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}
.nav-icon-box .fa-solid{
    padding:5px 5px;
    /* background-color:#E13E20 ; */
    /* color: white; */
    transition: 0.5s;
}
.nav-icon-box .fa-solid:hover{
    background-color:#000000;
    color: #fff;
    
}
.fa-cart-shopping{
    color: #000000;
    margin-right: 10px;
    background-color: rgb(204, 202, 202);
}

.call-icon{
    padding-right:5px !important;
}
.APPOINTMENT{
    margin-left: 15px;
    background-color: #DB1C22;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
}
.APPOINTMENT a{
    text-decoration: none;
    color: white;
    font-weight: 600;

}
.APPOINTMENT:hover{
    color: #fff;
    background-color: #E13E20;
}

.fa-magnifying-glass{
    background-color: #E13E20;
    color: white;
}





.navbar-body{
    z-index: 1;
    width: 100%;
    top: 0px;
    
}
.banner-body{
    z-index: 0;
    

}
.carousel-images{
    height: 500px;
    object-fit: cover;
}

.banner-list{
    list-style: none;
    display: flex;
    padding-left: 0px;
    
}
.banner-list li{
    padding-right: 20px;
}
.carousel-name-part {
    position: absolute;
    left: 130px;
    text-align: left;
   top: 175px;
}
.carousel-arrowe{
    background-color: black;
}

.fa-check-circle{
    padding-right: 6px;
}
.carousel-name-part h5{
    font-size: 34px;
    text-transform:capitalize;
    color: #333333;
    font-weight: 400;
    font-family: "Roboto Serif", serif;

}
.carousel-name-part h2{
    font-size: 50px;
    text-transform: uppercase;
    color: black;
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    padding-bottom: 10px;
}
.carousel-name-part img{
    margin-left: 90px;
    
}
.orange-letter{
    color: #E13E20;
}
.fa-check{
    color: #000000;
    padding-right: 10px;
}
.banner-list{
    padding-bottom: 15px;
}
.banner-list li{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.viewmore{
    padding: 10px 15px;
    color: white;
    background-color: #E13E20;
    border: 1px solid #E13E20;
    border-radius: 2px;
    margin-right: 10px;
    transition: 1s; 
}
.viewmore:hover{
    color: #E13E20;
    background-color: white;
    border: 1px solid #E13E20;   
    
    font-weight: 600;
}
.purchase{
    padding: 10px 15px;
    color: rgb(0, 0, 0);
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 2px;
    text-transform: uppercase;
    transition: 1s; 
}
.purchase:hover{
    background-color: #000000;
    color: rgb(255, 255, 255);
    
    font-weight: 600;
}


.carousel-name-part2{
    position: absolute;
    
    text-align: center;
   bottom: 40px; 
     
}
.carousel-name-part2 h2{
    font-size: 50px;
    text-transform: uppercase;
    color: black;
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    padding-bottom: 10px;
}
.carousel-name-part2 h5{
    font-size: 34px;
    text-transform:capitalize;
    color: #333333;
    font-weight: 400;
    font-family: "Roboto Serif", serif;

}
.carousel-name-part2 p{
    font-size: 27px;
    color: #333333;
    /* color: white; */
    text-transform: capitalize;
}
.find-a-doctor{
    padding: 10px 20px;
    background-color: #DB1C22;
    color: white;
    border: none;
    border-radius: 3px;
    transition: all 1s;
}
.find-a-doctor:hover{
    color:#DB1C22;
    background-color:white;
    

}
.fa-user:hover{
    color: #DB1C22;

}
.fa-user{
    padding-right: 10px;
    color: white;
}




.carousel-name-part p{
    font-size: 27px;
    color: #333333;
    /* color: white; */
    text-transform: capitalize;
}
.make-appointment{
    padding: 10px 20px;
    background-color: #DB1C22;
    color: white;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    transition: 1s;

}
.make-appointment:hover{
    color: #DB1C22;
    background-color: #ffffff;
    border: 1px solid #DB1C22;
    
    font-weight: 600

}

/* .carousel4{
    position: relative;
    z-index: 2;
} */
.cariusel4p{
    color: white !important;
    text-transform: capitalize;
}
/* .overlay{
    background-color: #333333;
    height: auto;
    z-index: 4;
    position: absolute;
    width: 100%;
} */


.carousel-button{
    width: 6%;
}


.carousel-indicators{
    display: none;

}



/* card section */

.card-section{
    padding-top: 50px;
}

.card-box{
    
    box-shadow: 5px 5px 20px rgba(205, 57, 30 , 0.1);
}

.card-picture{
    margin-bottom: 20px;
}
.number{
   font-size: 80px;  
   font-family: "Ubuntu", sans-serif;
   font-weight: 900; 
   color: rgba(205, 57, 30 , 0.1);  

   position: absolute;
   right: 0;
   bottom: -30px;
}





/* medicine details */

.medicine-content{
   padding-top: 80px;
}

.box-headline{
    text-transform: uppercase;
}
.left-part{
    padding-left: 0px;
    padding-right: 0px;
}
.left-box{
    height: 250px;
    
    
    
    background-position: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.877)0%, rgba(0, 0, 0, 0.87)100%),  url("../Images/portfolio_one-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;

    display: flex;
    

}

.mid-box{
    height: 250px;
    
   
    background-position: center;
    background: linear-gradient(0deg, rgba(205, 57, 30, 0.897)0%, rgba(205, 57, 30, 0.863)100%),  url("../Images/post5-1-720x390.jpg");  
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
}

.right-box{
    height: 250px;
    
    
   
    background-position: top;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.877)0%, rgba(0, 0, 0, 0.87)100%),  url("../Images/portfolio_two-1-855x570.jpg");
    background-size: cover;
    display: flex;
    background-repeat: no-repeat;

}



.icon{
    padding-right: 23px !important;
}


.content{
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}
.content h4{
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}
.content h6{
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}
.content a{
    text-decoration: none;
    color: white;
    font-weight: 500;

}





/* about us part */


.about-us-part{
    padding: 50px 0px;
}

.about-left-box{
    text-align: left;
}
.about-left-box h2{
    font-size: 24px;
    color: #222222;
    text-transform: uppercase;
    font-family: "Ubuntu", sans-serif;
    padding-bottom: 20px;
}
.about-left-box h4{
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    color: rgba(34, 34, 34, 0.73);
    padding-bottom: 10px;

    
}
.about-left-box p{
    font-size: 13px;
    color: rgba(34, 34, 34, 0.73);
    margin-bottom: 0px;
    font-family: "Roboto Serif", serif;
    padding-bottom: 15px;

}
.know-more{
    padding: 10px 15px;
    color: white;
    background-color: #E13E20;
    border: 1px solid #E13E20;
    border-radius: 2px;
    margin-right: 10px;
    transition: 1s;
    margin-top: 20px;
}  


.know-more:hover{
    color: #E13E20;
    background-color: white;
    border: 1px solid #E13E20;   
    
    font-weight: 600;
}
   

/* OUR SERVICES */


.our-service{
    text-align: center;

    padding: 50px 0px;
}   

.our-service-top{
    text-align: center;
    position: relative;
}
.the-best{
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 2px;
}
.line{
    border-bottom: 1px solid #DB1C22;
    width:60px;

    
    
    margin:auto;
    display: block;
}
.our-services{
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 900;
    padding-top: 15px;
}
.detailes-line{
    font-size: 18px;
    padding-bottom: 20px;

}
.our-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.our-image{
    background-color: #fff;
    position: relative;
    /* padding: 20px; */
    /* border-radius: 20px; */
}

.our-icon{
    position: absolute;
    bottom: -40px;
    left: 85px;
    
}
.our-icon i{
    /* position: absolute; */
    /* top: 90px;
    left: 97px; */

    /* padding: 22px; */
    background-color: #DB1C22;
    border-radius: 160px;
    padding: 1px 22px;
    transition: 0.5s;
}
.our-icon i:hover{
    background-color: #ffffff;
    color: #DB1C22;
    
    
}



.our-icon .fa-solid{
    font-size: 35px;
    padding-bottom: 20px;

    color: #ffffff;
    padding-top: 15px;
    border: 4px solid #ffffff;
}
.our-icon .fa-solid:hover{
    color: #DB1C22;
    /* background-color: #DB1C22; */
    border: 4px solid #DB1C22;
}




.our-name-card h5 a{
    color: black;
    
}
.our-name-card{
    color: #444444;
}
.our-name-card h5{
    padding: 10px 0px;
    font-weight: 900;
    color: #000000;
    margin-top: 35px;
    text-decoration:none;
}
.our-name-card p{
    padding-top: 15px;
}
.our-name-card a{
    text-decoration: none;
}





/* Testimonials */

.blog-and-testimonial{
    padding: 60px 0px;

}



.BLOG{
    font-weight: 800;
    font-family: "Ubuntu", sans-serif;

}

.review{
    font-family: "Roboto Serif", serif;
}
.testimonial-tag-line{
    padding-bottom: 15px;
    text-transform: capitalize;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.name{

}
.fa-quote-left{
    font-size: 25px;
    color: #E13E20;
}
.fa-quote-right{
    float: right;
    font-size: 25px;
    color: #E13E20;
}
.test-line{
    width: 40px;
    border: 1px solid #DB1C22;
}
.city{

}


.Healthy{
    font-size: 18px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}




/* Footer Part */



.footer-lists-ul li a{

    text-decoration: none;
    color: white;

}

.footer-top-contents{
    font-family: "Ubuntu", sans-serif;
    
    /* border: 2px solid grey; */
    height: 140px;
    /* padding-top: 60px; */
    padding-left: 30px;

}
.footer-icon-box{
    padding: 5px;
    /* border: 2px solid grey; */
}
.footer-icons{
    font-size: 35px;
    color: #ffffff;
}
.call-number-box{

    padding-left: 20px;
}
.have-you{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}
.footer-number{
     font-weight: 500;
     font-size: 17px;   
     text-decoration: none;
     color: rgb(255, 255, 255);
}
.timing{
    font-size: 17px;
    font-weight: 500;
    color: rgb(255, 255, 255);

}



.footer-bottom-row{
    padding-top: 50px;
}
.footer-back-image{
    padding-top: 50px;


    background: linear-gradient(0deg, rgba(0,0,0,0.9)0%, rgba(0,0,0,0.9)100%), url("../Images/portfolio_seven-1-1024x683.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 8;
}

.footer-1-box{

}
.footer-first-box-icon{
    padding-right: 10px;
}
.footer-1-box img{
    margin-bottom: 20px;
    width: 90px;
    height: 80px;
}
.footer-1-box p a{
    color: white;
    text-decoration: none;
}
.footer-detailes{
    color: #fff;
}


.quicklink{

}
.quicklink h4{
    color: white;
}
.special-service{

}
.special-service h4{
    color: white;
    padding-bottom: 20px;

}
.follow h4{
    color: white;
    padding-bottom: 20px;

}
.follow p{
    color: white;
    font-weight: 500;
}
.foooter-lists{

}
.foooter-lists{
    display: flex;
}
.fa-less-than{
    color: #E13E20;
    padding-left: 10px;
}
.foooter-lists ul{
    list-style: none;
    padding-left: 2px;
    padding-right: 10px;

}
.foooter-lists ul li{
    color: white;
    font-size: 13px;
    padding-bottom: 20px;
}

.social-footer{
    color: white;
    background-color: rgb(59, 59, 59);
    padding: 9px;
    border-radius: 15px;
    margin-bottom: 15px;
}


.copyright{
    height: 50px;
    width: 100%;
    background-color: rgb(34, 34, 34);
}
.copy{
    color: white;
    text-align: center;
    padding-bottom: 15px;
    background-color: rgb(34, 34, 34);
}




.mid-box-contact{
    /* background-color: #E13E20; */
    /* padding-top: 50px; */
    height: auto;
    /* width: 100%; */
}
.mid-box-contact iframe{
    width: 100%;
    height: 350px;


}


/* form-box */

.form-box{
    background-color: #F9F9F9;
    padding-left: 20px;
}
.Quick-help{
    padding-top: 20px;
    margin-bottom: 5px;
    font-size: 20px;
}
.quick{
        text-transform: uppercase;
        padding-bottom: 10px;
        font-size: 22px;
}

#fname{
    width: 99%;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 15px;
    color: #6e6e6e;
    background-color: white;
    font-size: 14px;
    border: 1px solid #bababa;
}
#fname,#femail,#number,#date,#gender,#textareas:focus{
    outline: none;
 }
#femail{
    width: 48%;
    height: 30px;
    padding-left: 15px;
    color: #6e6e6e;
    background-color: white;
    font-size: 14px;
    border: 1px solid #bababa;
}
#number{
    width: 48%;
    margin-left: 10px;
    margin-bottom: 20px;
    height: 30px;
    padding-left: 15px;
    color: #6e6e6e;
    background-color: white;
    font-size: 14px;
    border: 1px solid #bababa;
}
#date{
    width: 48%;
    height: 30px;
    padding-left: 15px;
    color: #6e6e6e;
    background-color: white;
    font-size: 14px;
    border: 1px solid #bababa;
}
#gender{
    width: 48%;
    margin-bottom: 30px;
    margin-left: 10px;
    height: 40px;
    padding-left: 15px;
    color: #6e6e6e;
    background-color: white;
    font-size: 14px;
    border: 1px solid #bababa;
}
#textareas{
    padding-left: 15px;
    color: #6e6e6e;
    background-color: white;
    font-size: 14px;
    border: 1px solid #bababa;
    width: 100%;
}
.button-box{
    margin-bottom: 10px;

}

#submit{
    
    padding: 8px 12px;
    color: white;
    background-color: #E13E20;
    border: 1px solid #E13E20;
    border-radius: 2px;
    margin-right: 10px;
    transition: 1s;
    margin-top: 20px;
    font-size: 14px;
}



.news-letter-box{
    margin-bottom: 20px;
}
#fname2{
    background-color: #333333;
    height: 40px;
    width: 80%;
    color: white;
    border: none;
    outline: none;

}
#fname2:focus{
    outline: none;
    border: none;
}
.Submit{
    height: 40px;
    border: none;
    padding: 0px 10px;
    background-color: #E13E20;
    border: 1px solid #E13E20;
    color: white;
}
.Newsletter{
    padding-bottom: 20px;
}
.name-part{
    position: relative;
    padding: 10px 0px 26px 10px;
    text-decoration: none;
}

.name-part a{ 
    color: #001A4B;
    font-weight:500;
    text-decoration: none !important;
    
}



/****************blog part********************************/

.card-box-blog{
    width: 100%;
    height:400px !important;
}

.blog-images img{
    border-radius: 20px;
}
.blog-images{
    border:none;
}

.blog-section-part{
    padding:60px 0px;
}


/********************Blood Test*********************/




.blood-banner-image{
    height: 350px;
    background: linear-gradient(0deg, rgba(0,0,0,0.5)0%, rgba(0,0,0,0.5)100%), url("../Images/BloodTestBannerImage.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;


   
    width: 100%;
    padding-top: 70px;
    text-align: center;
}   

.blood-banner-image h1{
   
    display: block;
    color: white;
}


.blood-contact-us{
   background-color: red;
   color: WHITE;
   font-weight: 500;
   font-size: 17px;
   padding: 10px 15px;
   border: 2px solid white;
   border-radius: 5px;
   margin-top: 20px;
   text-decoration:none;
}
.blood-contact-us a{
    text-decoration:none;
    color: WHITE;
}




.blood-list-box{
    height: auto;
    background-image: url(../Images/blood\ test\ inner\ page.png);
    position: relative;
    top: -100px;
    /* text-align: center; */
    color: white;
    padding: 50px;
}
.blood-list-box p{
    text-align: center;
    padding: 15px;
}
.blood-small-heading{
    margin: 30px 0px;
    text-align: center;
}
.blood-list-box h5{
    text-transform: capitalize;

}

.blood-list-box UL{
    display: flex;
    justify-content: flex-start;
    color: WHITE;
    list-style: none;
    padding-left: 0px;
}
.fa-chevron-right{
    padding-right: 10px;
    color: red ;
}




/*************Travel Vaccination****************/



.travel-banner{
    height: 350px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../Images/Travel\ Vaccination.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    text-align: center;
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
    color: white;
}

.caunrty-card-box-travel{

    padding-top: 50px;
}


.travel-ailments {
    text-align: center;


    background-image: url(/assets/Images/blood\ test\ inner\ page.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    color: white;

    padding: 40px 20px;
}
.travel-ailments h5{
    padding-bottom: 20px;
}
.travel-ailments ul{
    padding-left: 0px;
    line-height: 2.0;
}









