/* 🖤 General Timeline Styling */
.cool-vertical-timeline-body {
    position: relative;
    max-width: 1200px;
    margin: auto;
    padding: 20px 0;
}

/* 🎬 Timeline Line for Desktop */
.cool-vertical-timeline-body::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    background: #C9A86A; /* Muted Gold */
    transform: translateX(-50%);
    z-index: 1;
}

/* 📌 Individual Timeline Blocks */
.cool-timeline-block-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
}

/* 🔲 Timeline Box Styling */
.story-details {
    width: 45%;
    background-color: rgba(255, 255, 255, 0.85) !important; /* Soft white with transparency */
    border: 2px solid #C9A86A !important; /* Muted gold border */
    border-radius: 10px;
    padding: 20px;
    position: relative;
    box-shadow: 0 4px 6px rgba(201, 168, 106, 0.3); /* Subtle gold glow */
    transition: all 0.3s ease-in-out;
}

/* 🌟 Alternate Blocks for Desktop */
.position-left {
    align-self: flex-start;
    text-align: right;
}

.position-right {
    align-self: flex-end;
    text-align: left;
}

/* 🔘 Timeline Dots */
.timeline-block-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #C9A86A; /* Gold */
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* 🖼 Image Styling */
.story-details img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 2px solid #C9A86A;
    object-fit: cover;
}

/* 🏆 Heading Styling */
.story-details h3 {
    font-size: 18px;
    font-weight: bold;
    color: #C9A86A !important;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}

/* 📝 Paragraph Styling */
.story-details p {
    color: #000000 !important;
    font-size: 15px;
    line-height: 1.5;
}

/* ✨ Hover Effects */
.story-details:hover {
    background-color: rgba(255, 255, 255, 1) !important;
    transform: scale(1.02);
    box-shadow: 0 6px 12px rgba(201, 168, 106, 0.5);
}

/* 🏆 MOBILE  TABLET FIX: Stack Entries with Line on Left */
@media only screen and (max-width: 1024px) {
    .cool-vertical-timeline-body::before {
        left: 10px;
        transform: none;
    }

    .cool-timeline-block-list {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    .story-details {
        width: 90%;
        text-align: left;
        margin-left: 40px;
    }

    .timeline-block-icon {
        left: 0;
        transform: translate(-50%, -50%);
    }
}

/* 💎 Mobile Enhancements */
@media only screen and (max-width: 768px) {
    .story-details {
        width: 100%;
        margin-left: 30px;
        padding: 15px;
    }

    .story-details h3 {
        font-size: 16px;
    }

    .story-details p {
        font-size: 14px;
    }

    .timeline-block-icon {
        width: 15px;
        height: 15px;
    }
}
/* Target the timeline container on this page */
body.page-id-XX .story-details {
    background: transparent !important; /* Ensure no unwanted white background */
    padding: 20px; /* Adjust padding for better spacing */
    border-radius: 10px; /* Optional: Rounded corners */
}

/* Style the heading */
body.page-id-XX .story-details h3 {
    color: #C9A86A !important; /* Muted gold */
    font-weight: bold;
    text-transform: uppercase;
}

/* Style paragraph text */
body.page-id-XX .story-details p {
    color: #FFFFFF !important; /* White text for readability */
    font-size: 16px; /* Adjust for readability */
    line-height: 1.6;
}

/* Style links inside the timeline */
body.page-id-XX .story-details a {
    color: #C9A86A !important; /* Gold links */
    text-decoration: none;
    font-weight: bold;
}

/* Add a hover effect for links */
body.page-id-XX .story-details a:hover {
    color: #A77E4E !important; /* Darker gold on hover */
    text-decoration: underline;
}

/* Ensure no unexpected white background for emojis */
body.page-id-XX .story-details img {
    background: transparent !important;
}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}
.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-2);}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading {text-align: center;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{color: var(--ast-global-color-2);margin-bottom: 20px;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-weight: 700;font-size: 28px;line-height: 1.2em;margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-desc-text{text-transform: uppercase;font-weight: 700;font-size: 16px;line-height: 1.2em;letter-spacing: 2px;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-size: 24px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 14px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-size: 20px;}}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-heading-text{color: #ffffff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading {text-align: center;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 1px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{color: var(--ast-global-color-2);margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-weight: 700;font-size: 28px;line-height: 1.2em;margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-desc-text{text-transform: uppercase;font-weight: 700;font-size: 16px;line-height: 1em;letter-spacing: 2px;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-size: 24px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 14px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-size: 20px;}}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-2);}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading {text-align: center;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{color: var(--ast-global-color-2);margin-bottom: 20px;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-weight: 700;font-size: 28px;line-height: 1.2em;margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-desc-text{text-transform: uppercase;font-weight: 700;font-size: 16px;line-height: 1.2em;letter-spacing: 2px;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-size: 24px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-advanced-heading.uagb-block-69808297.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 14px;}.wp-block-uagb-advanced-heading.uagb-block-69808297 .uagb-heading-text{font-size: 20px;}}