/* Custom styles beyond Tailwind */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Animation for hero image */
#hero-image {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* Testimonial slider styles */
.testimonial-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.testimonial-container::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}

/* Custom focus styles */
input:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.3);
}

/* Form validation styles */
input:invalid, textarea:invalid {
    border-color: #E71D36;
}

/* Hover effects for service cards */
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Mobile menu animation */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}

/* Custom button hover effect */
.custom-btn-hover:hover {
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}