.roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}


.noto-sans-sinhala {
    font-family: "Noto Sans Sinhala", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

.inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

body {
    font-family: 'Roboto', sans-serif;
}

.active {
    color: #ed1c27;
}

.heading-color {
    color: #223874
}

.dark {
    color: #1a1a1a;
}

/* In your Tailwind CSS */
.h-screen-minus-header {
    height: calc(100vh - 80px);
    /* Adjust header height here */
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.bg-secondary {
    background-color: #223874;
}

.zoom-animate {
    animation: zoomInImage 10s ease-in-out infinite alternate;
    transform-origin: center center;
}

@keyframes zoomInImage {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.fc-daygrid-event {
    background-color: #223874 !important;
    /* Dark blue */
    border: none !important;
    color: white !important;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 10px;
}

/* Hover effect for events */
.fc-daygrid-event:hover {
    background-color: #223874 !important;
    /* Slightly lighter blue on hover */
}

/* Highlight today's date */
.fc-day-today {
    background-color: #F3F6FF !important;
    /* Light blue */
}

/* Optional: Add rounded border for today */
.fc-day-today .fc-daygrid-day-frame {
    border-radius: 6px;
}