.countdown {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap; /* Allow wrapping on small screens */
    }
    .time-box {
        background-color: #1b1613;
        padding: 20px;
        border-radius: 10px;
        border: 2px solid #2980b9;
        width: 100px;
        text-align: center;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    }
    .time-box h1 {
        margin: 0;
        font-size: 2rem;
        font-weight: bold;
    }
    .time-box p {
        margin: 5px 0 0;
        font-size: 0.9rem;
        letter-spacing: 1px;
        color: #ccc;
    }

    /* Medium screen adjustments */
    @media (max-width: 768px) {
        .time-box {
            width: 80px;
            padding: 15px;
        }
        .time-box h1 {
            font-size: 1.5rem;
        }
        .time-box p {
            font-size: 0.8rem;
        }
    }

    /* Small screen adjustments */
    @media (max-width: 480px) {
        .countdown {
            gap: 10px;
        }
        .time-box {
            width: 70px;
            padding: 10px;
        }
        .time-box h1 {
            font-size: 1.2rem;
        }
        .time-box p {
            font-size: 0.7rem;
        }
    }