/* ============================= Hero Section Animation ============================= */
.banner-content > * {
  opacity: 0;
  transform: scale(0.8);
  animation: heroPop 0.7s ease forwards;
}
.banner-title {
  animation-delay: 0.2s;
}
.banner-title2 {
  animation-delay: 0.4s;
}
.banner-subtitle {
  animation-delay: 0.6s;
}
.btn-flower:nth-of-type(1) {
  animation-delay: 0.8s;
}
.btn-flower:nth-of-type(2) {
  animation-delay: 1s;
}
@keyframes heroPop {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.flower {
  animation: floatFlower 4s ease-in-out infinite;
}
@keyframes floatFlower {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
} /********************************** hero section - end **********************************/ /********************************** ============= Skills - Section ============= **********************************/
.section-title {
  opacity: 0;
  transform: translateY(60px) scale(0.9);
  filter: blur(10px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.section-title.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.skill-card {
  opacity: 0;
  transform: translateY(120px) scale(0.85);
  filter: blur(15px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.skill-card.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
} /* cinematic stagger */
.col-md-4:nth-child(1) .skill-card {
  transition-delay: 0.1s;
}
.col-md-4:nth-child(2) .skill-card {
  transition-delay: 0.35s;
}
.col-md-4:nth-child(3) .skill-card {
  transition-delay: 0.6s;
} /********************************** skills section - end **********************************/ /********************************** ============= PROJECT - Section ============= **********************************/







 /********************************** project section - end **********************************/ /* ============================= About Animation ============================= */
.about-section {
  transform: translateY(50px);
  transition: transform 0.6s ease;
}
.about-image {
  opacity: 0;
  transform: translateX(-50px) scale(0.95);
  filter: blur(10px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.about-image.show {
  opacity: 1;
  transform: translateX(0) scale(1);
  filter: blur(0);
}
.about-content {
  opacity: 0;
  transform: translateX(50px) scale(0.95);
  filter: blur(10px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.about-content.show {
  opacity: 1;
  transform: translateX(0) scale(1);
  filter: blur(0);
}