#schedule-container {
    margin: 40px auto; /* Center the container */
    padding: 20px; /* Padding for top and bottom */
    max-width: 600px; /* Set a max width for better centering */
    color: white; /* Text color */
    background-color: #262726; /* Background color for the schedule */
    border-radius: 8px; /* Rounded corners for the container */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Shadow for depth */
}

/* Title Styles */
h2 {
    text-align: center; /* Center the title */
    text-decoration: underline; /* Underline the title */
    margin: 20px 0; /* Add top and bottom margin */
    font-size: 28px; /* Default font size */
    color: #ffffff; /* Title color */
}

/* Date Section Styles */
.date {
    margin-bottom: 20px; /* Space below the date section */
    padding: 10px; /* Padding inside the date section */
    text-align: center; /* Center the date text */
    background-color: #3a3a3a; /* Background color for the date section */
    border-radius: 5px; /* Rounded corners */
}

/* Date Text Styles */
.date strong {
    font-size: 1.5em; /* Larger font size for the date */
    color: #ffffff; /* Date text color */
}

/* Service Entry Styles */
.service {
    margin: 10px auto; /* Margin between service entries */
    padding: 10px; /* Padding inside service entries */
    background-color: #3a3a3a; /* Slightly lighter background for services */
    border-radius: 5px; /* Rounded corners */
    max-width: 90%; /* Use a percentage for responsiveness */
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); /* Shadow for depth */
    overflow: hidden; /* Prevent overflow */
}

/* Service Details Styles */
.service .location,
.service .time,
.service .typeofservice,
.service .contact {
    margin: 5px 0; /* Margin between service details */
    padding: 3px; /* Padding inside service details */
    color: #ffffff; /* Text color for service details */
}