.calendar-container {
            max-width: 95vw;
            margin: 20px auto;
            padding: 10px;
            border: 1px solid #ccc;
            overflow: auto;
        }

        #dp {
            height: 600px;
        }
        .unavailable-cell {
    background-color: #e00202 !important;
    cursor: not-allowed !important;
}



.tidycal-embed iframe {
    transform: scale(1);
    transform-origin: top left;
    width: 100%;
    height: auto;
}



@media (max-width: 768px) {
    .calendar-container {
        padding: 0 10px;
    }

    .tidycal-embed iframe {
        height: 100vh; /* Adjust height if needed */
    }
}