Countdown

<style>

/* Import Playfair Display font from Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

/* Ensure consistent box model */

.countdown-container-custom,

.countdown-segment-custom {

    box-sizing: border-box;

}

/* Main Container Styling */

.countdown-container-custom {

    text-align: center;

    padding: 40px 15px;

    background-color: #1a1a1a;

    background-image: url('https://lightsatthefair.com/wp-content/uploads/sites/5/2025/07/d6fb9991-6832-4b5c-bbfb-8029f85998e2-1024x676.png');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 12px;

    margin: 40px auto;

    width: 95%;

    max-width: 900px;

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);

    font-family: 'Playfair Display', serif;

    color: #f0f0f0;

    border: 2px solid #0056b3;

    position: relative;

    overflow: hidden;

}

/* Overlay for 70% opacity effect on the background image */

.countdown-container-custom::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: 1;

    border-radius: 10px;

}

/* Ensure all content is above the overlay */

.countdown-container-custom h2,

#countdown-display-custom,

#countdown-message-custom {

    position: relative;

    z-index: 2;

}

.countdown-container-custom h2 {

    color: #f0f0f0;

    font-family: 'Playfair Display', serif;

    font-size: clamp(1.6em, 5vw, 2.8em);

    line-height: 1.2em;

    margin-bottom: 30px;

    letter-spacing: 1px;

    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7), 0 0 15px rgba(0,