/* Top Bar */
.custom-top-bar {
  border-bottom: 1px solid #ddd;
}

/* Primary Text Color */
.custom-text-primary {
  color: #003366 !important;
}

/* Icon Styling */
.custom-phone-info i, 
.custom-location-info i {
  font-size: 1.2rem;
}

/* Ensure content is aligned as required */
.custom-logo-container {
  display: flex;
  align-items: center;
  position: relative; /* Add relative positioning */
  left: -20px; /* Increase the negative value to move the logo further left */
}

.custom-logo-container .custom-logo-image {
  margin-right: 5px; /* Space between logo and text */
}

/* Container Styling */
.custom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Flexbox Utility */
.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.text-center {
  text-align: center;
}

/* Move right items further right */
.custom-right-content {
  position: relative;
  right: -20px; /* Move right items further to the right */
}

.custom-phone-info {
  margin-right: 15px;
}

.custom-location-info {
  margin-left: 15px;
}

/* Responsive Design */
@media (max-width: 992px) {
  .custom-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .custom-logo-container {
    left: 0; /* Reset left positioning */
    justify-content: center;
    margin-bottom: 10px;
  }

  .custom-right-content {
    flex-direction: column;
    right: 0; /* Reset right positioning */
    text-align: center;
  }

  .custom-phone-info,
  .custom-location-info {
    margin: 5px 0;
  }
}

@media (max-width: 768px) {
  .custom-logo-image {
    height: 40px; /* Adjust logo size for smaller screens */
  }

  .custom-text-primary {
    font-size: 0.9rem;
  }

  .custom-phone-info i, 
  .custom-location-info i {
    font-size: 1.1rem;
  }
}
  
  /* Navbar Styles */
  .navbar {
    display: flex;
    align-items: center;
    padding: 10px 0;
  }
  
  .navbar-dark {
    background-color: #003366; /* Navy Blue */
  }
  
  .navbar-nav {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
  }
  
  .nav-item {
    position: relative;
  }
  
  .nav-link {
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 600;
  }
  
  .nav-link:hover {
    color: #f8f9fa;
  }
  
  /* Dropdown Styles */
  .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }
  
  .dropdown-item {
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #000;
  }
  
  /* Show Dropdown on Hover */
  .nav-item:hover > .dropdown-menu {
    display: block;
  }
  
  /* Preventive Cardiology Submenu */
  .preventive-dropdown .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%; /* Align to the right of the parent */
    margin-left: 0;
    border-radius: 5px;
  }
  
  .preventive-dropdown:hover > .dropdown-menu {
    display: block;
  }
  
  /* Submenu Items */
  .preventive-dropdown .dropdown-item {
    padding: 10px 16px;
    font-size: 14px;
  }
  
  .preventive-dropdown .dropdown-item:hover {
    background-color: #f1f1f1;
    color: #000;
  }
  
  /* Nested Dropdowns */
  .dropdown-item.dropdown {
    position: relative;
  }
  .dropdown-item.dropdown .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%; /* Aligns submenu to the right */
    margin-top: -10px; /* Slight alignment adjustment */
    border-radius: 5px;
    display: none;
    z-index: 1; /* Ensure submenu appears above other elements */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Add subtle shadow */
  }
  
  .dropdown-item.dropdown:hover .dropdown-menu {
    display: block;
  }
  
  .dropdown-link {
    text-decoration: none; /* Remove underline */
    color: #333; /* Set the color to dark gray or another color */
    transition: color 0.3s ease; /* Smooth hover transition */
  }
  
  .dropdown-link:hover {
    color: #003366; /* Change hover color (optional) */
  }
  
  /* Responsive Navbar */
  @media (max-width: 768px) {
    .navbar-nav {
      flex-direction: column;
    }
  
    .dropdown-menu {
      position: static;
      box-shadow: none;
      margin-top: 5px;
    }
  
    .preventive-dropdown .dropdown-menu {
      position: static;
      margin-left: 0;
    }
  }
  
  /* Specific Padding for the Parent Div */
  .d-flex.align-items-center {
      padding: 0 15px; /* Add padding to move items away from edges */
      width: auto; /* Ensure it doesn't stretch unnecessarily */
    }
    
    /* Appointment Button Custom Style */
    .btn-appointment {
      background-color: #638F32; /* custom green background */
      color: #fff; /* White text */
      font-weight: bold; /* Bold text */
      font-family: 'Poppins', sans-serif; /* Poppins font */
      border: 2px solid #638F32; 
      border-radius: 4px; /* Rounded corners */
      padding: 10px 20px; /* Padding for a clean appearance */
      font-size: 1rem; /* Font size */
      transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover transition */
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Add subtle shadow */
      margin-left: 10px; /* Fine-tune spacing if needed */
    }
    
    /* Hover Effect */
    .btn-appointment:hover {
      background-color: #638F32;
      color: #fff; /* text white */
      border-color: #638F32; 
    }
    
/* Focus State */
.btn-appointment:focus {
  box-shadow: 0 0 5px rgba(131, 174, 67, 0.6); /* Subtle green glow on focus */
  outline: none; 
}
/* Training Button Custom Style */
.btn-training {
  background-color: #638F32; /* custom green background */
  color: #fff; /* White text */
  font-weight: bold; /* Bold text */
  font-family: 'Poppins', sans-serif; /* Poppins font */
  border: 2px solid #002366; 
  border-radius: 4px; /* Rounded corners */
  padding: 10px 20px; /* Padding for a clean appearance */
  font-size: 1rem; /* Font size */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover transition */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Add subtle shadow */
  margin-left: 10px; /* Fine-tune spacing if needed */
}

/* Hover Effect */
.btn-training:hover {
  background-color: #7f9664;
  color: #fff; /* text white */
  border-color: #002366; 
}

/* Focus State */
.btn-training:focus {
  box-shadow: 0 0 5px rgba(67, 74, 174, 0.6); /* Subtle green glow on focus */
  outline: none; 
}
  
  
  
  
  
  /* main */
  /* Section Heading */
  
  
  /* Section Text */
  .section-text {
      font-size: 1.2rem;
      line-height: 1.8;
      color: #555;
      text-align: justify;
      margin-bottom: 20px;
  }
  
  /* Image Styling */
  .introduction-section img {
      border-radius: 15px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
      width: 100%;
      height: auto;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .introduction-section img:hover {
      transform: scale(1.03);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  }
  
  /* Custom List */
  .custom-list {
      list-style: none;
      padding: 0;
  }
  
  .custom-list li {
      margin-bottom: 15px;
      font-size: 1.2rem;
      line-height: 1.8;
      display: flex;
      align-items: center;
      color: #003366;
  }
  
  .custom-list i {
      margin-right: 15px;
      font-size: 1.5rem;
      color: #638F32;
  }
  
  /* Expertise Section Styling */
  .expertise-section {
      background: #fff; /* Distinguish from the introduction section */
      padding: 50px 20px;
      border: 1px solid #f0f0f0; /* Subtle border for differentiation */
  }
  
  
  
  
  
  /* Background Styling for Achievements */
  .bg-light {
      background-color: #f9f9f9 !important;
  }
  
  /* Image Container Styling */
  .col-md-6.text-center {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  /* Image Styling */
  .col-md-6.text-center img {
      width: 100%; /* Makes it fully responsive */
      max-width: 500px; /* Restricts image width to a good size */
      height: auto; /* Maintains aspect ratio */
      border-radius: 15px; /* Smooth edges for aesthetic appeal */
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); /* Adds depth */
      transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
  }
  
  /* Image Hover Effects */
  .col-md-6.text-center img:hover {
      transform: scale(1.03); /* Slight zoom-in effect */
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
  }
  
  
  
  
  
  
  
  
  
  /*hero*/
  
  
  /* Section Styling */
  .section-heading {
      text-align: center;
      font-size: 2.5rem;
      color: #003366;
      text-transform: uppercase;
      margin-bottom: 30px;
      position: relative;
  }
  
  .section-heading::after {
      content: '';
      display: block;
      width: 80px;
      height: 4px;
      background: linear-gradient(to right, #f7c948, #ff6b6b);
      margin: 10px auto 0;
  }
  
  /* Slider Styles */
  .hero-slider {
      display: flex;
      gap: 20px;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      padding: 20px 0;
  }
  
  .hero-slider::-webkit-scrollbar {
      display: none;
  }
  
  /* Hero Card */
  .hero-card {
      flex: 0 0 300px;
      background: white;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      scroll-snap-align: center;
  }
  
  .hero-card:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }
  
  /* Image Wrapper */
  .hero-img-wrapper {
      height: 200px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f8f8f8; /* Fallback for empty spaces */
  }
  
  .hero-img-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Ensures the image fits perfectly */
      object-position: center;
  }
  
  /* Card Content */
  .hero-content {
      padding: 20px;
      text-align: center;
      color: #638F32;
  }
  
  .hero-content h4 {
      font-size: 1.5rem;
      font-weight: bold;
      color: #003366;
      margin-bottom: 10px;
  }
  
  .hero-content p {
      font-size: 1rem;
      margin-bottom: 5px;
      color: #638F32;
  }
  
  .hero-content .text-primary {
     
      color: #638F32;
  }
  
  .hero-content .text-muted {
      font-size: 0.9rem;
      
      color: #638F32;
  }
  
  /* Specialist Slider */
  .specialist-slider {
      display: flex;
      gap: 20px;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      padding: 20px 0;
      scroll-behavior: smooth;
  }
  
  .specialist-slider::-webkit-scrollbar {
      display: none; /* Hide scrollbar for cleaner look */
  }
  /* Section Heading */
  .section-heading {
      text-align: center;
      font-size: 2.5rem;
      color: #003366;
      text-transform: uppercase;
      margin-bottom: 30px;
      position: relative;
  }
  
  .section-heading::after {
      content: '';
      display: block;
      width: 80px;
      height: 4px;
      background: linear-gradient(to right, #f7c948, #ff6b6b);
      margin: 10px auto 0;
  }
  
  /* Doctor Card */
  .doctor-card {
      background: white;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .doctor-card:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  }
  
  .profile-img img {
      width: 120px;
      height: 120px;
      object-fit: cover;
      border: 4px solid #638F32;
  }
  
  .doctor-card h5 {
      font-size: 1.25rem;
      color: #003366;
      margin-bottom: 10px;
  }
  
  .doctor-card p {
      font-size: 0.9rem;
      margin-bottom: 10px;
  }
  
  .doctor-card .btn {
      font-size: 0.85rem;
      font-weight: bold;
      display: flex;
      align-items: center;
      padding: 8px 12px;
  }
  
  .btn-primary {
      background: #003366;
      border: none;
      color: white;
      padding: 5px 10px; /* Adjust padding for smaller size */
      font-size: 10px;   /* Smaller font size */
      width: auto;       /* Set to auto for flexible width */
      border-radius: 4px; /* Optional: rounded corners */
      cursor: pointer;   /* Pointer cursor for buttons */
  }
  
  .btn-success {
      background: #638F32;
      border: none;
      color: white;
      padding: 5px 10px; /* Match padding with .btn-primary */
      font-size: 8px;   /* Match font size with .btn-primary */
      width: auto;       /* Flexible width */
      border-radius: 4px; /* Optional: rounded corners */
      cursor: pointer;   /* Pointer cursor for buttons */
  }
  
  
  .btn-primary:hover, .btn-success:hover {
      opacity: 0.9;
  }
  
  
  
  /* Responsive Design */
  @media (max-width: 768px) {
      .section-heading {
          font-size: 2rem;
      }
  
      .banner-section h1 {
          font-size: 2.5rem;
      }
  
      .banner-section p {
          font-size: 1.2rem;
      }
  
      .custom-list li {
          font-size: 1rem;
      }
      .mt-4 {
          margin-top: 1.5rem;
      }
      
  }
  
  
  /*Reserach section*/
  /* Research Section Styling */
  .research-section {
      background: linear-gradient(135deg, #ffffff, #f3f4f7);
      padding: 50px 30px;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      position: relative;
  }
  
  /* Animated Background Effect */
  .research-section::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0));
      animation: rotateBackground 10s infinite linear;
      z-index: 1;
      pointer-events: none;
  }
  
  /* Heading */
  .research-heading {
      text-align: center;
      font-size: 2.5rem;
      color: #003366;
      text-transform: uppercase;
      margin-bottom: 30px;
      position: relative;
  }
  
  .research-heading::after {
      content: '';
      display: block;
      width: 80px;
      height: 4px;
      background: linear-gradient(to right, #f7c948, #ff6b6b);
      margin: 10px auto 0;
  }
  
  /* Intro Text */
  .research-intro {
      font-size: 1.2rem;
      color: #555;
      margin-bottom: 40px;
      z-index: 2;
      position: relative;
  }
  
  /* Research List */
  .research-list-wrapper {
      z-index: 2;
      position: relative;
  }
  
  .research-list {
      list-style: none;
      padding: 0;
      margin: 0;
      animation: fadeIn 1.5s ease-in-out;
  }
  
  .research-item {
      font-size: 1.2rem;
      line-height: 1.8;
      color: #333;
      background: rgba(255, 255, 255, 0.9);
      margin-bottom: 20px;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .research-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  }
  
  /* Highlighted Text */
  .highlight-text {
      font-weight: 600;
      color: #004080;
      display: block;
      margin-bottom: 10px;
  }
  
  /* Published Date */
  .published {
      font-size: 0.9rem;
      color: #888;
      margin-bottom: 10px;
      display: block;
  }
  
  /* Read More Link */
  .read-more {
      font-size: 1rem;
      color: #638F32;
      text-decoration: none;
      font-weight: 700;
      position: relative;
  }
  
  .read-more::after {
      content: ' →';
      transition: margin-left 0.3s ease;
  }
  
  .read-more:hover::after {
      margin-left: 5px;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
      .research-heading {
          font-size: 2.2rem;
      }
  
      .research-intro {
          font-size: 1rem;
      }
  
      .research-item {
          font-size: 1rem;
      }
  }
  
  /* Animations */
  @keyframes rotateBackground {
      from {
          transform: rotate(0deg);
      }
      to {
          transform: rotate(360deg);
      }
  }
  
  @keyframes fadeIn {
      from {
          opacity: 0;
          transform: translateY(20px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  
  
  
  /*Procedures*/
  
  /* Procedures Section Styling */
  .procedures-section {
      background-color: #f9f9f9; /* Light background for contrast */
      padding: 40px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
  }
  
  /* Procedures Heading */
  .procedures-heading {
      text-align: center;
      font-size: 2.5rem;
      color: #003366;
      text-transform: uppercase;
      margin-bottom: 30px;
      position: relative;
  }
  
  .procedures-heading::after {
      content: '';
      display: block;
      width: 80px;
      height: 4px;
      background: linear-gradient(to right, #f7c948, #ff6b6b);
      margin: 10px auto 0;
  }
  
  /* Procedures Text */
  .procedures-text {
      font-size: 1.2rem;
      line-height: 1.8;
      color: #555;
      margin-bottom: 30px;
  }
  
/* Procedures List */
.procedures-list {
  list-style: none; /* Remove default list bullets */
  padding: 0;
  margin: 0;
}

.procedures-list li {
  display: flex; /* Use flex for alignment */
  gap: 10px; /* Space between bullet and text */
  font-size: 1.2rem; /* Text size */
  line-height: 1.8; /* Ensure proper spacing for multi-line text */
  margin-bottom: 10px; /* Space between list items */
  color: #333;
}

.procedures-list li::before {
  content: '\f105'; /* FontAwesome arrow as the bullet */
  font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is loaded */
  font-weight: 900;
  color: #ff6b6b; /* Vibrant red for the bullet */
  font-size: 1.2rem; /* Same size as text */
  flex-shrink: 0; /* Prevent the bullet from resizing */
  margin-top: 2px; /* Adjust vertical alignment of the bullet */
}

.procedures-list li span {
  flex: 1; /* Ensure text takes remaining space without breaking */
  word-break: break-word; /* Allow text to wrap properly if it's too long */
}




  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
      .procedures-heading {
          font-size: 2rem;
      }
      .procedures-text {
          font-size: 1rem;
      }
      .procedures-list li {
          font-size: 1rem;
      }
  }
  
  
  
  
  /* Footer Section */
  .footer-section {
      background-color: #003366; /* Dark blue background */
      
    }
    
    .footer-section h5,
    .footer-section h6 {
      font-size: 1.25rem;
      font-weight: bold;
    }
    
    .footer-section p,
    .footer-section ul {
      font-size: 0.9rem;
      color: #eaeaea;
    }
    
    .footer-section a {
      color: #eaeaea;
      transition: color 0.3s ease;
    }
    
    .footer-section a:hover {
      color: #003366;
    }
    
    .footer-section .input-group .form-control {
      border: none;
      border-radius: 0;
      font-size: 0.9rem;
    }
    
    .footer-section .input-group .btn {
      background-color: #003366; /* Light blue button */
      border: black;
      color: #fff;
      border-radius: 0;
      transition: background-color 0.3s ease;
    }
    
    .footer-section .input-group .btn:hover {
      background-color: #003366;
      border:#002366;
    }
    
    .footer-section hr {
      border-top: 1px solid #eaeaea;
      opacity: 0.2;
    }