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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

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

.mySwiper .swiper-slide {
    transition: 0.4s all ease;
}

.mySwiper .swiper-slide-active {
    width: 35% !important;
}

.active {
    color: #A42424;
    border-bottom: 2px solid #A42424;
}

@media (max-width: 1200px) {
    .mySwiper .swiper-slide-active {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    .mySwiper .swiper-slide-active {
        width: 70% !important;
    }
}

@media (max-width: 576px) {
    .mySwiper .swiper-slide-active {
        width: 100% !important;
    }
}