/* Custom styles */
@import url('https://fonts.cdnfonts.com/css/sony-sketch-ef');
*{
 
}
.border-box{
box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
   width: 100%;
   font-size: 16px;
}
.nocontainer{
    width: 100%;
}

.hero {
    height: 400px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.counter {
    font-size: 2em;
}


.testimonial-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid #ddd;
}

.testimonial-text {
    font-size: 1.1em;
    margin-bottom: 10px;
}

.testimonial-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.testimonial-rating span {
    color: #f8b400; /* Star color */
    font-size: 1.2em;
}

.thumbnail-img {
    max-width: 100%;
    height: auto;
    padding: 5px;
    border-radius: 5px;
}

.carousel-inner {
    padding: 10px 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

.base{
    position: absolute;
    
}
.try{
    position: relative;
    width: 100%;
    color: blue;
}
.carousel-wrapper {
    overflow: hidden;
    width: 100%; /* Set a fixed width for the visible area */
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.thumbnail-img {
    width: 100px; /* Adjust the width as needed */
    height: auto;
    border-radius: 5px;
}


#fixedIcons {
    position: fixed;
    top: 50%; /* Centers vertically */
    left: 0; /* Positions on the left edge */
    transform: translateY(-50%); /* Adjusts to center the icons vertically */
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

#fixedIcons .btn {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    color: white;
    border-radius: 0;
}

#fixedIcons .btn:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
    transition: transform 0.2s ease;
}

.header11{
    background-color: #efefef;
}

footer, header{
    background-color: #efefef;
    color: #444;
}
.hrr{
    border-bottom:2px solid #827f7f;
}
.foot2{
    border-top: 2px solid black;
}
.mycitymydoctor{color: #007bff;}

.navbar-toggler-icon {
    filter: invert(1); /* Makes the icon white */
}

@media (max-width: 768px) {
    .header11 {
        display: none; 
    }
}

.justifyright{
    width: 100%;
    justify-content: end;
}
.listp{
    box-sizing: border-box !important;
}


.contactus{
   padding-top:3rem;
   padding-bottom: 3rem;
}
.contactf{
    justify-content: center;
}
.pannels1{
    width:90%;
    margin: auto;
}
.contatus{
    padding:3rem;
}


/* Grid Container */
.grid-container {
    display: grid;
    gap: 1rem; /* Space between grid items */
    padding: 1rem;
  }
  
  /* Responsive Columns */
  @media (max-width: 576px) {
    /* Extra Small screens (mobile) */
    .grid-container {
      grid-template-columns: 1fr; /* 1 column */
    padding:0.5rem;
    }
    .grid-item{padding:1rem !important;}
  }
  
  @media (min-width: 576px) and (max-width: 768px) {
    /* Small screens (larger mobile devices, tablets) */
    .grid-container {
      grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    
  }
  
  @media (min-width: 768px) and (max-width: 992px) {
    /* Medium screens (tablets, small desktops) */
    .grid-container {
      grid-template-columns: repeat(3, 1fr); /* 3 columns */
    }
  }
  
  @media (min-width: 992px) {
    /* Large screens (desktops) */
    .grid-container {
      grid-template-columns: repeat(4, 1fr); /* 4 columns */
    }
  }
  
  /* Grid Item Styling */
  .grid-item {
    color: white;
    padding: 2rem;
    text-align: center;
    border-radius: 8px;
    display:flex;
    justify-content: center;
    align-items: center;
  }

  .aboutimg{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .aboutimg>img{
    width:100%;
  }


  

.headingabtus {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 2rem;
    font-style: normal;
    
    text-align: center;
  }
  .headingabtuspara{
        font-family: "Open Sans", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-variation-settings:
          "width" 100;
          font-size:1rem;
  }

  .red{
    color:red;
  }
  .textblue {
    color: #007bff; /* Example of a custom blue */
}
.happypaatients{
    
}
.Locateus{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: green;
}
.Locateus{
    font-size: 2rem;
}
.plus{
    font-size: 2rem;
}
.counterheading{
    font-size: 2rem;
}
.testimonial-text{
    font-family: 'Sony Sketch EF', sans-serif;
    font-size: 1.5rem;
}
.textthumb{
    display: flex;
    justify-content: right;
    align-items: center;
}
.panelllist{
    color:#F79806;
}
.name{
    display: flex;
    align-items: center;
    gap:1rem;
}
.name1{
    display: flex;
}
.name1>p{
    margin-bottom: 0;
    text-align: center;
    font-family: 'Sony Sketch EF', sans-serif;
    font-size: 3rem;
}
.linkhead{
    margin-bottom: 0;
    text-align: center;
    font-family: 'Sony Sketch EF', sans-serif;
    font-size: 1.5rem;

}

    .linkhead>a{
        color: black;
    }
    .nav-link.active {
        color: #0d6efd !important;}
    
.green1{
 color: #C1FF72;
}
.blue1{
    color: #5CE1E6;
}
.darkg1{
    color: #08BC66;
}
.logofooter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.headi1>p{
    font-size: 2.5rem;
    font-family: "Ms Madi", cursive;
    font-weight: 400;
    font-style: normal;
    color: black;
    margin-bottom:0 !important;
}

.headi2>p{
    font-size: 2.5rem;
    font-family: "Ms Madi", cursive;
    font-weight: 400;
    font-style: normal;
    color: #0d6efd;
    margin-bottom:0 !important;
}



.whyus{
    border: 1px solid #d3d3d3; /* Light grey border */
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Subtle shadow on all sides */
    border-radius: 5px;
}
.aboutimg{
    width: 100%;
    border: 1px solid #d3d3d3; /* Light grey border */
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Subtle shadow on all sides */
    border-radius: 5px;

}
.mappp{
    border: 1px solid #d3d3d3; /* Light grey border */
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Subtle shadow on all sides */
    border-radius: 5px;
}
.boxshadowwww{
    border: 1px solid #d3d3d3; /* Light grey border */
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Subtle shadow on all sides */
    border-radius: 5px;
}
.flexwhy{
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-list {
    list-style: none;
    padding-left: 0;
    
}
.custom-list>li{
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
      font-size:1rem;
}
.sizehead{
    font-size: 3rem;
}

.flexpan{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10rem;
}


.greenb{
    background-color: #C1FF72;
   }
   .blueb{
       background-color: #5CE1E6;
   }
   .darkgb{
       background-color: #08BC66;
   }

   .revieww{
    border: 1px solid #d3d3d3; /* Light grey border */
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Subtle shadow on all sides */
    border-radius: 5px;
   }

   .custom-list1 {
    list-style: none;
    padding-left: 0;
    
}
.custom-list1>li{
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
      font-size:1rem;
}

.footer-heading{
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 2rem;
    font-style: normal;
    text-align: center;
    color: #0d6efd;
}

.formflex{
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-heading{
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: center;
}

.big{
    color:red;
    font-size: 2rem;
}
.big1{
    color:green;
    font-size: 1rem;
}



.name1>p{
    margin-bottom: 0;
    text-align: center;
    font-family: "Ms Madi", cursive;
  font-weight: 400;
  font-style: normal;
    font-size: 3rem;
}

.paddingabout{
    padding: 3rem;
}
.paddingabout1{
    padding: 3rem !important;
}
.counter1{
    margin: 3rem;
}

.Whyushome{
    padding: 3rem;
    margin: 1rem;
}
.flexwhy1{
    padding: 1rem;
}
.abtus1{
    padding: 3rem;
}
.contact-heading11{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.heroimg{
    height:600px;
}
.video-section{
        max-width: 50%;
    }
@media screen and (max-width: 576px) {
     .video-section{
        max-width: 100%;
    }
    .headi>p{
       display: none;
    }
    .navbar{
        padding: 0 !important;

    }
    .paddingabout{
        padding: 0 !important;
    }
    .paddingabout1{
        padding: 1rem !important;
    }
    .headingabtus{
        font-size: 1.5rem;
    }
    .headingabtuspara{
        text-align: justify;
    }
    .counter1{
        margin: 1rem;
    }
    .panl div{
        width:50% !important;
        height:8rem;
    }
    .Whyushome{
        margin: 0 !important;
        padding: 1rem !important;
    }
    .Whyushome>div{
        display: flex;
    flex-direction: column;  
  }
  .flexwhy1{
    padding: 1.5rem !important;
}
.abtus{
    width:100% !important;
}
.abtus1{
    padding: 1rem;
}
.contatus{
    padding:1rem;
}
.contatus div{
    width: 100%;
    padding:0 !important;
}
.contatus div form{
    width: 95%;
    padding:5px !important;
}
.contact-heading11{
    padding: 5px !important;
}
.contactus{
    padding-top:1rem;
    padding-bottom:1rem;
}
.heroimg{
    height:350px;
}
.ngnnggn{
    font-size: 1rem;
}
  }
  
  
  
  .tagline{
    background-color: #08352E;
    border-radius: 10px;
    padding: 1%;
    text-align:center;
  }