/* Custom CSS for Vizion Cranes */

:root {
    --navy-900: #001146;
    --orange-500: #F6941F;
}

.bg-navy-900 {
    background-color: var(--navy-900);
}

.text-orange-500 {
    color: var(--orange-500);
}

.bg-orange-500 {
    background-color: var(--orange-500);
}

.hover\:bg-orange-600:hover {
    background-color: #e5851c;
}

.hover\:text-orange-600:hover {
    color: #e5851c;
}

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

/* Hide scrollbar for service bar */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Parallax effect */
.parallax-image {
    overflow: hidden;
}

.parallax-image img {
    transform: translateY(0);
    transition: transform 0.1s ease-out;
}

/* Project card hover effect */
.project-card {
    transition: all 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
}

/* Service card animations */
.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-3px);
}

.service-card:hover p {
    color: var(--orange-500);
}

/* Form inputs */
input, textarea {
    transition: all 0.3s ease;
}

input:focus, textarea:focus {
    outline: none;
    box-shadow: 0