@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

.header {
    background: #313232;
    border-bottom: 5px solid #D63B37;
}
.top-nav > ul > li.active {
    @apply text-red-600;
}

.top-nav > ul > li.active a {
    @apply border-b-4 border-red-600 text-red-600 font-bold;
}

.top-nav > ul > li.active a:hover {
    @apply bg-red-600 text-white;
}

#banner_slider {
    height: 500px;
}

.slides_common li{
    opacity:0;
    transition:opacity .5s ease-in;
    position: absolute;
}

.slides_common li.show {
    opacity:1;
}