.bs-website:not(.theme-view) {
    --font-name: puvi !important;
    --regular-font: puviregular !important;
    --medium-font: puvimedium !important;
    --light-font: puvilight !important;
    --bold-font: puvibold !important;
    --menu-item-active-color: #E42527 !important;
    --primary-button-bg-color: #E42527 !important;

}


.bs-section:not(.community-section-footer, .community-section-banner, .main-banner) article.foreground-layer {
    padding: 7em 0;
}


@media (min-width: 1024px) {

    section[data-section-id="48430000478029467"] .bs-mediaText-wgt .li-item.no-media .li-content {
        width: 60% !important;
        /* 60% of container */
        max-width: 60% !important;
    }

}

/* ============================= */
/* SECTION: 48430000478007155    */
/* Force 5 columns (desktop)     */
/* ============================= */

@media (min-width: 1024px) {

    /* Turn the list into a 5-column grid */
    section[data-section-id="48430000478029494"] .bs-mtList-wgt.grb-list.lyt-largest-media.col-view {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 24px !important;
        /* adjust spacing if needed */
        justify-items: center !important;
        align-items: start !important;
    }

    /* Remove Backstage column width restrictions */
    section[data-section-id="48430000478029494"] .bs-mtList-wgt.grb-list>.li-item {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
    }

    /* Make images fully responsive inside each column */
    section[data-section-id="48430000478029494"] .media-element,
    section[data-section-id="48430000478029494"] .media-image,
    section[data-section-id="48430000478029494"] .media-image img {
        width: 100% !important;
        height: auto !important;
    }

    /* Remove inline fixed heights so grid aligns cleanly */
    section[data-section-id="48430000478029494"] .media-element {
        height: auto !important;
    }
}


/* ===================================== */
/* SECTION: 48430000478007400             */
/* Show 6 items in one row (desktop only) */
/* ===================================== */

@media (min-width: 1024px) {

    /* Convert default 4-col layout into 6-col grid */
    section[data-section-id="48430000478029686"] .bs-mtList-wgt.grb-list.lyt-largest-media.col-view {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 20px !important;
        /* adjust spacing if needed */
        justify-items: center !important;
        align-items: start !important;
    }

    /* Remove built-in width constraints */
    section[data-section-id="48430000478029686"] .bs-mtList-wgt>.li-item {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
    }

    /* Make images scale properly inside each column */
    section[data-section-id="48430000478029686"] .media-element,
    section[data-section-id="48430000478029686"] .media-image,
    section[data-section-id="48430000478029686"] .media-image img {
        width: 100% !important;
        height: auto !important;
    }

    /* Remove inline fixed heights so layout stays clean */
    section[data-section-id="48430000478029686"] .media-element,
    section[data-section-id="48430000478029686"] .media-image {
        height: auto !important;
    }
}


/* ===================================== */
/* SECTION: 48430000478007633             */
/* Card style for ALL carousel list items */
/* ===================================== */

section[data-section-id="48430000478029831"] .owl-carousel .bs-mtList-wgt .li-item {
    background: #ffffff !important;
    border: 1px solid #44984a !important;
    border-radius: 20px !important;
    padding: 48px !important;
    box-sizing: border-box !important;
}

/* Ensure inner layout doesn't add unwanted spacing */
section[data-section-id="48430000478029831"] .owl-carousel .bs-mtList-wgt .li-item .list-image,
section[data-section-id="48430000478029831"] .owl-carousel .bs-mtList-wgt .li-item .li-content {
    margin: 0 !important;
}

/* Optional: make image look nicer inside the card */
section[data-section-id="48430000478029831"] .owl-carousel .bs-mtList-wgt .li-item .media-image img {
    border-radius: 14px !important;
    /* subtle rounding like your screenshot */
    display: block;
}


@media (max-width: 767px) {
    section[data-section-id="48430000478029831"] .owl-carousel .bs-mtList-wgt .li-item {
        padding: 24px !important;
    }
}

/* ===================================== */
/* LIMIT CONTENT AREA TO 80% (WEB ONLY)  */
/* ===================================== */

@media (min-width: 1024px) {

    section[data-section-id="48430000478029831"] article.bs-container {
        max-width: 90% !important;
        width: 90% !important;
        margin: 0 auto !important;
    }

    /* Make carousel respect container width */
    section[data-section-id="48430000478029831"] .owl-stage-outer {
        overflow: visible !important;
    }

    /* Center the stage */
    section[data-section-id="48430000478029831"] .owl-stage {
        display: flex !important;
        justify-content: center !important;
    }

    /* Prevent Owl fixed widths */
    section[data-section-id="48430000478029831"] .owl-item {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* CARD WIDTH */
    section[data-section-id="48430000478029831"] .owl-item .li-item {
        width: 90% !important;
        max-width: 900px !important;
        margin: 0 auto !important;
    }
}


/* ===================================== */
/* SECTION: Venue – Add 600px bottom space */
/* Applies only on Desktop/Web           */
/* ===================================== */

@media (min-width: 1024px) {

    section[data-section-id="48430000478029933"] article.foreground-layer {
        padding-bottom: 600px !important;
        /* override inline style */
    }

}

/* ===================================== */
/* SECTION: Venue – Mobile bottom spacing */
/* Adds 200px only on mobile             */
/* ===================================== */

@media (max-width: 767px) {

    section[data-section-id="48430000478029933"] article.foreground-layer {
        padding-bottom: 200px !important;
        /* mobile spacing */
    }

}


/* ===================================== */
/* GLOBAL MOBILE SIDE PADDING = 16px      */
/* Applies to ALL sections (mobile only)  */
/* ===================================== */

@media (max-width: 767px) {

    /* Main section container */
    .bs-section article.foreground-layer.bs-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Prevent nested containers from adding extra gutter */
    .bs-section .bs-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Remove inner layout side spacing that causes double padding */
    .bs-section .media-text-layout,
    .bs-section .grid-item,
    .bs-section .bs-mtList-wgt,
    .bs-section .bs-mediaText-wgt,
    .bs-section .image-layout {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}