@import 'tailwindcss';
@import "./utilities.css";
@tailwind base;
@tailwind components;
@tailwind utilities;



.swiper-button-next,
.swiper-button-prev {
    color: #D1D5DB !important; /* Light Gray */
    z-index: 9999 !important; /* Ensure visibility */
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important; /* Ensure clickable area */
    height: 40px !important; /* Ensure clickable area */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    opacity: 1 !important; /* Ensure it's not hidden by opacity */
    pointer-events: auto !important; /* Ensure it's clickable */
}

.swiper-button-prev {
    left: -3rem !important;
}

.swiper-button-next {
    right: -3rem !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 1.5rem !important; /* Adjust size as needed */
    font-weight: bold !important;
}

.swiper-button-prev::after {
    content: '\u2190' !important; /* Left arrow character */
}

.swiper-button-next::after {
    content: '\u2192' !important; /* Right arrow character */
}

.testimonials-slider .swiper-slide {
    height: auto; /* Allow slide to adjust based on content */
}

.testimonials-slider .swiper-slide .bg-white {
    height: 100%; /* Ensure inner div takes full height of slide */
    min-height: 200px; /* Adjusted min-height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonials-slider .swiper-slide .bg-white p.text-gray-700 {
    overflow-y: auto;
}


@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}
/* Optional: For smoother underline */
.group:hover .group-hover\:w-full {
    width: 100%;
}

.header-hidden {
    transform: translateY(-100%);
}

nav {
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}



.header-transparent-state {
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
}

.header-transparent-state .header-logo {
    filter: invert(1);
}

.header-transparent-state .nav-link {
    color: #fff;
}

.header-opaque-state {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-color: #e2e8f0;
}

.header-opaque-state .header-logo {
    filter: none;
}

.header-opaque-state .nav-link {
    color: #4b5563; /* text-gray-700 */
}