.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="48430000478281014"] .bs-mediaText-wgt .li-item.no-media .li-content {
    width: 60% !important;
    /* 60% of container */
    max-width: 60% !important;
  }

}

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

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

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

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

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

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

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

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

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

/* 3-column layout: Title | Image | Button */
section[data-section-id="48430000478281037"] .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="48430000478281037"] .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="48430000478281037"] .li-title p {
  margin: 0 !important;
}

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

/* injected image (400x128) — center it */
section[data-section-id="48430000478281037"] .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="48430000478281037"] .bs-btn-wgt {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
}

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


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

  section[data-section-id="48430000478281037"] .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="48430000478281037"] .li-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    text-align: center !important;
  }

  /* Image */
  section[data-section-id="48430000478281037"] .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="48430000478281037"] .bs-btn-wgt {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: center !important;
  }

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


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

/* 1) 2-column layout: Left heading | Right list */
section[data-section-id="48430000478281073"]>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="48430000478281073"]>article.foreground-layer.bs-container>div[data-element-id="48430000478281074"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

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

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

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

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

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

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

/* 6) Each item: 100px icon + text */
section[data-section-id="48430000478281073"] .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="48430000478281073"] .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="48430000478281073"] .bs-mtList-wgt .list-image img {
  width: 100px !important;
  height: 100px !important;
  object-fit: contain !important;
}

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

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

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

/* ===== Section 48430000478281073 : 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="48430000478281073"]>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="48430000478281073"]>article.foreground-layer.bs-container>* {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Title sizing (tweak if needed) */
  section[data-section-id="48430000478281073"] .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="48430000478281073"] .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="48430000478281073"] .bs-mtList-wgt .list-image {
    width: 80px !important;
    height: 80px !important;
    flex: 0 0 80px !important;
  }

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

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


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

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

/* Make it a 2-column row: image | list */
section[data-section-id="48430000478281157"] .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="48430000478281157"] .bs-mediaText-wgt .list-image {
  flex: 0 0 auto !important;
}

section[data-section-id="48430000478281157"] .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="48430000478281157"] .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="48430000478281157"] .bs-mediaText-wgt .li-title,
section[data-section-id="48430000478281157"] .bs-mediaText-wgt .li-subtitle {
  display: none !important;
}

/* Clean UL spacing */
section[data-section-id="48430000478281157"] .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="48430000478281157"] .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="48430000478281157"] .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="48430000478281157"] .bs-mediaText-wgt .li-description,
section[data-section-id="48430000478281157"] .bs-mediaText-wgt .li-description * {
  color: #ffffff !important;
}

/* Mobile: stack image on top, list below */
@media (max-width: 767px) {
  section[data-section-id="48430000478281157"] .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="48430000478281157"] .bs-mediaText-wgt .li-description ul li::before {

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

  }
}

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


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

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

/* Force 3 column grid */
section[data-section-id="48430000478281180"] .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="48430000478281180"] .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="48430000478281180"] .media-element {
  height: auto !important;
}

/* Let image render at natural website size */
section[data-section-id="48430000478281180"] .media-image,
section[data-section-id="48430000478281180"] .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="48430000478281180"] .list-image {
  margin-bottom: 22px !important;
}

/* Label styling */
section[data-section-id="48430000478281180"] .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="48430000478281180"] .bs-mtList-wgt {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Be part of the CX movement (Section: 48430000478281293 | Element: 48430000478281294) ===== */

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


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

section[data-section-id="48430000478242313"] .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="48430000478242313"] .section-button .bs-button:hover,
section[data-section-id="48430000478242313"] .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="48430000478242313"] .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="48430000478242313"] article.foreground-layer,
section[data-section-id="48430000478281316"] 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 48430000478281390) - Mobile only ===== */
@media (max-width: 767px) {

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

  /* 2) Replace the main banner image (media-id: 48430000478281396) */
  section[data-section-id="48430000478281390"] div[media-id="48430000478281396"] .media-image {
    /* show replacement as background */
    background-image: url("https://previewengine.zoho.in/image/BACKSTAGE/48430000478337354?cli-msg=eyJtb2R1bGUiOiJFdmVudEltYWdlUmVzb3VyY2UiLCJ0eXBlIjowLCJwb3J0YWxJZCI6IjYwMDQ3MjA0MzY4Iiwic3ViUmVzb3VyY2VJZCI6IjYwMDQ3MjA0MzY4IiwiaWQiOiI0ODQzMDAwMDQ3ODMzNzM1NCJ9") !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="48430000478281390"] div[media-id="48430000478281396"] .media-image>img {
    opacity: 0 !important;
    visibility: hidden !important;
  }

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

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

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

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

}