/* Development History Section Interactive Line */
#history h2 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

/* Ensure proper spacing between Our Journey and Development History */
#history .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

/* Keep Our Journey as inline-block for consistent positioning */
#history .text-center > span {
  display: inline-block;
  margin-bottom: 0;
}

#history h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 3px;
  background: #00476B;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

#history:hover h2::after {
  transform: scaleX(1);
}

/* Ensure the title is displayed inline-block for proper positioning */
#history .text-center {
  text-align: center;
}

/* Fix Our Journey position */
#history .text-center > span {
  display: inline-block;
  margin-bottom: 0.75rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #history h2::after {
    bottom: -6px;
    height: 2.5px;
  }
}

@media (max-width: 480px) {
  #history h2::after {
    bottom: -5px;
    height: 2px;
  }
}