.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: #0069FF !important;
    --primary-button-bg-color: #0069FF !important;

}


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


@media (min-width: 1024px) {

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

}

/* ===== CX Summit Banner - Section 48430000478277070 ===== */

/* CX Summit banner slide: remove container padding */
section[data-section-id="48430000478277070"]>article.foreground-layer.bs-container {
    padding: 0 !important;
}

/* 2️⃣ Reduce section height */
section[data-section-id="48430000478277070"] .foreground-layer {
    min-height: 200px !important;
}

/* 3️⃣ Control internal banner spacing */
section[data-section-id="48430000478277070"] .banner-widget {
    padding: 12px 0 !important;
}

/* 4️⃣ Left Banner Media → Auto width */
section[data-section-id="48430000478277070"] .banner-media .media-element .media-image img {
    width: auto !important;
    max-width: 100%;
    height: auto;
}

/* Only the banner secondary media image (media-id: 48430000478277081) */
section[data-section-id="48430000478277070"] div[media-id="48430000478277081"] .media-image>img {
    width: 180px !important;
    height: auto !important;
}

/* ===== Seats CTA Banner (Section: 48430000478268717) ===== */

/* remove container padding */
section[data-section-id="48430000478268717"]>article.foreground-layer.bs-container {
    padding: 0 !important;
}

/* IMPORTANT: remove li-item padding (it increases the row height) */
section[data-section-id="48430000478268717"] .li-item {
    padding: 0 !important;
}

/* 3-column layout: Title | Image | Button */
section[data-section-id="48430000478268717"] .li-content {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    column-gap: 20px !important;

    /* this is what controls the banner height */
    padding: 24px 0px !important;

    /* vertical centering */
    align-items: center !important;
}

/* remove title internal margins + center it */
section[data-section-id="48430000478268717"] .li-title {
    margin: 0 !important;
    align-self: center !important;
}

/* remove default <p> margins inside the title (this is a big culprit) */
section[data-section-id="48430000478268717"] .li-title p {
    margin: 0 !important;
}

/* hide empty blocks */
section[data-section-id="48430000478268717"] .li-subtitle,
section[data-section-id="48430000478268717"] .li-description {
    display: none !important;
}

/* injected image (400x128) — center it */
section[data-section-id="48430000478268717"] .li-content::after {
    content: "" !important;
    grid-row: 1;
    grid-column: 2 !important;
    display: block !important;
    width: 400px !important;
    height: 128px !important;
    background-image: url("https://previewengine.zohoexternal.in/image/BACKSTAGE/48430000478242644?cli-msg=eyJtb2R1bGUiOiJFdmVudEltYWdlUmVzb3VyY2UiLCJ0eXBlIjowLCJwb3J0YWxJZCI6IjYwMDQ3MjA0MzY4Iiwic3ViUmVzb3VyY2VJZCI6IjYwMDQ3MjA0MzY4IiwiaWQiOiI0ODQzMDAwMDQ3ODI0MjY0NCJ9") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    align-self: center !important;
}

/* button: right + vertically centered */
section[data-section-id="48430000478268717"] .bs-btn-wgt {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
}

section[data-section-id="48430000478268717"] .bs-button {
    white-space: nowrap !important;
}


/* ===== Mobile view (<= 767px) ===== */
@media (max-width: 767px) {

    section[data-section-id="48430000478268717"] .li-content {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
        row-gap: 16px !important;
        padding: 18px 20px !important;

        /* CENTER EVERYTHING */
        text-align: center !important;
        justify-items: center !important;
    }

    /* Title */
    section[data-section-id="48430000478268717"] .li-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
        text-align: center !important;
    }

    /* Image */
    section[data-section-id="48430000478268717"] .li-content::after {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 220px !important;
        height: 90px !important;
        justify-self: center !important;
    }

    /* Button */
    section[data-section-id="48430000478268717"] .bs-btn-wgt {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: center !important;
    }

    /* Optional: slightly larger mobile button */
    section[data-section-id="48430000478268717"] .bs-button {
        white-space: nowrap !important;
    }
}


/* ===== Why Attend (Section: 48430000478268753) ===== */

/* 1) 2-column layout: Left heading | Right list */
section[data-section-id="48430000478268753"]>article.foreground-layer.bs-container {
    display: grid !important;
    grid-template-columns: 34% 66% !important;
    column-gap: 180px !important;

}

/* 2) Force LEFT column blocks */
section[data-section-id="48430000478268753"]>article.foreground-layer.bs-container>div[data-element-id="48430000478268754"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

section[data-section-id="48430000478268753"]>article.foreground-layer.bs-container>div[data-element-id="48430000478268757"] {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

/* 3) Force RIGHT column list block */
section[data-section-id="48430000478268753"]>article.foreground-layer.bs-container>div[data-element-id="48430000478268759"] {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
}

/* 4) Big heading like your reference */
section[data-section-id="48430000478268753"] .section-title {
    margin: 0 !important;
    font-size: 72px !important;
    line-height: 1.05 !important;
}

section[data-section-id="48430000478268753"] .section-title p {
    margin: 0 !important;
}

/* Hide empty subtitle wrapper spacing */
section[data-section-id="48430000478268753"] .section-sub-title {
    margin: 0 !important;
    display: none !important;
}

/* 5) Make sure list area uses full width */
section[data-section-id="48430000478268753"] .media-text-layout,
section[data-section-id="48430000478268753"] .image-layout,
section[data-section-id="48430000478268753"] .bs-mtList-wgt {
    width: 100% !important;
    max-width: 100% !important;
}

/* 6) Each item: 100px icon + text */
section[data-section-id="48430000478268753"] .bs-mtList-wgt .li-item {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    column-gap: 28px !important;
    align-items: start !important;
    margin: 0 0 44px 0 !important;
}

/* icon 100x100 */
section[data-section-id="48430000478268753"] .bs-mtList-wgt .list-image {
    width: 100px !important;
    height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

section[data-section-id="48430000478268753"] .bs-mtList-wgt .list-image img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
}

/* titles + description spacing */
section[data-section-id="48430000478268753"] .bs-mtList-wgt .li-title,
section[data-section-id="48430000478268753"] .bs-mtList-wgt .li-title p {
    margin: 0 !important;
}

section[data-section-id="48430000478268753"] .bs-mtList-wgt .li-description {
    margin-top: 8px !important;
    /* as requested */
}

section[data-section-id="48430000478268753"] .bs-mtList-wgt .li-description p {
    margin: 0 !important;
}

/* ===== Section 48430000478268753 : Mobile layout fix (stack title + list) ===== */
@media (max-width: 767px) {

    /* Your earlier CSS didn’t apply because this container isn’t behaving like a grid.
                                                                                                                                                                                                                                                                                                                                                  Force a simple column layout on mobile. */
    section[data-section-id="48430000478268753"]>article.foreground-layer.bs-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    /* Ensure child blocks take full width */
    section[data-section-id="48430000478268753"]>article.foreground-layer.bs-container>* {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Title sizing (tweak if needed) */
    section[data-section-id="48430000478268753"] .section-title {
        font-size: 34px !important;
        /* 44px is too big for most mobiles */
        line-height: 1.05 !important;
        margin: 0 !important;
    }

    /* List item layout: icon | text */
    section[data-section-id="48430000478268753"] .bs-mtList-wgt .li-item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        column-gap: 16px !important;
        align-items: start !important;
        margin-bottom: 32px !important;
    }

    /* Icon sizing */
    section[data-section-id="48430000478268753"] .bs-mtList-wgt .list-image {
        width: 80px !important;
        height: 80px !important;
        flex: 0 0 80px !important;
    }

    section[data-section-id="48430000478268753"] .bs-mtList-wgt .list-image img {
        width: 80px !important;
        height: 80px !important;
        object-fit: contain !important;
        display: block !important;
    }

    section[data-section-id="48430000478268753"] .media-text-layout .lyt-tiny-media .img-original .media-image,
    section[data-section-id="48430000478268753"] .media-text-layout .lyt-tiny-media .img-rectangle .media-image {
        width: 80px !important;
    }
}


/* ===== Who should attend (Section: 48430000478268837) ===== */

section[data-section-id="48430000478268837"]>article.foreground-layer.bs-container {
    padding: 0 !important;
}

/* Make it a 2-column row: image | list */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-item {
    display: flex !important;
    align-items: center !important;
    /* vertical center like Image 1 */
    gap: 400px !important;
    /* space between image and list */
    padding: 70px 4px !important;
    /* overall section spacing */
}

/* Left graphic sizing */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .list-image {
    flex: 0 0 auto !important;
}

section[data-section-id="48430000478268837"] .bs-mediaText-wgt .list-image img {
    width: 360px !important;
    /* tweak 480–600 if needed */
    max-width: 520px !important;
    height: auto !important;
}

/* Right content takes remaining space */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-content {
    flex: 1 1 auto !important;
}

/* Remove empty title/subtitle spacing (they're blank in your HTML) */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-title,
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-subtitle {
    display: none !important;
}

/* Clean UL spacing */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-description ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Diamond bullet style (yellow) + spacing */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-description ul li {
    position: relative !important;
    padding-left: 26px !important;
    margin: 14px 0 !important;
    line-height: 1.35 !important;
}

section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-description ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.55em !important;
    /* aligns diamond to text baseline */
    width: 10px !important;
    height: 10px !important;
    background: #FFD43B !important;
    /* yellow diamond */
    transform: rotate(45deg) !important;
    border-radius: 2px !important;
}

/* Optional: ensure the text stays bright white */
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-description,
section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-description * {
    color: #ffffff !important;
}

/* Mobile: stack image on top, list below */
@media (max-width: 767px) {
    section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 24px !important;
        padding: 40px 20px !important;
    }

    section[data-section-id="48430000478268837"] .bs-mediaText-wgt .li-description ul li::before {

        left: 30px !important;
        top: 7px !important;

    }
}

section[data-section-id="48430000478268837"] .bs-mediaText-wgt .list-image img {
    width: 320px !important;
    max-width: 100% !important;
}
}


/* ===== What to Expect Section ===== */

section[data-section-id="48430000478268860"] .section-sub-title {
    display: none !important;
}

/* Force 3 column grid */
section[data-section-id="48430000478268860"] .bs-mtList-wgt {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 48px 56px !important;
    justify-items: center !important;
}

/* Blue cards */
section[data-section-id="48430000478268860"] .bs-mtList-wgt .li-item {
    background: #0A64F5 !important;
    border-radius: 24px !important;
    padding: 48px 40px !important;
    min-height: 260px !important;
    width: 100% !important;
    max-width: 360px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Remove theme height restriction */
section[data-section-id="48430000478268860"] .media-element {
    height: auto !important;
}

/* Let image render at natural website size */
section[data-section-id="48430000478268860"] .media-image,
section[data-section-id="48430000478268860"] .media-image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    /* prevents overflow */
    object-fit: contain !important;
}

/* spacing between icon and label */
section[data-section-id="48430000478268860"] .list-image {
    margin-bottom: 22px !important;
}

/* Label styling */
section[data-section-id="48430000478268860"] .li-title p {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
}

/* Mobile → 1 column */
@media (max-width: 767px) {
    section[data-section-id="48430000478268860"] .bs-mtList-wgt {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Be part of the CX movement (Section: 48430000478268973 | Element: 48430000478268974) ===== */

section[data-section-id="48430000478268973"] div[data-element-id="48430000478268974"] {
    border-radius: 20px !important;
    background-color: #ffffff !important;
    padding: 80px !important;
}


/* ===== Get in touch (section: 48430000478277009) - match "Reserve yours today" button gradient ===== */

section[data-section-id="48430000478277009"] .section-button .bs-button {
    background: linear-gradient(90deg, #0047af 10%, #0167fc 90%) !important;
    border-width: 0 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

/* Hover / focus */
section[data-section-id="48430000478277009"] .section-button .bs-button:hover,
section[data-section-id="48430000478277009"] .section-button .bs-button:focus {
    background: linear-gradient(90deg, #0047af 10%, #0167fc 90%) !important;
    color: #ffffff !important;
}

/* Optional: keep it consistent with rounded style */
section[data-section-id="48430000478277009"] .section-button .bs-button {
    border-radius: 8px !important;
    /* pill */
}


/* ===== Desktop only (≥1024px) ===== */
@media (min-width: 1024px) {

    section[data-section-id="48430000478242263"] .bs-mediaText-wgt .li-item {
        column-gap: 100px !important;
        gap: 100px !important;
    }

    /* Fallback if layout uses margin instead of gap */
    section[data-section-id="48430000478242263"] .bs-mediaText-wgt .li-item .list-image {
        margin-right: 100px !important;
    }

}

/* Remove TOP padding only for these 2 sections */
section[data-section-id="48430000478277009"] article.foreground-layer,
section[data-section-id="48430000478268996"] article.foreground-layer {
    padding-top: 0 !important;
}


/* Mobile: pad the main content container instead of body */
@media (max-width: 767px) {
    .bs-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ===== CX Summit Banner (Section 48430000478277070) - Mobile only ===== */
@media (max-width: 767px) {

    /* 1) Hide the secondary image (media-id: 48430000478277081) */
    section[data-section-id="48430000478277070"] div[media-id="48430000478277081"] {
        display: none !important;
    }

    /* 2) Replace the main banner image (media-id: 48430000478277076) */
    section[data-section-id="48430000478277070"] div[media-id="48430000478277076"] .media-image {
        /* show replacement as background */
        background-image: url("https://previewengine.zohoexternal.in/image/BACKSTAGE/48430000478337321?cli-msg=eyJtb2R1bGUiOiJFdmVudEltYWdlUmVzb3VyY2UiLCJ0eXBlIjowLCJwb3J0YWxJZCI6IjYwMDQ3MjA0MzY4Iiwic3ViUmVzb3VyY2VJZCI6IjYwMDQ3MjA0MzY4IiwiaWQiOiI0ODQzMDAwMDQ3ODMzNzMyMSJ9") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }

    /* Hide the original <img> so only the background replacement shows */
    section[data-section-id="48430000478277070"] div[media-id="48430000478277076"] .media-image>img {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* Optional: give a predictable mobile height to the image area */
    section[data-section-id="48430000478277070"] div[media-id="48430000478277076"] .media-image {
        width: 100% !important;
        min-height: 220px !important;
        /* tweak if needed */
    }
}

/* ===== Mobile only (≤767px) ===== */
@media (max-width: 767px) {

    /* Section 48430000478268837 */
    section[data-section-id="48430000478268837"] div[media-id="48430000478268841"] .media-image img {
        width: 60% !important;
        max-width: 60% !important;
        height: auto !important;
    }

    /* Section 48430000478242263 */
    section[data-section-id="48430000478242263"] div[media-id="48430000478277032"] .media-image img {
        width: 70% !important;
        max-width: 70% !important;
        height: auto !important;
    }

}