body {
    background-color: #363736;
    color: white;
    overflow-x: hidden;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* The Custom Green Gradient */
.gradient-text {
    background: linear-gradient(90deg, #7ba748 10%, #82c732 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Floating Animation for Services */
@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}

.animate-float:hover {
    animation-play-state: paused;
    cursor: pointer;
}

/* Fadeout for the Hero Content - 1.24s duration */
.hero-fade-out {
    transition: opacity 1.24s ease-out;
    opacity: 0;
    pointer-events: none;
}