/* style.css */

/* Base Transitions */
body {
    -webkit-font-smoothing: antialiased;
}

/* Custom Animations for Header Floating Elements */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes float-reverse {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(-5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.floating-element:nth-child(1) {
    animation: float 6s ease-in-out infinite;
}
.floating-element:nth-child(2) {
    animation: float-reverse 7s ease-in-out infinite;
}
.floating-element:nth-child(3) {
    animation: float 8s ease-in-out infinite;
}

/* Header Content Slide-in Animations */
@keyframes slideInRight {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

.animate-slide-right {
    animation: slideInRight 1s ease-out forwards;
}

.animate-slide-left {
    animation: slideInLeft 1s ease-out forwards;
}

/* Scroll Reveal Animation Classes */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

.delay-300 {
    transition-delay: 0.3s;
}



.left-1\/2 
{
  left:40%!important;
}