/* =========================================================
   FEATURED / UPCOMING SESSIONS
   Section: 128495000007452418
========================================================= */

.community-page-home
section[data-section-id="128495000007452418"] {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    background: #061725 !important;
    color: #ffffff !important;
}

.community-page-home
section[data-section-id="128495000007452418"] .background-layer {
    background: #061725 !important;
    background-image: none !important;
    opacity: 1 !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.foreground-layer {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 46px 24px !important;
    background: transparent !important;
}

/* Section heading */

.community-page-home
section[data-section-id="128495000007452418"]
.section-title {
    margin: 0 0 7px !important;
    color: #ffffff !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.section-sub-title {
    margin: 0 0 24px !important;
    color: #a9bfd0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Carousel container */

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session-card {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.owl-stage-outer {
    height: auto !important;
    border-radius: 14px !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.owl-stage,
.community-page-home
section[data-section-id="128495000007452418"]
.owl-item {
    height: auto !important;
}

/* Individual session card */

.community-page-home
section[data-section-id="128495000007452418"]
.bs-frame.featured-session {
    position: relative !important;
    min-height: 0 !important;
    padding: 22px 24px !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            135deg,
            rgba(2,59,109,.52),
            rgba(6,23,37,.96)
        ) !important;
    border: 1px solid rgba(2,175,226,.42) !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.22) !important;
    color: #ffffff !important;
}

/* Cyan decorative edge */

.community-page-home
section[data-section-id="128495000007452418"]
.bs-frame.featured-session::before {
    content: "" !important;
    position: absolute !important;
    top: 18px !important;
    bottom: 18px !important;
    left: 0 !important;
    width: 3px !important;
    border-radius: 0 4px 4px 0 !important;
    background: #02afe2 !important;
}

/* Session title */

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session h4 {
    margin: 0 0 12px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: initial !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session h4 button {
    padding: 0 !important;
    color: #ffffff !important;
    font-size: clamp(17px, 2vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
}

/* Track label */

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .track {
    margin-bottom: 14px !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .bs-label {
    padding: 5px 10px !important;
    background: rgba(2,175,226,.14) !important;
    border: 1px solid rgba(2,175,226,.35) !important;
    border-radius: 20px !important;
    color: #02afe2 !important;
}

/* Time and venue */

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .uls-grid {
    gap: 10px 22px !important;
    margin: 0 !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .uls-grid > div {
    color: #c4d4df !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .theme-icon {
    color: #02afe2 !important;
}

/* Calendar and favourite actions */

.community-page-home
section[data-section-id="128495000007452418"]
.session-actions {
    margin-top: 18px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.session-actions .item {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.session-actions button {
    margin: 0 !important;
    color: #02afe2 !important;
    font-weight: 600 !important;
}

/* Keep the homepage card compact */

.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .description,
.community-page-home
section[data-section-id="128495000007452418"]
.featured-session .speaker-list {
    display: none !important;
}

/* Hide carousel dots; swipe still works */

.community-page-home
section[data-section-id="128495000007452418"]
.owl-dots {
    display: none !important;
}

/* Navigation arrows */

.community-page-home
section[data-section-id="128495000007452418"]
.owl-nav {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.owl-nav button {
    position: static !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    background: rgba(2,59,109,.55) !important;
    border: 1px solid rgba(2,175,226,.45) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
}

.community-page-home
section[data-section-id="128495000007452418"]
.owl-nav button.disabled {
    opacity: .35 !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width: 767px) {

    .community-page-home
    section[data-section-id="128495000007452418"]
    .foreground-layer {
        padding: 34px 16px 38px !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .section-title {
        font-size: 23px !important;
        text-align: left !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .section-sub-title {
        margin-bottom: 18px !important;
        font-size: 12px !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .bs-frame.featured-session {
        padding: 18px 16px 17px !important;
        border-radius: 12px !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .featured-session h4 button {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .featured-session .uls-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .session-actions .item {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .session-actions button {
        width: auto !important;
        justify-content: flex-start !important;
        font-size: 11px !important;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .community-page-home
    section[data-section-id="128495000007452418"]
    .foreground-layer {
        padding: 42px 32px !important;
    }

    .community-page-home
    section[data-section-id="128495000007452418"]
    .featured-session-card {
        max-width: 720px !important;
    }
}



/* Hide speaker carousel pagination dots */
section[data-section-id="128495000004758308"] .owl-dots {
    display: none !important;
}

/* =====================================================
   ROTIC SPEAKER SECTION — CLEAN RESPONSIVE VERSION
===================================================== */

section[data-section-id="128495000004758308"],
section[data-section-id="128495000004758308"] > .background-layer,
section[data-section-id="128495000004758308"] > article.foreground-layer,
section[data-section-id="128495000004758308"] .community-page-speakers,
section[data-section-id="128495000004758308"] .carousel,
section[data-section-id="128495000004758308"] .owl-stage-outer {
    background: #061725 !important;
    background-image: none !important;
}

section[data-section-id="128495000004758308"] {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 36px 12px 42px !important;
    border: 0 !important;
}

/* Heading */

section[data-section-id="128495000004758308"] .section-title,
section[data-section-id="128495000004758308"] h2 {
    margin: 0 0 28px !important;
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

section[data-section-id="128495000004758308"] .section-title::after,
section[data-section-id="128495000004758308"] h2::after {
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    margin: 11px 0 !important;
    content: "" !important;
    background: #02afe2 !important;
    border-radius: 20px !important;
}

/* Carousel */

section[data-section-id="128495000004758308"] .owl-stage-outer {
    overflow: hidden !important;
    padding: 4px 0 16px !important;
}

section[data-section-id="128495000004758308"] .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

section[data-section-id="128495000004758308"] .owl-item {
    display: flex !important;
    height: auto !important;
    padding: 0 6px !important;
}

/* Speaker card */

section[data-section-id="128495000004758308"]
.bs-speakerList-wgt {
    width: 100% !important;
    height: auto !important;
}

section[data-section-id="128495000004758308"]
.li-item.sp-st-3 {
    display: flex !important;
    position: relative !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 270px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px 10px 14px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    text-align: center !important;
    background: rgba(2, 59, 109, 0.16) !important;
    border: 1px solid rgba(2, 175, 226, 0.32) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* Speaker portrait */

section[data-section-id="128495000004758308"] .list-image {
    display: block !important;
    position: static !important;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 14px !important;
    padding: 3px !important;
    background: #ffffff !important;
    border: 2px solid #02afe2 !important;
    border-radius: 50% !important;
    transform: none !important;
}

section[data-section-id="128495000004758308"] .list-image .bs-image,
section[data-section-id="128495000004758308"] .list-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    transform: none !important;
}

/* Speaker information */

section[data-section-id="128495000004758308"] .li-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
}

section[data-section-id="128495000004758308"] .li-title {
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

section[data-section-id="128495000004758308"] .li-subtitle,
section[data-section-id="128495000004758308"] .speaker-designation {
    color: #a9bfd0 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

section[data-section-id="128495000004758308"] .speaker-company {
    margin-top: 4px !important;
    color: #02afe2 !important;
    font-weight: 600 !important;
}

/* Profile button */

section[data-section-id="128495000004758308"] .view-details {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 14px !important;
}

section[data-section-id="128495000004758308"] .view-btn {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 1px solid #02afe2 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

/* Mobile */

@media only screen and (max-width: 767px) {
    section[data-section-id="128495000004758308"] {
        padding: 30px 6px 34px !important;
    }

    section[data-section-id="128495000004758308"] .section-title,
    section[data-section-id="128495000004758308"] h2 {
        margin-bottom: 22px !important;
        font-size: 24px !important;
    }

    section[data-section-id="128495000004758308"] .owl-item {
        padding: 0 5px !important;
    }

    section[data-section-id="128495000004758308"]
    .li-item.sp-st-3 {
        min-height: 250px !important;
        padding: 16px 7px 12px !important;
    }

    section[data-section-id="128495000004758308"] .list-image {
        width: 68px !important;
        height: 68px !important;
        margin-bottom: 11px !important;
    }

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

    section[data-section-id="128495000004758308"] .view-btn {
        min-height: 31px !important;
        padding: 6px 8px !important;
        font-size: 8px !important;
    }
}

/* ==========================================
   MOBILE SPEAKER HEIGHT + HIDE ALL DOTS
========================================== */

@media only screen and (max-width: 767px) {

    /* Hide every possible Zoho carousel-dot container */
    section[data-section-id="128495000004758308"] .owl-dots,
    section[data-section-id="128495000004758308"] .owl-dot,
    section[data-section-id="128495000004758308"] .carousel-dots,
    section[data-section-id="128495000004758308"] .carousel-indicators {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Remove Zoho equal-height stretching */
    section[data-section-id="128495000004758308"] .owl-stage,
    section[data-section-id="128495000004758308"] .owl-item,
    section[data-section-id="128495000004758308"] .bs-speakerList-wgt {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Compact mobile speaker card */

    section[data-section-id="128495000004758308"]
    .li-item.sp-st-3 {
        height: 235px !important;
        min-height: 235px !important;
        max-height: 235px !important;
        padding: 14px 7px 12px !important;
    }

    section[data-section-id="128495000004758308"] .view-details {
        width: 100% !important;
        margin-top: 14px !important;
        padding-top: 0 !important;
    }

    section[data-section-id="128495000004758308"] .view-btn {
        min-height: 30px !important;
        padding: 5px 9px !important;
        font-size: 8px !important;
    }
}




/* =========================================================
   ZOHO BACKSTAGE HOMEPAGE — CONSOLIDATED RESPONSIVE CSS
   Brand: #023b6d / #02afe2
   Hero section: 128495000004758531
   Quick Access section: 128495000007452185
   Quick Access element: 128495000007452186
========================================================= */

:root {
  --rotic-primary: #023b6d;
  --rotic-accent: #02afe2;
  --rotic-dark: #061725;
  --rotic-text-soft: #a9c4d6;
  --rotic-border: rgba(2, 175, 226, 0.27);
}

html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.community-page-home,
.community-page-home * {
  box-sizing: border-box !important;
}

/* =========================================================
   1. HOMEPAGE HERO
========================================================= */

.community-page-home
section[data-section-id="128495000004758531"] {
  position: relative !important;
  overflow: hidden !important;
}

.community-page-home
section[data-section-id="128495000004758531"]::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(
    90deg,
    rgba(3, 35, 65, 0.92),
    rgba(3, 62, 107, 0.55),
    rgba(3, 35, 65, 0.15)
  ) !important;
}

.community-page-home .tb-home-welcome {
  position: absolute !important;
  top: 50% !important;
  left: clamp(24px, 7vw, 110px) !important;
  z-index: 3 !important;
  width: min(650px, 82%) !important;
  color: #ffffff !important;
  transform: translateY(-50%) !important;
}

.community-page-home .tb-home-label {
  display: inline-block !important;
  margin-bottom: 14px !important;
  padding: 7px 13px !important;
  color: var(--rotic-primary) !important;
  background: #ffffff !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
}

.community-page-home .tb-home-welcome h2 {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: clamp(27px, 4vw, 54px) !important;
  font-weight: 750 !important;
  line-height: 1.08 !important;
}

.community-page-home .tb-home-details {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15px !important;
}

/* =========================================================
   2. COUNTDOWN + QUICK ACCESS SECTION
========================================================= */

.community-page-home
section[data-section-id="128495000007452185"],
.community-page-home
section[data-section-id="128495000007452185"] .background-layer,
.community-page-home
section[data-section-id="128495000007452185"] .foreground-layer,
.community-page-home
section[data-section-id="128495000007452185"] .grid-item,
.community-page-home
section[data-section-id="128495000007452185"] .li-item,
.community-page-home
section[data-section-id="128495000007452185"] .li-content {
  background: var(--rotic-dark) !important;
}

.community-page-home
section[data-section-id="128495000007452185"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 32px 20px 38px !important;
  overflow: hidden !important;
  transform: none !important;
}

.community-page-home
section[data-section-id="128495000007452185"] .foreground-layer,
.community-page-home
section[data-section-id="128495000007452185"] .bs-container,
.community-page-home
section[data-section-id="128495000007452185"]
[data-element-id="128495000007452186"] {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Hide the original Backstage text and button. */
.community-page-home
section[data-section-id="128495000007452185"] .li-title,
.community-page-home
section[data-section-id="128495000007452185"] .li-description,
.community-page-home
section[data-section-id="128495000007452185"] .bs-btn-wgt {
  display: none !important;
}

/* =========================================================
   3. COUNTDOWN
========================================================= */

.community-page-home .tb-countdown-panel {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 22px !important;
}

.community-page-home .tb-countdown-heading {
  margin-bottom: 16px !important;
}

.community-page-home .tb-countdown-label {
  display: block !important;
  margin-bottom: 5px !important;
  color: var(--rotic-accent) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.community-page-home .tb-countdown-heading h3 {
  margin: 0 0 5px !important;
  color: #ffffff !important;
  font-size: 27px !important;
  line-height: 1.15 !important;
}

.community-page-home .tb-countdown-heading p {
  margin: 0 !important;
  color: var(--rotic-text-soft) !important;
  font-size: 13px !important;
}

.community-page-home .tb-countdown-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 22px !important;
}

.community-page-home .tb-time-box {
  min-width: 0 !important;
  width: 100% !important;
  padding: 12px 5px 10px !important;
  text-align: center !important;
  background: rgba(2, 59, 109, 0.32) !important;
  border: 1px solid rgba(2, 175, 226, 0.25) !important;
  border-radius: 9px !important;
}

.community-page-home .tb-time-value {
  display: block !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.community-page-home .tb-time-label {
  display: block !important;
  margin-top: 7px !important;
  color: var(--rotic-text-soft) !important;
  font-size: 9px !important;
  text-transform: uppercase !important;
}

/* =========================================================
   4. QUICK ACTION CARDS
========================================================= */

.community-page-home .tb-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* Show Agenda, Speakers, Exhibitors and Floor Plan only. */
.community-page-home .tb-quick-card:nth-child(n+5) {
  display: none !important;
}

.community-page-home .tb-quick-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 128px !important;
  padding: 14px 7px !important;
  color: #ffffff !important;
  text-align: center !important;
  text-decoration: none !important;
  background: rgba(2, 59, 109, 0.14) !important;
  border: 1px solid var(--rotic-border) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  transition: transform 0.2s ease,
              background-color 0.2s ease,
              border-color 0.2s ease,
              box-shadow 0.2s ease !important;
}

.community-page-home .tb-quick-card:hover,
.community-page-home .tb-quick-card:focus-visible {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(2, 175, 226, 0.13) !important;
  border-color: var(--rotic-accent) !important;
  box-shadow: 0 8px 20px rgba(2, 175, 226, 0.13) !important;
  transform: translateY(-3px) !important;
}

.community-page-home .tb-quick-card:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

.community-page-home .tb-quick-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 36px !important;
  margin: 0 0 11px !important;
  color: var(--rotic-accent) !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.community-page-home .tb-quick-text strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

.community-page-home .tb-quick-text > span {
  display: none !important;
}

/* =========================================================
   5. TABLETS — iPad Mini through large tablets
   768px–1180px
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .community-page-home
  section[data-section-id="128495000007452185"] {
    padding: 34px 24px 42px !important;
  }

  .community-page-home .tb-countdown-heading {
    text-align: center !important;
  }

  .community-page-home .tb-countdown-grid {
    max-width: 600px !important;
    margin: 0 auto 26px !important;
    gap: 12px !important;
  }

  .community-page-home .tb-quick-grid {
    max-width: 720px !important;
    gap: 12px !important;
  }

  .community-page-home .tb-quick-card {
    min-height: 126px !important;
  }
}

/* =========================================================
   6. MOBILE — small phones through large phones
   320px–767px
========================================================= */

@media only screen and (max-width: 767px) {
  .community-page-home
  section[data-section-id="128495000004758531"],
  .community-page-home
  section[data-section-id="128495000004758531"] .background-layer,
  .community-page-home
  section[data-section-id="128495000004758531"] .foreground-layer,
  .community-page-home
  section[data-section-id="128495000004758531"] .grid-item,
  .community-page-home
  section[data-section-id="128495000004758531"] .li-item {
    min-height: 300px !important;
    height: 300px !important;
  }

  .community-page-home
  section[data-section-id="128495000004758531"]::after {
    background: linear-gradient(
      180deg,
      rgba(3, 35, 65, 0.35),
      rgba(3, 35, 65, 0.94)
    ) !important;
  }

  .community-page-home .tb-home-welcome {
    top: auto !important;
    right: 22px !important;
    bottom: 24px !important;
    left: 22px !important;
    width: auto !important;
    transform: none !important;
  }

  .community-page-home .tb-home-label {
    margin-bottom: 10px !important;
    padding: 6px 11px !important;
    font-size: 10px !important;
  }

  .community-page-home .tb-home-welcome h2 {
    margin-bottom: 10px !important;
    font-size: 24px !important;
  }

  .community-page-home .tb-home-details {
    display: grid !important;
    gap: 5px !important;
    font-size: 12px !important;
  }

  .community-page-home
  section[data-section-id="128495000007452185"] {
    padding: 28px 10px 30px !important;
  }

  .community-page-home
  section[data-section-id="128495000007452185"] .foreground-layer,
  .community-page-home
  section[data-section-id="128495000007452185"] .bs-container,
  .community-page-home
  section[data-section-id="128495000007452185"]
  [data-element-id="128495000007452186"] {
    max-width: 100% !important;
  }

  .community-page-home .tb-countdown-panel {
    max-width: 100% !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }

  .community-page-home .tb-countdown-grid {
    max-width: 100% !important;
    gap: 8px !important;
  }

  .community-page-home .tb-quick-grid {
    max-width: 100% !important;
    gap: 8px !important;
  }

  .community-page-home .tb-quick-card {
    min-height: 118px !important;
    padding: 12px 4px !important;
  }

  .community-page-home .tb-quick-icon {
    height: 32px !important;
    margin-bottom: 10px !important;
    font-size: 25px !important;
  }

  .community-page-home .tb-quick-text strong {
    font-size: 12px !important;
  }
}

/* Extra-small phones: prevent long labels from overflowing. */
@media only screen and (max-width: 374px) {
  .community-page-home
  section[data-section-id="128495000007452185"] {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .community-page-home .tb-countdown-grid,
  .community-page-home .tb-quick-grid {
    gap: 5px !important;
  }

  .community-page-home .tb-time-value {
    font-size: 19px !important;
  }

  .community-page-home .tb-time-label {
    font-size: 8px !important;
  }

  .community-page-home .tb-quick-text strong {
    font-size: 10px !important;
    white-space: normal !important;
  }
}

/* Respect reduced-motion accessibility settings. */
@media (prefers-reduced-motion: reduce) {
  .community-page-home .tb-quick-card {
    transition: none !important;
  }

  .community-page-home .tb-quick-card:hover,
  .community-page-home .tb-quick-card:focus-visible {
    transform: none !important;
  }
}

/* =========================================================
   FINAL HOMEPAGE CONTINUITY
   One uninterrupted application background
========================================================= */

.community-page-home,
.community-page-home > .bs-page-container,
.community-page-home .bs-page-container,
.community-page-home .page-container {
  background: #061725 !important;
  background-image: none !important;
}

.community-page-home section[data-section-id="128495000007452185"],
.community-page-home section[data-section-id="128495000004758308"],
.community-page-home section[data-section-id="128495000007452418"],
.community-page-home section[data-section-id="128495000007452185"] > .background-layer,
.community-page-home section[data-section-id="128495000004758308"] > .background-layer,
.community-page-home section[data-section-id="128495000007452418"] > .background-layer,
.community-page-home section[data-section-id="128495000007452185"] > .foreground-layer,
.community-page-home section[data-section-id="128495000004758308"] > .foreground-layer,
.community-page-home section[data-section-id="128495000007452418"] > .foreground-layer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #061725 !important;
  background-color: #061725 !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.community-page-home section[data-section-id="128495000007452185"]::before,
.community-page-home section[data-section-id="128495000007452185"]::after,
.community-page-home section[data-section-id="128495000004758308"]::before,
.community-page-home section[data-section-id="128495000004758308"]::after,
.community-page-home section[data-section-id="128495000007452418"]::before,
.community-page-home section[data-section-id="128495000007452418"]::after {
  display: none !important;
}

/* =========================================================
   COMPACT SECTION FLOW
   Remove Zoho's flex-fill and duplicated section padding
========================================================= */

.community-page-home section[data-section-id="128495000007452185"],
.community-page-home section[data-section-id="128495000004758308"],
.community-page-home section[data-section-id="128495000007452418"] {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
}

.community-page-home section[data-section-id="128495000007452185"] {
  padding-top: 24px !important;
  padding-bottom: 16px !important;
}

.community-page-home section[data-section-id="128495000004758308"] {
  padding: 18px 6px 20px !important;
}

.community-page-home section[data-section-id="128495000004758308"] > .foreground-layer,
.community-page-home section[data-section-id="128495000004758308"] > .bs-container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.community-page-home section[data-section-id="128495000004758308"] .section-title,
.community-page-home section[data-section-id="128495000004758308"] h2 {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

.community-page-home section[data-section-id="128495000007452418"] > .foreground-layer,
.community-page-home section[data-section-id="128495000007452418"] > .bs-container {
  min-height: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 28px !important;
}

@media only screen and (min-width: 768px) {
  .community-page-home section[data-section-id="128495000007452185"] {
    padding-bottom: 24px !important;
  }

  .community-page-home section[data-section-id="128495000004758308"] {
    padding: 26px 12px 30px !important;
  }

  .community-page-home section[data-section-id="128495000007452418"] > .foreground-layer,
  .community-page-home section[data-section-id="128495000007452418"] > .bs-container {
    padding-top: 30px !important;
    padding-bottom: 36px !important;
  }
}

/* =========================================================
   FEATURED SESSION — CLEAN MOBILE CONTROLS
========================================================= */

@media only screen and (max-width: 767px) {
  .community-page-home
  section[data-section-id="128495000007452418"] .owl-nav {
    display: none !important;
  }
}

/* =========================================================
   FLOOR PLAN PROMO
   Section: 128495000007458330
========================================================= */

.community-page-home section[data-section-id="128495000007458330"],
.community-page-home section[data-section-id="128495000007458330"] > .background-layer,
.community-page-home section[data-section-id="128495000007458330"] > .foreground-layer {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  background: #061725 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.community-page-home section[data-section-id="128495000007458330"] {
  padding: 18px 16px 22px !important;
}

.community-page-home section[data-section-id="128495000007458330"] > .foreground-layer,
.community-page-home section[data-section-id="128495000007458330"] > .bs-container {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.community-page-home section[data-section-id="128495000007458330"] .grid-item,
.community-page-home section[data-section-id="128495000007458330"] .image-layout,
.community-page-home section[data-section-id="128495000007458330"] .li-item,
.community-page-home section[data-section-id="128495000007458330"] .li-content {
  min-height: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.community-page-home section[data-section-id="128495000007458330"] img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 1px solid rgba(2, 175, 226, 0.30) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

/* =========================================================
   SPONSORS
   Section: 128495000007458356
========================================================= */

.community-page-home section[data-section-id="128495000007458356"],
.community-page-home section[data-section-id="128495000007458356"] > .background-layer,
.community-page-home section[data-section-id="128495000007458356"] > .foreground-layer {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  background: #061725 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.community-page-home section[data-section-id="128495000007458356"] {
  padding: 24px 16px 30px !important;
  color: #ffffff !important;
}

.community-page-home section[data-section-id="128495000007458356"] > .foreground-layer,
.community-page-home section[data-section-id="128495000007458356"] > .bs-container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.community-page-home section[data-section-id="128495000007458356"] .section-title,
.community-page-home section[data-section-id="128495000007458356"] h2,
.community-page-home section[data-section-id="128495000007458356"] h3 {
  color: #ffffff !important;
}

/* Do not show Zoho's large empty sponsor placeholder. */
.community-page-home
section[data-section-id="128495000007458356"]:has(.empty-section) {
  display: none !important;
}

@media only screen and (min-width: 768px) {
  .community-page-home section[data-section-id="128495000007458330"] {
    padding: 26px 24px 32px !important;
  }

  .community-page-home section[data-section-id="128495000007458356"] {
    padding: 30px 24px 38px !important;
  }
}

/* =========================================================
   ROTIC — FINAL COMPACT SECTION SPACING
========================================================= */

/* Stop Zoho from stretching homepage sections */
.community-page-home
section[data-section-id="128495000007452185"],
.community-page-home
section[data-section-id="128495000004758308"],
.community-page-home
section[data-section-id="128495000007452418"],
.community-page-home
section[data-section-id="128495000007458330"] {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* Remove Zoho's internal duplicated padding */
.community-page-home
section[data-section-id="128495000007452185"] > .foreground-layer,
.community-page-home
section[data-section-id="128495000004758308"] > .foreground-layer,
.community-page-home
section[data-section-id="128495000007452418"] > .foreground-layer,
.community-page-home
section[data-section-id="128495000007458330"] > .foreground-layer {
  min-height: 0 !important;
  margin: 0 auto !important;
}

/* Quick Actions */
.community-page-home
section[data-section-id="128495000007452185"] {
  padding: 24px 10px 14px !important;
}

.community-page-home
section[data-section-id="128495000007452185"] > .foreground-layer {
  padding: 0 !important;
}

/* Speakers */
.community-page-home
section[data-section-id="128495000004758308"] {
  padding: 20px 6px 18px !important;
}

.community-page-home
section[data-section-id="128495000004758308"] > .foreground-layer {
  padding: 0 !important;
}

.community-page-home
section[data-section-id="128495000004758308"] .section-title,
.community-page-home
section[data-section-id="128495000004758308"] h2 {
  margin: 0 0 18px !important;
}

.community-page-home
section[data-section-id="128495000004758308"] .owl-stage-outer {
  padding-bottom: 0 !important;
}

.community-page-home
section[data-section-id="128495000004758308"] .carousel,
.community-page-home
section[data-section-id="128495000004758308"] .owl-carousel {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Featured Sessions */
.community-page-home
section[data-section-id="128495000007452418"] {
  padding: 20px 16px 22px !important;
}

.community-page-home
section[data-section-id="128495000007452418"] > .foreground-layer {
  padding: 0 !important;
}

.community-page-home
section[data-section-id="128495000007452418"] .section-sub-title {
  margin-bottom: 16px !important;
}

/* Floor Plan */
.community-page-home
section[data-section-id="128495000007458330"] {
  padding: 16px !important;
}

.community-page-home
section[data-section-id="128495000007458330"] > .foreground-layer {
  padding: 0 !important;
}

/* Tablet spacing */
@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .community-page-home
  section[data-section-id="128495000007452185"],
  .community-page-home
  section[data-section-id="128495000004758308"],
  .community-page-home
  section[data-section-id="128495000007452418"],
  .community-page-home
  section[data-section-id="128495000007458330"] {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
/* =========================================================
   ROTIC FLOOR PLAN — CORRECT SECTION ID
   Section: 128495000004758330
========================================================= */

.community-page-home
section[data-section-id="128495000004758330"],
.community-page-home
section[data-section-id="128495000004758330"] > .background-layer,
.community-page-home
section[data-section-id="128495000004758330"] > .foreground-layer {
  flex: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  background: #061725 !important;
  background-color: #061725 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Compact section spacing */
.community-page-home
section[data-section-id="128495000004758330"] {
  padding: 16px !important;
}

/* Remove Zoho's large internal spacing */
.community-page-home
section[data-section-id="128495000004758330"] > .foreground-layer,
.community-page-home
section[data-section-id="128495000004758330"] > .bs-container {
  width: 100% !important;
  max-width: 820px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Remove empty-content spacing */
.community-page-home
section[data-section-id="128495000004758330"] .grid-item,
.community-page-home
section[data-section-id="128495000004758330"] .image-layout,
.community-page-home
section[data-section-id="128495000004758330"] .bs-mediaText-wgt,
.community-page-home
section[data-section-id="128495000004758330"] .li-item,
.community-page-home
section[data-section-id="128495000004758330"] .list-image {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Hide completely empty text area */
.community-page-home
section[data-section-id="128495000004758330"] .li-content {
  display: none !important;
}

/* Responsive Floor Plan banner */
.community-page-home
section[data-section-id="128495000004758330"] .media-image,
.community-page-home
section[data-section-id="128495000004758330"] .bs-media-wgt {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.community-page-home
section[data-section-id="128495000004758330"] img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 1px solid rgba(2, 175, 226, 0.32) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .community-page-home
  section[data-section-id="128495000004758330"] {
    padding: 24px !important;
  }
}




/* =========================================================
   SPONSORS — GOLD AND SILVER CAROUSELS
   Section: 128495000004758356
========================================================= */

.community-page-home
section[data-section-id="128495000004758356"] {
  background: #061725 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
}

.community-page-home
section[data-section-id="128495000004758356"]
.background-layer {
  background: #061725 !important;
  opacity: 1 !important;
}

.community-page-home
section[data-section-id="128495000004758356"]
.foreground-layer {
  background: transparent !important;
  padding: 38px 18px !important;
}

/* Main section heading */

.community-page-home
section[data-section-id="128495000004758356"]
.section-title {
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 0 30px !important;
}

/* Gold and Silver category headings */

.community-page-home
section[data-section-id="128495000004758356"]
h4,
.community-page-home
section[data-section-id="128495000004758356"]
h5,
.community-page-home
section[data-section-id="128495000004758356"]
h6 {
  color: #ffffff !important;
}

/* Keep every carousel inside the section contained */

.community-page-home
section[data-section-id="128495000004758356"]
.owl-carousel {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

.community-page-home
section[data-section-id="128495000004758356"]
.owl-stage-outer {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/*
 Do not manually set .owl-stage width, transform or .owl-item width.
 Owl Carousel will calculate these values correctly.
*/

.community-page-home
section[data-section-id="128495000004758356"]
.owl-item {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Sponsor card */

.community-page-home
section[data-section-id="128495000004758356"]
.owl-item > * {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Sponsor logo/image */

.community-page-home
section[data-section-id="128495000004758356"]
.owl-item img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 110px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

/* Sponsor name */

.community-page-home
section[data-section-id="128495000004758356"]
.owl-item .li-title,
.community-page-home
section[data-section-id="128495000004758356"]
.owl-item .list-title,
.community-page-home
section[data-section-id="128495000004758356"]
.owl-item .sponsor-name {
  color: #ffffff !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin-top: 10px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Hide carousel dots */

.community-page-home
section[data-section-id="128495000004758356"]
.owl-dots {
  display: none !important;
}

/* Navigation arrows */

.community-page-home
section[data-section-id="128495000004758356"]
.owl-nav {
  margin-top: 18px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.community-page-home
section[data-section-id="128495000004758356"]
.owl-nav button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #02afe2 !important;
  border-radius: 50% !important;
  background: #082238 !important;
  color: #ffffff !important;
}

.community-page-home
section[data-section-id="128495000004758356"]
.owl-nav button.disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

/* Mobile: two sponsor logos */

@media only screen and (max-width: 767px) {
  .community-page-home
  section[data-section-id="128495000004758356"]
  .foreground-layer {
    padding: 30px 12px !important;
  }

  .community-page-home
  section[data-section-id="128495000004758356"]
  .owl-item img {
    height: 92px !important;
    padding: 9px !important;
    border-radius: 10px !important;
  }

  .community-page-home
  section[data-section-id="128495000004758356"]
  .owl-item .li-title,
  .community-page-home
  section[data-section-id="128495000004758356"]
  .owl-item .list-title,
  .community-page-home
  section[data-section-id="128495000004758356"]
  .owl-item .sponsor-name {
    font-size: 11px !important;
  }
}

/* Tablet: four sponsor logos */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .community-page-home
  section[data-section-id="128495000004758356"]
  .foreground-layer {
    padding: 38px 20px !important;
  }

  .community-page-home
  section[data-section-id="128495000004758356"]
  .owl-item img {
    height: 105px !important;
  }
}