.hero {
    background-image: url('images/hero.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.equipment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.testimonial-card {
    transition: all 0.3s ease;
}

.testimonial-card:hover {
    transform: scale(1.02);
}

.nav-link:hover {
    color: #06a0ff;
}

.nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #06a0ff;
    transition: width 0.3s;
}

.nav-link:hover::after {
    width: 100%;
}

/* Add styles for line animation */
.animate-line {
    width: 6rem; /* Set the final width (w-24) */
    transform: scaleX(0); /* Initial state: scaled down to 0 width */
    transform-origin: left center; /* Animate from the left */
    transition: transform 0.4s ease-out; /* Reduced duration */
}

.animate-line.in-view {
    transform: scaleX(1); /* Final state: scaled up to full width */
}