.navbar-brand {
  max-width: 250px;

}
.color-white{
    color: white !important;
}
.color-1b2c5f{
    color: #1b2c5f !important;
}
.wp-number{
  color:#1b2c5f;
}
.collapse{
/* display: flex; */
justify-content: flex-start !important;
}

.features{
  padding-bottom: 5%;
}
/* General Styling */
.nav-items {
  display: flex ;
  justify-content: space-evenly !important; /* Ensures equal spacing between items */
  align-items: center;
  gap: 15px !important; /* Extra spacing between items */
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-item {
  display: flex;

  align-items: center;
  gap: 8px; /* Space between icon and text */
}

.contact-link {
  color: black;
  text-decoration: none;
}

.icon {
  width: 20px;
  height: 20px;
}

/* Book an Appointment Button Styling */
.btn-book {
  background: #b21a15;
color: #fff;
border-radius: 10px 20px !important;
border-color: #b21a15;
font-family: "Exo", sans-serif !important ; 
  padding: 8px 16px;
 
  display: inline-block;
font-size: 13px;

font-weight: 700;
letter-spacing: .5px;

font-family: "Exo", sans-serif;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid transparent;
transition: all .35s ease;
}

.btn-book:hover {
  background: #223a66;
border-color: #223a66;
color: #fff;

}

/* WhatsApp Icon Styling */
.whatsapp-link {
  background: rgb(37, 211, 102);
  width: 45px !important;
  height: 45px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 2px solid #ffffff; /* Add border */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better aesthetics */
}

.whatsapp-link i {
  font-size: 25px;
  color: #ffffff; /* Ensure the icon remains visible */
}


/* Responsive Design */
@media (max-width: 991px) {
      .whatsapp-link {
            background: rgb(37, 211, 102);
        width: 20px !important;
        height: 20px ;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      border: 2px solid #ffffff; /* Add border */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better aesthetics */
    }
}
@media (max-width: 768px) {
  .navbar-brand {
    max-width: 220px;

}
  .nav-items {
    flex-direction: column; /* Stack items vertically */
    align-items: flex-start; /* Align items to the left */
    gap: 10px; /* Reduced spacing for smaller devices */
  }
  .nav-item {
     padding-bottom: 3% !important;
    }

  .btn-book,
  .whatsapp-link {
    width: auto; /* No full-width */
    align-self: flex-start; /* Align button/icon to the left */
  }
  .whatsapp-link {
      width: 20px !important;
      height: 20px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      border: 2px solid #ffffff; /* Add border */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better aesthetics */
    }
    
    .whatsapp-link i {
      font-size: 20px;
      color: #ffffff; /* Ensure the icon remains visible */
    }
}


@media (max-width: 1200px) {
  .btn-book {
   
    font-size: 10px;
   
   
    }
    .appoinment-content{
      text-align: center;
    }
}

.padding-nav{
max-width: 100%;
padding-left: 43px !important;
padding-right: 45px !important;

}

@media (max-width: 700px) {
  .padding-nav{
    
    padding-left: 20px !important;
    padding-right: 20px !important;
    
}

}

@media (max-width: 500px) {
  .padding-nav{
    
    padding-left: 0px !important;
    padding-right: 20px !important;
    
}

}