@tailwind base;
@tailwind components;
@tailwind utilities;


body {
    font-family: "Tiro Bangla", sans-serif; 
    background-color: #f3f4f6;
    
}


.slider {
    overflow: hidden;
    position: relative;
    height: 250px;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.slide.active {
    opacity: 1;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* Custom scrollbar styles */
#logo-sidebar {
    overflow-y: auto;
    /* Enable scrolling */
    scrollbar-width: thin;
    /* For Firefox */
    scrollbar-color: #00ff2a #2e7d32;
}

/* Webkit-based browsers (Chrome, Safari, Edge) */
#logo-sidebar::-webkit-scrollbar {
    width: 8px;
    /* Scrollbar width */
}

#logo-sidebar::-webkit-scrollbar-thumb {
    background-color: #4caf50;
    /* Scrollbar thumb color */
    border-radius: 10px;
    /* Rounded edges */
}

#logo-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #45a049;
    /* Thumb hover color */
}

#logo-sidebar::-webkit-scrollbar-track {
    background-color: #2e7d32;
    /* Scrollbar track color */
}