/* --- Image Hover Animation --- */
.card-image {
    transition: transform 0.4s ease, filter 0.4s ease;
}

.group:hover .card-image {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* --- Brands Marquee Animation --- */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

.animate-marquee-infinite {
    animation: marquee 40s linear infinite;
}


 #contact-form label {
     display: block;

 }

 #contact-form input,
 #contact-form textarea {
     display: block;
     width: 100%;
     padding: 0.75rem 1rem;
     border: 1px solid #d1d5db; /* Tailwind's gray-300 */
     border-radius: 0.375rem; /* Tailwind's rounded-md */
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
     font-size: 1rem;
     color: #374151; /* Tailwind's gray-700 */
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 #contact-form input:focus,
 #contact-form textarea:focus {
     outline: none;
     border-color: var(--brand-accent);
     box-shadow: 0 0 0 0.2rem rgba(var(--brand-accent-rgb), 0.25);  
 }

 #contact-form .space-y-6 > div {
     margin-bottom: 1.5rem; 
 }

 #contact-form button {
     padding: 0.75rem 1.5rem;
     font-weight: 600;
     border-radius: 0.375rem;
     transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
 }



/* --- Image Hover Animation --- */
.card-image {
    transition: transform 0.4s ease, filter 0.4s ease;
}

.group:hover .card-image {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* --- Brands Marquee Animation --- */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

.animate-marquee-infinite {
    animation: marquee 40s linear infinite;
}

/* --- NEW: Hero Slider Image Animation --- */
@keyframes kenburns {
  0% {
    transform: scale(1.0);
    filter: brightness(1.0);
  }
  100% {
    transform: scale(1.1);
    filter: brightness(1.05);
  }
}

.hero-slide-image-animation {
  animation: kenburns 6s ease-out forwards;
}

.nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  letter-spacing: 0.05em; 
  transition: all 0.2s ease-in-out;
}

.nav-link:hover {
  font-weight: 700; 
  letter-spacing: normal; 
}