.section-outer-small,
.section-outer-medium,
.section-outer-large,
.section-outer-full,
.section-outer-exta-large,
.section-outer-custom {
    margin-left: auto;
    margin-right: auto;
}

.section-inner-small,
.section-inner-medium,
.section-inner-large,
.section-inner-extra-large,
.section-inner-custom,
.section-inner-wide {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.section-outer-small,
.section-inner-small,
.section-outer-medium,
.section-inner-medium,
.section-outer-wide,
.section-inner-wide,
.section-outer-large,
.section-inner-large,
.section-outer-extra-large,
.section-inner-extra-large {
    max-width: 100%;
}

[class^="section-outer-"].d-none,
[id^="rodeo-"].Div.d-none {
    display: none !important;
}

[class^="section-outer-"][class*="justify-content-"] > [class^="section-inner-"].h-100 {
    height: auto !important;
}

@media (min-width: 576px) {
    [class^="section-outer-"].d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
    [class^="section-outer-"].d-md-none {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .d-xs-none {
        display: none !important;
    }

    .section-outer-small,
    .section-inner-small,
    .section-outer-medium,
    .section-inner-medium,
    .section-outer-large,
    .section-inner-large,
    .section-outer-extra-large,
    .section-inner-extra-large,
    .section-outer-custom,
    .section-inner-custom,
    .section-outer-wide,
    .section-inner-wide {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .section-outer-small,
    .section-inner-small {
        width: 300px;
    }

    .section-outer-medium,
    .section-inner-medium {
        width: 500px;
    }

    .section-outer-wide,
    .section-inner-wide {
        width: 768px;
    }

    .section-outer-large,
    .section-inner-large {
        width: 768px;
    }

    .section-outer-extra-large,
    .section-inner-extra-large {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .section-outer-small,
    .section-inner-small {
        width: 500px;
    }

    .section-outer-medium,
    .section-inner-medium {
        width: 700px;
    }

    .section-outer-wide,
    .section-inner-wide {
        width: 992px;
    }

    .section-outer-large,
    .section-inner-large {
        width: 992px;
    }

    .section-outer-extra-large,
    .section-inner-extra-large {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .section-outer-small,
    .section-inner-small {
        width: 500px;
    }

    .section-outer-medium,
    .section-inner-medium {
        width: 700px;
    }

    .section-outer-wide,
    .section-inner-wide {
        width: 992px;
    }

    .section-outer-large,
    .section-inner-large {
        width: 1200px;
    }

    .section-outer-extra-large,
    .section-inner-extra-large {
        width: 100%;
        max-width: 1400px;
    }
}

@media (max-width: 992px) {
    /* Align all columns in single row, prevent wrapping to next row, and enable horizontal scrolling */
    .rodeo-inline-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        scrollbar-width: none; /* Hide scrollbar in Firefox */
    }

        .rodeo-inline-scroll::-webkit-scrollbar {
            display: none; /* Hide scrollbar in WebKit browsers */
        }

        /* Each column nearly fills the screen, columns prevented from growing larger, and
           padding/margin included in width calculation */
        .rodeo-inline-scroll > div,
        .rodeo-inline-scroll > a {
            flex: 0 0 40%;
            max-width: 40%;
            scroll-snap-align: start;
            box-sizing: border-box;
        }
}

@media (max-width: 768px) {
    .rodeo-inline-scroll > div,
    .rodeo-inline-scroll > a {
        flex: 0 0 66%;
        max-width: 66%;
        scroll-snap-align: start;
        box-sizing: border-box;
    }
}

@media (max-width: 992px) {
    .rodeo-slideshow {
        display: flex;
        position: relative;
    }

        .rodeo-slideshow > div:not(.arrow),
        .rodeo-slideshow > a:not(.arrow) {
            display: none !important;
            position: absolute;
            width: 100%;
            max-width: 100%;
            flex: 0 0 auto;
            transition: transform 0.5s ease-in-out;
            left: 50%;
            transform: translateX(-50%);
            padding-left: 40px !important;
            padding-right: 40px !important;
        }

            .rodeo-slideshow > div:not(.arrow).__active,
            .rodeo-slideshow > a:not(.arrow).__active {
                display: flex !important;
                position: relative;
            }

            .rodeo-slideshow > div:not(.arrow) > div,
            .rodeo-slideshow > a:not(.arrow) > div {
                opacity: 0;
                transition: opacity 0.5s ease-in-out;
            }

            .rodeo-slideshow > div:not(.arrow).__active > div,
            .rodeo-slideshow > a:not(.arrow).__active > div {
                opacity: 1;
            }

    .rodeo-slideshow .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 10;
    }

    .rodeo-slideshow .arrow span.material-symbols-outlined {
        font-size: 16px !important;
    }

    .rodeo-slideshow .arrow-prev {
        left: 1rem;
    }

    .rodeo-slideshow .arrow-next {
        right: 1rem;
    }

    .rodeo-slideshow .__fade > div {
        animation: rodeoFadeIn 0.5s ease-in-out;
    }

    @keyframes rodeoFadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}


    .text-normal {
        text-transform: initial;
    }

.Heading p,
.List p {
    margin: 0;
}

.Paragraph p:first-child {
    margin-top: 0;
}

.Paragraph p:last-child {
    margin-bottom: 0;
}

.rodeo-block.List ul,
.rodeo-block.List ol {
    margin-bottom: 0;
    padding-left: 1.75rem;
}

    .rodeo-block.List ul p:last-child,
    .rodeo-block.List ol p:last-child {
        margin-bottom: 0;
    }

.rodeo-block.List ul {
    list-style-type: disc;
}

.rodeo-block.List ol {
    list-style-type: decimal;
}

.text-decoration-underline {
    text-decoration: underline;
}

.row .swiper-container,
.row .hplv3-slider {
    width: 100%;
}

.rodeo-accordion-item {
    margin-top: -1px;
}

.rodeo-accordion-header {
    cursor: pointer;
    width: 100%;
}

    .rodeo-accordion-header.active {
        border-bottom-width: 0px !important;
    }

    .rodeo-accordion-header.active .rodeo-icon-expand,
    .rodeo-accordion-header:not(.active) .rodeo-icon-collapse {
        display: none !important;
    }

.rodeo-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}



.rodeo-marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.rodeo-marquee-inner {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 75s linear infinite;
}

    .rodeo-marquee-inner span {
        display: inline-block;
    }

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


.img-zoom-trigger {
    cursor: zoom-in;
}

.rodeo-countdown-timer {
    padding: 0;
    margin: 0;
}

.rodeo-countdown-timer li {
    display: inline-block;
    list-style-type: none;
    padding: 0 .5em;
}

    .rodeo-countdown-timer li span.rodeo-countdown-number {
        display: block;
    }

    .rodeo-zoom-overlay {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.85);
        justify-content: center;
        align-items: center;
        padding: 1rem;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .rodeo-zoom-overlay.active {
        display: flex;
        opacity: 1;
    }

    .rodeo-zoom-overlay img {
        max-width: 90%;
        max-height: 90%;
        border-radius: 8px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
        transform: scale(0.8);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

        .rodeo-zoom-overlay img.zoom-in {
            transform: scale(1);
            opacity: 1;
        }

    .rodeo-zoom-overlay::after {
        content: "×";
        position: absolute;
        top: 0;
        right: 1.5rem;
        font-size: 2.5rem;
        color: white;
        cursor: pointer;
    }

.rodeo-zoom-spinner {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: rodeo-spin 0.8s linear infinite;
    position: absolute;
}

@keyframes rodeo-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Block Animation: Fade In From Bottom */
.animate-on-scroll.slide-up:not(.content-block *) {
    transition: all 500ms ease-out;
    transition-delay: 200ms;
    opacity: 0;
    transform: translateY(30px);
}

.animate-on-scroll.visible.slide-up:not(.content-block *) {
    opacity: 1;
    transform: translateY(0px);
}

/* Block Animation: Staggered Fade-Ups (Tablet and Desktop Only) */
@media only screen and (min-width: 450px) {
    .animate-on-scroll.slide-up-1:not(.content-block *) {
        transition-delay: 200ms;
    }

    .animate-on-scroll.slide-up-2:not(.content-block *) {
        transition-delay: 350ms;
    }

    .animate-on-scroll.slide-up-3:not(.content-block *) {
        transition-delay: 500ms;
    }

    .animate-on-scroll.slide-up-4:not(.content-block *) {
        transition-delay: 650ms;
    }

    .animate-on-scroll.slide-up-5:not(.content-block *) {
        transition-delay: 800ms;
    }

    .animate-on-scroll.slide-up-6:not(.content-block *) {
        transition-delay: 950ms;
    }
}

/* Block Animation: Fade In From Left */
.animate-on-scroll.in-from-left:not(.content-block *) {
    transition: all 600ms ease-out;
    transition-delay: 200ms;
    transform: translateX(-50px);
    opacity: 0;
}

.animate-on-scroll.visible.in-from-left:not(.content-block *) {
    transform: translateX(0px);
    opacity: 1;
}

/* Block Animation: Fade In From Right */
.animate-on-scroll.in-from-right:not(.content-block *) {
    transition: all 600ms ease-out;
    transition-delay: 200ms;
    transform: translateX(50px);
    opacity: 0;
}

.animate-on-scroll.visible.in-from-right:not(.content-block *) {
    transform: translateX(0px);
    opacity: 1;
}