.intro-section {
  height: auto;
  display: flex;
  align-items: center;
  /* background-color: #fff5eb; */
  /* background: linear-gradient(90deg, #f8ebf9, #ffffff); */
  background-image: url('hero-section-image.webp');
/* padding-top: 10px; */
 padding-bottom: 52px;
 background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 height: 94vh;

}

.intro-text {
  
  text-align: center;
}
.ubuntu span{
    color: #ffeb3b;
  font-weight: bold;
  animation: glowPulse 2s infinite alternate;
}
@keyframes glowPulse {
    0% { text-shadow: 0 0 5px #ff5722, 0 0 10px #ff9800; }
  50% { text-shadow: 0 0 15px #ff9800, 0 0 30px #ffeb3b; }
  100% { text-shadow: 0 0 20px #ff5722, 0 0 40px #ff9800; }
}
.intro-text .ubuntu {
  font-family: 'Sora';
  letter-spacing: 0.2px;
  font-size: 23px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.intro-text .poppins {
  font-family: 'Readex Pro';
/* color:#ed9a00; */
color: #FFD700;


  font-weight: 400;
  font-size: 16px;
/* letter-spacing: 0.4px; */
  line-height: 2;
 
  }

.intro-image img {
  margin-top: -10px;
height: 400px;
width: 400px;
  object-fit: cover;
}

#crew{
  font-family: 'Readex Pro', sans-serif;
  font-weight: 500;
  margin-top: 18px;
  letter-spacing: 0.4px;
 /* border: 3px ridge black;  Carved inward */
  background-color: #fff;
   color: #c22126;

  font-size: 17px;

  margin-top: 10px;
  
}



/* Responsive */
@media (max-width: 768px) {
  .intro-text {
    text-align: center;
  }

  .intro-section .ubuntu {
    margin-top: 20px;
  }

  .intro-image {
    text-align: center;
    padding-top: 10px;
  }
  .home-intro-image-vel {
    height: 300px;
    width: 300px;
  }
}




.btn-neon {
  position: relative;
  display: inline-block;
  padding: 14px 28px;
  background: transparent;
  color: #FFD700;
  border: 2px solid #FFD700;
  border-radius: 20px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: hidden;
  transition: 0.2s ease-in-out;
  box-shadow: 0 0 10px #FFD700, 0 0 40px #FFD700, 0 0 80px #FFD700;
}

/* Hover glow boost */
.btn-neon:hover {
  background: #FFD700;
  color: #111;
  box-shadow: 0 0 20px #FFD700, 0 0 60px #FFD700, 0 0 100px #FFD700;
}

/* Spark-like glowing borders */
.btn-neon span {
  position: absolute;
  display: block;
}

.btn-neon span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #FFD700);
  animation: animate1 2s linear infinite;
}

.btn-neon span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #FFD700);
  animation: animate2 2s linear infinite;
  animation-delay: 0.5s;
}

.btn-neon span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #FFD700);
  animation: animate3 2s linear infinite;
  animation-delay: 1s;
}

.btn-neon span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #FFD700);
  animation: animate4 2s linear infinite;
  animation-delay: 1.5s;
}

@keyframes animate1 {
  0% { left: -100%; }
  50%,100% { left: 100%; }
}
@keyframes animate2 {
  0% { top: -100%; }
  50%,100% { top: 100%; }
}
@keyframes animate3 {
  0% { right: -100%; }
  50%,100% { right: 100%; }
}
@keyframes animate4 {
  0% { bottom: -100%; }
  50%,100% { bottom: 100%; }
}