.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;

}



/* Grid layout for the 6 cards */
section.community-section-mediaWithTextList-6
  .bs-mtList-wgt.grb-list.col-view.column-3.align-item-center.centered {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* Card base style */
section.community-section-mediaWithTextList-6 .li-item {
  background: #ffffff;
  border-radius: 24px;
  padding: 24px 32px 28px;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

section.community-section-mediaWithTextList-6 .bs-mtList-wgt .li-item {

    grid-gap: 12px;
}





/* === Individual card background colors (exact from design) === */

/* 1. AI in action */
section.community-section-mediaWithTextList-6 .li-item:nth-child(1) {
  background-color: #EBFFF3;
}

/* 2. Panel sessions */
section.community-section-mediaWithTextList-6 .li-item:nth-child(2) {
  background-color: #FFF5F5;
}

/* 3. One-on-one meetings */
section.community-section-mediaWithTextList-6 .li-item:nth-child(3) {
  background-color: #EFF8FF;
}

/* 4. Explore booths */
section.community-section-mediaWithTextList-6 .li-item:nth-child(4) {
  background-color: #FEEBFF;
}

/* 5. Network-max */
section.community-section-mediaWithTextList-6 .li-item:nth-child(5) {
  background-color: #FFFFEE;
}

/* 6. Expert-led product sessions */
section.community-section-mediaWithTextList-6 .li-item:nth-child(6) {
  background-color: #EFFFFF;
}

/* Responsive: 2 columns on tablets, 1 column on mobile */
@media (max-width: 1024px) {
  section.community-section-mediaWithTextList-6
    .bs-mtList-wgt.grb-list.col-view.column-3.align-item-center.centered {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  section.community-section-mediaWithTextList-6
    .bs-mtList-wgt.grb-list.col-view.column-3.align-item-center.centered {
    grid-template-columns: 1fr;
  }
}


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







/* Center the list container */
section.community-section-mediaWithTextList-9
  .bs-mtList-wgt.grb-list.centered {
  display: flex;
  justify-content: center;
}

/* Blue rounded banner card */
section.community-section-mediaWithTextList-9 .li-item.no-media {
  position: relative;
  width: 100%;
  max-width: 800px;              /* banner width on desktop */
  margin: 0 auto;
  padding: 48px 32px 56px;
  border-radius: 32px;
  background-color: #083b63;      /* navy blue bg */
  overflow: hidden;
}

/* Skyline background image inside the banner */
section.community-section-mediaWithTextList-9 .li-item.no-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://previewengine.zohoexternal.in/image/BACKSTAGE/48525000431697842?cli-msg=eyJtb2R1bGUiOiJFdmVudEltYWdlUmVzb3VyY2UiLCJ0eXBlIjowLCJwb3J0YWxJZCI6IjYwMDQ3MTAwMTQ1Iiwic3ViUmVzb3VyY2VJZCI6IjYwMDQ3MTAwMTQ1IiwiaWQiOiI0ODUyNTAwMDQzMTY5Nzg0MiJ9");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  opacity: 0.9;                   /* tweak if you want stronger/weaker */
  pointer-events: none;
}

/* Content layout inside banner */
section.community-section-mediaWithTextList-9 .li-item.no-media .li-content {
  position: relative;             /* sit above ::before bg */
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Heading text */
section.community-section-mediaWithTextList-9 .li-title p strong {
  color: #ffffff !important;
  font-weight: 700;
  font-size: clamp(28px, 4vw, 44px);  /* responsive font size */
  line-height: 1.2;
}

/* Button wrapper spacing */
section.community-section-mediaWithTextList-9 .bs-btn-wgt {
  margin-top: 28px;
}

/* CTA button style */
section.community-section-mediaWithTextList-9 .bs-button.large.primary {
  background-color: #da1310 !important; /* red */
  border-radius: 12px;
  padding: 14px 36px;
  font-weight: 700;
  font-size: 16px;
}

/* ======== Responsive tweaks ======== */
@media (max-width: 768px) {
  section.community-section-mediaWithTextList-9 .li-item.no-media {
    padding: 32px 20px 40px;
    border-radius: 24px;
  }

  section.community-section-mediaWithTextList-9 .bs-button.large.primary {
    width: 100%;
    max-width: 260px;
  }
}



.ticket-card-nav .ticket-item .text-tiny.mgt2 {
 display: none;
}


/* Scope to the exact section */
section[data-section-id="48525000431697885"]
    [data-element-id="48525000431697886"] {

  border: 1px solid #DBDCDD !important;
  padding: 40px !important;
  margin: 0 auto !important;     /* centers the 90% container */
  box-sizing: border-box;
  border-radius: 8px;
}


/* Overall padding for the section */
section[data-section-id="48525000431684327"] .foreground-layer.bs-container {
  padding-top: 64px;
  padding-bottom: 80px;
}

/* Center the card inside the carousel */
section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-item.no-media {
  display: flex;
  justify-content: center;
}

/* White card style (the big rounded box) */
section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-content {
  background: #ffffff;
  border: 1px solid #4985D9;
  border-radius: 18px;
  padding: 48px 64px;
  max-width: 60%;       /* ← updated size */
  width: 100%;
  box-sizing: border-box;
}

/* Title + subtitle inside card */
section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-title p {
  text-align: center;
  font-size: 1.35rem;
  margin-bottom: 8px;
}

section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-subtitle p {
  text-align: center;
  margin-bottom: 24px;
}

/* Bullet list: SINGLE COLUMN */
section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-description ul {
  columns: 1 !important;
  margin: 0 auto 32px auto;
  padding-left: 0;
  list-style-position: outside;
}

section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-description ul li {
  text-align: left !important;
  margin-bottom: 8px;
}

/* Dots spacing */
section[data-section-id="48525000431684327"] .owl-dots {
  margin-top: 24px;
}

/* Button spacing */
section[data-section-id="48525000431684327"] .bs-mtList-wgt .bs-btn-wgt {
  margin-top: 24px;
}


/* MOBILE RESPONSIVE STYLES */
@media (max-width: 767px) {
  /* Reduce top/bottom padding for the whole section */
  section[data-section-id="48525000431684327"] .foreground-layer.bs-container {
    padding-top: 40px;
    padding-bottom: 48px;
  }

  /* Card layout */
  section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-item.no-media {
    padding: 0 16px; /* small side breathing space */
  }

  section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-content {
    max-width: 100%;
    width: 100%;
    padding: 24px 16px;
    border-radius: 16px;
  }

  /* Title & subtitle sizes */
  section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-title p {
    font-size: 1.1rem;
  }

  section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-subtitle p {
    font-size: 0.95rem;
    margin-bottom: 16px;
  }

  /* Bullet list becomes single column on mobile */
  section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-description ul {
    columns: 1;
    column-gap: 0;
    margin-bottom: 20px;
  }

  section[data-section-id="48525000431684327"] .bs-mtList-wgt .li-description ul li {
    text-align: left !important;
  }

  /* Button full width-ish & centered */
  section[data-section-id="48525000431684327"] .bs-mtList-wgt .bs-btn-wgt .bs-button {
    width: 100%;
    max-width: 260px;
    display: inline-block;
  }

  section[data-section-id="48525000431684327"] .bs-mtList-wgt .bs-btn-wgt {
    margin-top: 16px;
  }

  /* Dots spacing under card */
  section[data-section-id="48525000431684327"] .owl-dots {
    margin-top: 16px;
  }
}


/* MOBILE ONLY — Replace the banner image */
@media (max-width: 767px) {

  /* Target the exact banner image inside this section */
  section[data-section-id="48525000431382258"] 
    .banner-media .media-image img {

    content: url("https://previewengine.zohoexternal.in/image/BACKSTAGE/48525000431684916?cli-msg=eyJtb2R1bGUiOiJFdmVudEltYWdlUmVzb3VyY2UiLCJ0eXBlIjowLCJwb3J0YWxJZCI6IjYwMDQ3MTAwMTQ1Iiwic3ViUmVzb3VyY2VJZCI6IjYwMDQ3MTAwMTQ1IiwiaWQiOiI0ODUyNTAwMDQzMTY4NDkxNiJ9");

    width: 100%;
    height: auto;
    object-fit: contain;   /* keep proper scaling */
  }
}