/* Hindu-Inspired Decorative Elements */

/* Lotus Decorations */
.lotus-decoration {
      position: absolute;
      opacity: 0.15;
      pointer-events: none;
      filter: drop-shadow(0 0 10px rgba(255, 153, 51, 0.4));
}

.lotus-top-left {
      top: -60px;
      left: -60px;
      width: 120px;
      height: 120px;
      transform: rotate(-45deg);
      animation: lotus-float 5s ease-in-out infinite;
}

.lotus-top-right {
      top: -60px;
      right: -60px;
      width: 120px;
      height: 120px;
      transform: rotate(45deg);
      animation: lotus-float-right 5s ease-in-out infinite 0.5s;
}

@keyframes lotus-float {
      0%, 100% {
            transform: translateY(0px) rotate(-45deg) scale(1);
            opacity: 0.15;
      }
      50% {
            transform: translateY(-20px) rotate(-45deg) scale(1.05);
            opacity: 0.22;
      }
}

@keyframes lotus-float-right {
      0%, 100% {
            transform: translateY(0px) rotate(45deg) scale(1);
            opacity: 0.15;
      }
      50% {
            transform: translateY(-20px) rotate(45deg) scale(1.05);
            opacity: 0.22;
      }
}

/* Swastika Icon */
.swastika-icon {
      width: 80px;
      height: 80px;
      object-fit: contain;
      opacity: 1;
      animation: swastika-pulse 4s ease-in-out infinite;
      filter: drop-shadow(0 4px 20px rgba(255, 153, 51, 0.6));
}

@keyframes swastika-pulse {
      0%, 100% {
            transform: scale(1) rotate(0deg);
            filter: drop-shadow(0 4px 20px rgba(255, 153, 51, 0.6));
      }
      50% {
            transform: scale(1.08) rotate(3deg);
            filter: drop-shadow(0 6px 30px rgba(255, 153, 51, 0.8));
      }
}

/* Hindu Symbol Container */
.hindu-symbol {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 28px;
      padding: 12px;
      animation: symbol-glow 4s ease-in-out infinite;
}

@keyframes symbol-glow {
      0%, 100% {
            filter: drop-shadow(0 0 12px rgba(255, 153, 51, 0.4));
      }
      50% {
            filter: drop-shadow(0 0 24px rgba(255, 153, 51, 0.7));
      }
}

/* Responsive adjustments */
@media (max-width: 480px) {
      .lotus-decoration {
            opacity: 0.08;
      }

      .lotus-top-left,
      .lotus-top-right {
            width: 70px;
            height: 70px;
            top: -35px;
      }

      .lotus-top-left {
            left: -35px;
      }

      .lotus-top-right {
            right: -35px;
      }

      .swastika-icon {
            width: 50px;
            height: 50px;
      }

      .hindu-symbol {
            margin-bottom: 16px;
      }
}