/* Custom Styles */

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

/* Hero Slider */
.hero-slide {
    transition: opacity 1s ease-in-out;
}

.hero-slide.active {
    opacity: 1 !important;
}

/* Fade In Animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Slider Indicator Active State */
.slider-indicator.active {
    width: 2rem;
    background-color: white;
}

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

#mobile-menu.show {
    display: block;
}

/* Form Focus States */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Hover Effects */
a, button {
    transition: all 0.3s ease;
}

/* Smooth transitions for all interactive elements */
* {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}