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


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


/* Desktop – increase bottom padding */
section[data-section-id="48525000431743412"] > article.foreground-layer {
  padding-bottom: 480px !important;
}

/* Mobile – add top padding */
@media (max-width: 768px) {
  section[data-section-id="48525000431743412"] > article.foreground-layer {
    padding-top: 60px !important;
  }
}



/* =========================================================
   1️⃣ Create space in the first (banner) section
   ========================================================= */
section[data-section-id="48525000431749969"] > article.foreground-layer {
  padding-bottom: 420px !important;
  position: relative;
}
/* =========================================================
   Floating card section
   Section ID: 48525000431743203
   ========================================================= */

/* REQUIRED: overlap positioning + gradient background */
section[data-section-id="48525000431743203"] {
  margin-top: -400px !important;
  position: relative;
  z-index: 5;

  /* Bottom-to-top gradient (visible from ~78%) */
  background: linear-gradient(
    180deg,
    rgba(218, 228, 211, 0.00) 0%,
    rgba(218, 228, 211, 0.00) 78.35%,
    rgba(218, 228, 211, 0.70) 78.36%,
    #DAE4D3 78.37%,
    #DAE4D3 100%
  ) !important;
}

/* Floating card */
section[data-section-id="48525000431743203"] > article.foreground-layer {
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 64px 72px !important;

  width: 70% !important;
  margin: 0 auto !important;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Remove default background layer */
section[data-section-id="48525000431743203"] > .background-layer {
  display: none !important;
}

/* ---------------------------------------------------------
   ✅ Fix: image is too wide → cap media to 360px
   (works for this mediaWithButton/mediaText layout)
   --------------------------------------------------------- */
section[data-section-id="48525000431743203"] .bs-mediaText-wgt .list-image {
  flex: 0 0 360px !important;
  max-width: 360px !important;
}

section[data-section-id="48525000431743203"] .bs-mediaText-wgt .list-image img,
section[data-section-id="48525000431743203"] .bs-mediaText-wgt .media-image img {
  width: 100% !important;
  max-width: 360px !important;
  height: auto !important;
  display: block !important;
}

/* ---------------------------------------------------------
   Spacing between image and content
   (li-item can be flex in some templates, so set both)
   --------------------------------------------------------- */
section[data-section-id="48525000431743203"] .bs-mediaText-wgt .li-item {
  gap: 60px !important;
  grid-gap: 60px !important; /* legacy */
}

/* If the widget uses flex row internally, ensure it gets spacing */
section[data-section-id="48525000431743203"] .bs-mediaText-wgt .li-item {
  display: flex !important;         /* safe: keeps row */
  align-items: center !important;
}

/* =========================================================
   Mobile responsive
   ========================================================= */
@media (max-width: 768px) {

  /* Keep overlap but soften it on mobile */
  section[data-section-id="48525000431743203"] {
    margin-top: -220px !important;
  }

  /* Card becomes near full-width */
  section[data-section-id="48525000431743203"] > article.foreground-layer {
    width: calc(100% - 32px) !important;
    padding: 28px 20px !important;
    border-radius: 18px !important;
  }

  /* Stack image above content */
  section[data-section-id="48525000431743203"] .bs-mediaText-wgt .li-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    grid-gap: 18px !important;
  }

  /* Image becomes full width on mobile */
  section[data-section-id="48525000431743203"] .bs-mediaText-wgt .list-image {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

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


/* =========================================================
   WHY ATTEND / KEYNOTES / EXPERIENCE – Centered stacked cards
   Section ID: 48525000431743221
   - Top & bottom padding: 120px
   - Items centered in container
   - Mobile responsive
   ========================================================= */

/* Section spacing */
section[data-section-id="48525000431743221"]{
  padding: 120px 0 !important;
}

/* Center the whole content area */
section[data-section-id="48525000431743221"] > article.foreground-layer{
  max-width: 980px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Stack items vertically and center them */
section[data-section-id="48525000431743221"] .bs-mtList-wgt{
  display: flex !important;
  flex-direction: column !important;
  gap: 56px !important;
  align-items: center !important;  /* centers each card */
}

/* Each item becomes a centered card */
section[data-section-id="48525000431743221"] .bs-mtList-wgt .li-item{
  width: 100% !important;
  max-width: 760px !important;
  background: rgba(0,0,0,0.06) !important; /* soft grey-green tint like reference */
  border-radius: 18px !important;
  padding: 34px 44px !important;
  box-sizing: border-box !important;
}

/* Headings centered, bold, with spacing */
section[data-section-id="48525000431743221"] .li-title{
  margin: 0 0 16px 0 !important;
  text-align: center !important;
}
section[data-section-id="48525000431743221"] .li-title strong{
  display: inline-block !important;
  font-size: 36px !important;     /* overrides the inline 160% visually */
  line-height: 1.1 !important;
  letter-spacing: 1px !important;
  color: #2f3b2f !important;
}

/* Body copy centered + readable line length */
section[data-section-id="48525000431743221"] .li-description{
  text-align: center !important;
}
section[data-section-id="48525000431743221"] .li-description p{
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.55 !important;
  color: #0b0b0b !important;
}

/* Remove any accidental extra top space */
section[data-section-id="48525000431743221"] .section-title,
section[data-section-id="48525000431743221"] .section-sub-title{
  display: none !important;
}

/* =========================================================
   Mobile responsive
   ========================================================= */
@media (max-width: 768px){
  section[data-section-id="48525000431743221"]{
    padding: 80px 0 !important;
  }

  section[data-section-id="48525000431743221"] > article.foreground-layer{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  section[data-section-id="48525000431743221"] .bs-mtList-wgt{
    gap: 24px !important;
  }

  section[data-section-id="48525000431743221"] .bs-mtList-wgt .li-item{
    max-width: 100% !important;
    padding: 22px 18px !important;
    border-radius: 14px !important;
  }

  section[data-section-id="48525000431743221"] .li-title strong{
    font-size: 24px !important;
  }

  section[data-section-id="48525000431743221"] .li-description p{
    font-size: 16px !important;
  }
}


/* =========================================================
   EXPLORE & ELEVATE – revised width logic
   Section ID: 48525000431780247
   ========================================================= */

/* Section spacing */
section[data-section-id="48525000431780247"]{
  padding: 120px 0 !important;
}

/* Center container */
section[data-section-id="48525000431780247"] > article.foreground-layer{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Force grid layout */
section[data-section-id="48525000431780247"] .bs-mtList-wgt{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 40px !important;
}

/* 🔥 UPDATED WIDTH RULE */
section[data-section-id="48525000431780247"]
.grb-list.align-item-center.column-2
.li-item{
  width: calc((120% - (2 * 24px)) / 2) !important;
}

/* Card styling */
section[data-section-id="48525000431780247"] .li-item{
  background: #ffffff !important;
  border-radius: 22px !important;
  padding: 44px !important;
  box-shadow: 18px 18px 0 rgba(0,0,0,0.18) !important;
  box-sizing: border-box !important;
}

/* Heading block (first item) */
section[data-section-id="48525000431780247"] .li-item:first-child{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* =========================================================
   Mobile responsiveness
   ========================================================= */
@media (max-width: 768px){
  section[data-section-id="48525000431780247"]{
    padding: 80px 0 !important;
  }

  section[data-section-id="48525000431780247"] .li-item{
    width: 100% !important;
    padding: 24px !important;
    box-shadow: 10px 10px 0 rgba(0,0,0,0.15) !important;
  }
}

/* Get in touch Section spacing */
section[data-section-id="48525000431743373"]{
  padding-top: 60px !important;
  padding-bottom: 360px !important;
}

@media (max-width: 768px){
  section[data-section-id="48525000431743373"]{
    padding-top: 30px !important;
    padding-bottom: 240px !important;
  }