/* Custom styling for header bar colors */

/* Replace all header gradient with warm yellow */
.heading-with-bar::after,
.tp-section-title::after,
.tp-section-title-white::after {
  background: #FFD97E !important; /* Warm yellow color */
  background-image: none !important;
  box-shadow: 0 2px 5px rgba(255, 217, 126, 0.3);
  /* Center the bar */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 120px !important;
  height: 5px !important;
  border-radius: 2px !important;
  bottom: -15px !important;
}

/* Add hover effect */
.heading-with-bar:hover::after,
.tp-section-title:hover::after,
.tp-section-title-white:hover::after {
  box-shadow: 0 4px 8px rgba(255, 217, 126, 0.5);
}

/* Hide any extra bars */
.tp-service-3-heading {
  display: none !important;
}

/* For headings without the class, make sure the bar is centered */
h3[class*="title"]::after {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 120px !important;
}

/* Remove underbar for teaching approach section */
.tp-section-2-title.heading-with-bar::after {
  display: none !important;
}

/* Set feature headings to Urbanist font */
.tp-process-3-title {
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 600 !important;
}