/* ==========================
   HERO SECTION
========================== */

.taaj-hero{
  position:relative;
  padding:140px 20px 120px;
  background:
    radial-gradient(circle at 20% 30%,#6366f155,transparent 40%),
    radial-gradient(circle at 80% 20%,#4f46e555,transparent 40%),
    #020617;
  color:#fff;
  text-align:center;
  overflow:hidden;
  height: 600px;
}

/* Glow Effect */

.taaj-hero::before{
  content:'';
  position:absolute;
  width:400px;
  height:400px;
  background:#6366f1;
  filter:blur(180px);
  opacity:.35;
  top:-100px;
  left:-100px;
}

/* Container */

.taaj-hero .taaj-container{
  position:relative;
  z-index:2;
  max-width:1100px;
  /*margin:auto;*/
  margin-top:100px !important;
}

/* Title */

.taaj-hero h1{
  font-size:64px;
  font-weight:800;
  margin-bottom:15px;
}

.taaj-hero h1 span{
  background:linear-gradient(90deg,#6366f1,#22d3ee);
  -webkit-background-clip:text;
  color:transparent;
}

/* Subtitle */

.taaj-hero p{
  font-size:22px;
  opacity:.9;
  max-width:700px;
  margin:0 auto 35px;
}

/* Buttons */

.taaj-hero-actions{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

/* Animations */

.taaj-hero h1,
.taaj-hero p,
.taaj-hero-actions{
  animation:taajFadeUp .9s ease both;
}

.taaj-hero p{animation-delay:.2s}
.taaj-hero-actions{animation-delay:.4s}

@keyframes taajFadeUp{
  from{opacity:0;transform:translateY(40px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile */

@media(max-width:768px){

  .taaj-hero h1{
    font-size:40px;
  }

  .taaj-hero p{
    font-size:18px;
  }
}