.underline::before{
   content: '';
  position: absolute;
  bottom: -3px; /* Space between text and line */
  left: 45%;
  width: 10%;
  height: 3px;
  background-color: var(--primary-accent);
  border-radius: 3px;
}
/* home section h1 styling  */
.gradiant-font {
  /* Sizing and alignment */
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;

  /* Font styling */
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ff6600;
  background: linear-gradient(90deg, #ee0979, #f77e28d7 );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Floating animation */
  animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px); /* slightly up */
  }
  100% {
    transform: translateY(0);
  }
}
/* responisve design  */
@media (max-width: 768px){

  .gradiant-font{
    font-size: 1.6rem;
  }
}