.listed-doctors-area{
   position:relative;
   width:100%;
   margin-bottom:50px;
}
.top-all-doctors-list{
    position:relative;
    width:100%;
    display:inline-block;
}
.toper-doctor{
    position:relative;
    width:100%;
    box-shadow:0px 0px 5px #ccc;
    border-radius:8px;
    display:inline-block;
    padding:20px 10px;
    margin-bottom:15px;
}
.toper-doctor-img{
    position:relative;
    width:20%;
    float:left;
    display:inline-block;
    text-align:center;
}
.toper-doctor-img img {
    position: relative;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0px 0px 5px #ccc;
}
.toper-doctor-img p {
    position: relative;
    font-size: 12px;
    color: #303030;
    margin: 0px;
    padding: 0px;
}
.toper-doctor-docs {
    position: relative;
    width: 60%;
    float: left;
    display: inline-block;
    padding: 25px;
}
.doctor4name {
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
}
.doctor4name span{
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    display:block;
}
.doctor4exprence{
    font-size: 16px;
    font-weight: 400;
    margin: 0px 0px 5px 0px;    
}
.doctor4degree {
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
}
.available4day {
    font-size: 13px;
    margin: 0px 0px 5px 0px;
}
.available4time{
    font-size: 13px;
    margin: 0px 0px 5px 0px;   
}
.toper-doctor-apointment-booking{
    position:relative;
    width:20%;
    padding-top:25px;
    text-align:center;
    float:left;
    display:inline-block;
}
.toper-doctor-apointment-booking p{
    font-size:13px;
    margin:0px 0px 25px 0px;
}
.toper-doctor-apointment-booking p span{
    font-size:15px;
    margin:0px;
    color:#303030;
    display:block;
}
.doctor4profile {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #303030;
    background: #f5f7f9;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 5px;
    line-height: 20px;
}
.book4appointment {
    font-size: 13px;
    display: inline-block;
    background: #303030;
    width: 100%;
    text-align: center;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 5px;
    line-height: 20px;
    margin-top:10px;
}
.toper-doctor-apointment-booking p span del{
    color:red;
}
.btn-view-more-doctors {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    background: #8bc34a;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
}
.aside-right {
    border: 1px solid #E7EEEF;
    border-radius: 8px;
    background: #ebf5fe;
    padding: 15px;
    background: #ebf5fe url(../images/appointment-bg.png)100% 105% no-repeat;
    min-height: 255px;
}
.aside-right .appoint-btn {
    background: #303030;
    border-radius: 24px;
    text-align: center;
    width: auto;
    margin: 15px 0 10px;
    padding: 8px 20px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
}
.aside-right h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    align-items: center;
    letter-spacing: .02em;
    color: #333;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}
.aside-right ul{
    margin:0px;
    padding:0px;
    position:relative;
    width:100%;
}
.aside-right ul li{
    width:100%;
    display:block;
    margin:0px 0px 5px 0px;
}
.aside-right ul li p{
    width:100%;
    font-size:14px;
    margin:0px;
    padding:0px;
    display:block;
}
   .doctorImg img{
   width: 100%;
   height: 300px;
   object-fit: contain;
   }
   /**/
   .rating{
   text-align:center;
   }
   .rating a{
   font-size: 24px;
   color: yellow;
   }

   .test-box{
   text-align: center;
   border: 1px solid #97c6f7;
   padding: 8px 20px;
   border-radius: 5px;
   font-size: 14px;
   color:#fff;
   margin-bottom:10px;
   }
.testi {
    width: 100%;
    position:relative;
    padding: 60px 0px;
    background: #092f5a;
}

   .testi .carousel-inner {
   min-height: inherit;
   }
.testi h2 {
    font-weight: 600;
    color: #fff!important;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
         .product-preview .__item .__image {
         background: #3f51b5;
         } 
.left-quote {
    font-size: 36px;
    color: #fff;
    display: inline-block;
    line-height: 10px;
    position: relative;
    top: 7px;
} 
.right-quote {
    font-size: 36px;
    color: #fff;
    display: inline-block;
    line-height: 10px;
    position: relative;
    top: 17px;
}
.slider-area{
    position:relative;
    width:100%;
    margin-top:70px;
} 
.slider-area .slick-next {
    right: 25px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    background: #30303063;
    border: 2px solid #0000005c;
}
.slider-area .slick-prev {
    left: 25px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    background: #30303063;
    border: 2px solid #0000005c;
}
.categories-card{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:6px;
    text-align:center;
}
.categories-card img{
    position:relative;
    width:100%;
    margin-bottom:15px;
}
.categories-card h4{
    position:relative;
    font-size:16px;
    color:#303030;
    margin:0px;
}
.categories-card h2{
    position:relative;
    font-size:16px;
    color:#303030;
}
.categories-area{
    position:relative;
    width:100%;
    padding:50px 0px;
    background:#ecf6ff;
}
.blog-section{
    position:relative;
    width:100%;
    padding:50px 0px 50px 0px;
    background:#fff;    
}
.section-who-we-are{
    position:relative;
    width:100%;
    padding:0px;
    background:#fff;     
}
.section-who-we-are img{
    position:relative;
    width:100%;
    height:450px;
}
.section-who-we-are li{
    position:relative;
    font-size:14px;
    line-height:24px;
}
.contect-text-box{
    position:relative;
    width:100%;    
}
.contect-text-box ul{
    position:relative;
    width:100%;  
    margin:0px;
    padding:0px;
}
.contect-text-box ul li{
    position:relative;
    width:33%;  
    display:inline-block;
    text-align:center;
    list-style:none;
    float:left;
}
.contect-text-box ul li h3{
    position:relative;
    font-size:18px;
    margin:0px 0px 5px 0px;
    font-weight:600;
}
.contect-text-box ul li p{
    position:relative;
    font-size:16px;
    font-weight:400;
}
.contect-text-box ul li img {
    position: relative;
    margin-bottom: 15px;
    height: 40px;
}
.contect-area{
    position: relative;
    width: 100%;
    background:#f5f7f9;
    padding: 50px 0px;    
}
.contect-form-box {
    position: relative;
    width: 100%;
    padding: 25px;
    box-shadow: 0px 10px 15px #ccc;
    border-radius: 12px;
}
.contect-form-box input{
    position: relative;
    width: 100%;
    background:#f8777712;
}
.contect-form-box textarea{
    position: relative;
    width: 100%;
    min-height:80px;
    background:#f8777712;
}
.custom-btn.custom-btn--style-1:focus, .custom-btn.custom-btn--style-1:hover, .custom-btn.custom-btn--style-2 {
    background-color: #303030!important;
}
.footer-links{
    position: relative;
    width: 100%;    
}
.footer-links ul{
    position: relative;
    width: 100%;
    margin:0px;
    padding:0px;
}
.footer-links ul li{
    position: relative;
    width: 100%;
    display:block;
    list-style:none;
}
.footer-links ul li a{
    position: relative;
    text-decoration:none;
    font-size:15px;
    color:#6c757d!important
}
.footer{
    position: relative;
    width: 100%;  
    padding:50px 0px 0px 0px;
    box-shadow: 0px 0px 5px #ccc;
}
.footer h2{
    position: relative;
    font-size:24px;
}
.bottom-footer {
    background: #303030;
    padding: 10px 0px 0px 0px;
}
.font-12.text-secondary{
    font-size:15px;
}
/*=============================
Blog page css
================================*/
  .pagebar {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: normal;
   color: #484848;
   }
   .pagebar a, .pageList .this-page {
   background: #FFFFFF none repeat scroll 0%;
   border: 1px solid #DDDDDD;
   padding: 5px 6px;
   text-decoration: none;
   }
   .pagebar a:visited {
   background: #FFFFFF none repeat scroll 0%;
   border: 1px solid #DDDDDD;
   padding: 5px 6px;
   text-decoration: none;
   }
   .pagebar .break {
   background: #FFFFFF none repeat scroll 0%;
   border: medium none;
   padding: 5px 6px;
   text-decoration: none;
   }
   .pagebar .this-page {
   background: #FFFFFF none repeat scroll 0%;
   border-color: #484848;
   font-weight: bold;
   padding: 5px 6px;
   vertical-align: top;
   color: #101aa7;
   }
   .pagebar a:hover {
   background: #a8c5da none repeat scroll 0%;
   border-color: #0e6e9c;
   color: #FFFFFF;
   text-decoration: none;
   }
   .pagebar a.freeze {
   background: #FFFFFF none repeat scroll 0%;
   border: 1px solid #DDDDDD;
   padding: 5px 6px;
   text-decoration: none;
   color: #DDDDDD;
   }
   .pagebar .goto {
   background: #FFFFFF none repeat scroll 0%;
   border: 1px solid #DDDDDD;
   padding: 2px 6px;
   text-decoration: none;
   }
   .pagebar input[type=text] {
   -webkit-transition: all 0.30s ease-in-out;
   -moz-transition: all 0.30s ease-in-out;
   -ms-transition: all 0.30s ease-in-out;
   -o-transition: all 0.30s ease-in-out;
   outline: none;
   padding: 0 2px;
   margin: 0;
   border: 1px solid #cccccc;
   background: #ffffff;
   width: 25px;
   height: 15px;
   color: #484848;
   font-size: 11px;
   }
   .pagebar input[type=text]:focus {
   box-shadow: 0 0 5px rgba(81, 203, 238, 1);
   padding: 0 2px;
   margin: 0;
   border: 1px solid rgba(81, 203, 238, 1);
   background: #ffffff;
   }
   .pagebar input[type="submit"] {
   background: #0e6e9c;
   color: #ffffff;
   width: auto;
   height: 20px;
   padding: 0 3px;
   border: 1px solid #0e6e9c;
   font-size: 11px;
   font-weight: bold;
   cursor: pointer;
   }
   .pagebar input[type="submit"]:hover {
   background: #a8c5da;
   color: #ffffff;
   width: auto;
   height: 20px;
   padding: 0 3px;
   border: 1px solid #0e6e9c;
   font-size: 11px;
   font-weight: bold;
   cursor: pointer;
   }
   /*===============================
   About us page css
   ================================*/
    	    .about-cont {
 	        width:100%;
 	        height: 330px;
 	    }
 	    .prodoffr{
 	        position: relative;
 	            top: 186px;
    width: 100%;
    height: 530px;
 	    }
 	    .abtImg img{
 	            width: 100%;
    height: 516px;
    object-fit: contain;
 	    }
 	    .mission-txt li{
 	            font-size: 14px;
 	    }
 	    .vision-txt{
 	            font-size: 14px;
 	    }
 	    .about-our-holder{
 	        padding-top:0;
 	        padding-bottom:0;
 	    }
/*==================================
    31-10-2023
==================================*/
.social-media-area {
    position: fixed;
    top: 20%;
    padding: 5px;
    width: 40px;
    height: auto;
    z-index: 99;
    right: 3px;
}
.social-media-area a {
    position: relative;
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}
.float {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 5%;
    margin-bottom: -20px;
    right: 10px;
    color: white !important;
    background-color: #36D722;
    border-radius: 80px;
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    animation: shake 13s infinite;
}
.float-text {
    position: absolute;
    left:-143px;
    top: 8px;
    font-size: 13px;
    font-weight: bold;
    background: #36D722;
    padding: 2px 6px;
    border-radius: 6px;
    color: #ffffff;
}
.dropdown-menu.user-side {
    min-width: 101px!important;
    right: 0;
    left: -50px;
}
.login-signup{
    position:relative;
    width:100%;
    margin-top:90px;
    background:#f5f7f8;
    padding:50px 0px;
}
.user-dashboard{
    position:relative;
    width:100%;
    margin-top:90px;
    background:#fff;
    padding:50px 0px;    
}
.login-registeration-box {
    position: relative;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 10px #ccc;
    padding:25px;
}
.login-registeration-box input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
    width: 100%;
    margin-bottom:15px;
}
.login-registeration-box select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    padding-left: 10px;
    width: 100%;
    margin-bottom:15px;
}
.cart-button {
    background: #cd6289 none repeat scroll 0 0;
    border-color: #cd6289;
    color: #fdfdfd;
}
.login-registeration-box p a {
    color:#c96086;
}
.user-dashboard-box {
    position: relative;
    width: 100%;
    background: #f5f7f9;
    padding: 15px;
    display: inline-block;
}
.user-dashboard-box h2{
    font-size:20px;
}

   .user-dashboard .tab {
   float: left;
   width: 100%;
   }
.user-dashboard .tab button {
    display: block;
    background-color: inherit;
    color: #777;
    padding:10px 0px;
    width: 100%;
    border-bottom: 1px solid #ccc!important;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
}
.save-address-btn{
    background:#303030;
    padding:5px 25px;
    border-radius:4px;
    color:#fff;
}
   .user-dashboard .tab button:hover {
   background: #fff;
   }
  
   .user-dashboard .tab button.active {
   background: #fff;
   }
   .user-dashboard .tabcontent {
   float: left;
   padding: 0px 12px;
   width: 100%;
   border-left: none;
   }
.tab-display-box {
    position: relative;
    width: 80%;
    background: #f5f5f5;
    padding: 15px;
    display: inline-block;
    min-height: 265px;
} 
.tab-display-box table tr{
    position:relative;
    border:0px;
} 
.tab-display-box table tr th{
    position:relative;
    border:0px;
} 
.tab-display-box table tr td{
    position:relative;
    border:0px;
} 
.book-appointment-slot{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    background:#3333337d;
    z-index:9999;
    display:none;
    padding:50px;
}
.appointment-slot-box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 9;
    max-width: 600px;
    background: #fff;
    border-radius: 6px;
    padding: 25px;
    border: 10px solid #303030;
}
.appointment-slot-box .form-group{
    position: relative;
    width: 100%;
    margin-bottom:10px;
}
.appointment-slot-box .form-group .input-field{
    position: relative;
    width: 100%;
    border:1px solid #ccc;
    height:40px;
    padding:5px 15px;
    border-radius:6px;
}
.appointment-slot-box table tr td{
    position: relative;
    text-align:center;
}
.close-asb {
    width: 30px;
    position: absolute;
    right: -15px;
    height: 30px;
    top: -15px;
    border-radius: 50%;
    border: 0;
    background: #303030;
    color: #fff;
}
.select-time-slot {
    display: inline-block;
    position: relative;
    margin-right: 25px;
    background: #f5f7f9;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 30px;
}
.select-time-slot input{
    display:inline-block;
    position:relative;
    width:auto;
    margin:0px;
}
.select-time-slot label{
    display:inline-block;
    position:relative;
    width:auto;
    margin:0px;
}
.doctor-profile-page {
    position: relative;
    width: 100%;
    min-height: 400px;
    padding: 50px 0px;
    margin-top: 88px;
}
.doctor-profile-box {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 15px #ccc;
    border: 15px solid #f5f7f8;
    border-radius: 6px;
    display: inline-block;
}
.doctor-profile-box .toper-doctor-img {
    position: relative;
    width: 250px;
    float: left;
    display: inline-block;
    text-align: center;
}
.doctor-profile-box .toper-doctor-img img{
    position: relative;
    width: 100%;
    border-radius:15px 15px 0px 0px;
}
.doctor-profile-ads {
    position: relative;
    width: 100%;
    background: #f5f7f8;
    padding: 15px;
    box-shadow: 0px 0px 15px #ccc;
    border-radius: 6px;
}
.doctor-profile-ads img{
    position: relative;
    width: 100%;
}
.name-plate {
    background: #0058bc;
    padding: 10px;
}
.name-plate .doctor4name {
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    color: #fff;
}
.name-plate .doctor4name span {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    display: block;
    letter-spacing: 1px;
}
.doctor-profile-box .toper-doctor-docs h2 {
    font-size: 20px;
    margin: 15px 0px 5px 0px;
    text-transform: uppercase;
    font-weight: 600;
}
.doctor-profile-box .toper-doctor-docs p.font13{
     font-size:13px;
     line-height:20px;
     margin:0px;
}
.doctor-profile-box .doctor4name {
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.doctor-profile-box .book4appointment {
    font-size: 14px;
    display: inline-block;
    background: #303030;
    width: auto;
    text-align: center;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: 8px 25px;
    line-height: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.date_input {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.time_book_now {
    background: #303030;
    color: #fff;
    display: inline-block;
    padding: 5px 25px;
    line-height: 24px;
    border-radius: 20px;
}
.awards-area{
    position:relative;
    width:100%;
    padding:60px 0px;
    background:#f5f7f8;
}
.award-box{
    position:relative;
    width:100%;
    padding:10px;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
    box-shadow:0px 0px 10px #000;
}
.award-box img{
    position:relative;
    width:100%;
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    height: auto;
    transform: scale(1);
}
.award-box:hover img{
    transform: scale(1.2);
    border-radius:6px;
    cursor:pointer;
}
.awards-area .section-heading {
    margin-bottom: 15px;
}



.tabbox4u{
    position:relative;
    width:100%;
    padding-top:15px;
}
.tabbox4u .tab {
    overflow: hidden;
    width: auto;
    display: inline-block;
}
.tabbox4u .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    margin-right: 5px;
    color: #fff;
    background:#212529;
}
.tabbox4u .tab button:hover {
  background-color: #ddd;
}
.tabbox4u .tab button.active {
  background-color: #ccc;
}
.tabbox4u .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  color:#303030;
}
.blog-box{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:6px;
    box-shadow:0px 0px 10px #ccc;
    margin-bottom:15px;
}
.blog-box .blog-imag{
    position:relative;
    width:100%;
}
.blog-box .blog-imag img{
    position:relative;
    width:100%;
    height:175px;
}
.blog-box .blog-text {
    position: relative;
    width: 100%;
    padding: 15px;
    text-align: center;
    min-height:85px;
}
.blog-box .blog-text a{
    position: relative;
    text-align:center;
    font-size:16px;
}
.lda-btn {
    background: #303030;
    border: none;
    position: absolute;
    z-index:1;
    color: #fff;
    display: block;
    margin-top: 15px;
    bottom: 40px;
    text-transform: uppercase;
    border-radius: 25px;
    line-height: 24px;
    left: 35%;
    padding: 10px 25px;
}
.blogs-details-area{
    position:relative;
    width:100%;
    padding:50px 0px;
}
.blogs-details-box{
    position:relative;
    width:100%;
}
.blogs-details-box img{
    position:relative;
    width:40%;
    float:left;
    margin:0px 20px 10px 0px;
}
.blog-box25{
    position:relative;
    width:100%;  
    box-shadow:0px 0px 10px #ccc;
    border-radius:10px;
    overflow:hidden;
    padding:10px;
    min-height:370px;
    margin-bottom:25px;
}
.blog-box25 img{
    position:relative;
    width:100%;  
    height:225px;
    border-radius:10px;
    margin:0px 0px 15px 0px;
}
.btn-submit {
    background: #303030;
    color: #fff;
    padding: 5px 25px;
    border: none;
    line-height: 24px;
    border-radius: 20px;
}