/* Global CSS for Life Insurance Website */

/* Dropdown Menu Transition */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.group:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mobile Menu Animation */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
}

#mobile-menu.open {
    transform: translateX(0) !important;
}

/* Hero Slider Fade */
.hero-slide {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-slide.active {
    opacity: 1;
    z-index: 10;
}

.slider-dot {
    transition: all 0.3s ease;
}

/* Custom Scrollbar (Optional) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #C9A86A;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1A2B4C;
}