@import "tailwindcss/base";
@import "./custom-base-styles.css";

@import "tailwindcss/components";
@import "./custom-components.css";

@import "tailwindcss/utilities";
/* @import "./custom-utilities.css"; */

@layer components {
    .text-last-left {
        @apply text-left;
    }

    /* .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 18px !important;
        font-weight: bold;
    }

    .swiper-button-prev,
    .swiper-button-next {
        opacity: 1 !important;
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0.35 !important;
    }

    @media (max-width: 640px) {

        .swiper-button-prev,
        .swiper-button-next {
            transform: scale(0.8);
        }
    } */
}

@layer utilities {
    body {
        @apply font-body;
    }
}