/* ============================================================
   Faria Connect ? Passaic NJ Breakfast & Chat
   COMPLETE: shared base + full India/Hyderabad block
   Dual: .fariaConnectPassaic-* , .fariaLeadHyderabad-*
============================================================ */
:root {
  --primary: #37023c;
  --secondary: #552859;
  --container-max: 1442px;
  --container-padding: 24px;
  --radius-section: 24px;
}

/* SHARED layout */
    .s-container {
      width: 100%;
      max-width: var(--container-max);
      margin: 0 auto;
      padding: 0 var(--container-padding);
    }
    .s-section { width: 100%; }
    .s-row {
      display: flex;
      /* flex-wrap: wrap; */
      gap: 24px;
    }
    .s-col { width: 100%; }
    @media (min-width: 576px) {
      .sm-6 { width: calc(50% - 12px); }
    }
    @media (min-width: 768px) {
      .md-4 { width: calc(33.333% - 16px); }
      .md-6 { width: calc(50% - 12px); }
      .md-8 { width: calc(66.666% - 8px); }
    }
    @media (min-width: 992px) {
      .lg-5 { width: calc(41.666% - 14px); }
      .lg-6 { width: calc(50% - 12px); }
      .lg-7 { width: calc(58.333% - 10px); }
    }

    /* =============================================
       TYPOGRAPHY
    ============================================= */
    .text-white { color: #fff !important; }
    /* .text-subtle { color: #6B7280; } */
    /* . { font-size: 18px; line-height: 1.7; } */
    .text-warning { color: #F7D35F; }
    .text-center { text-align: center; }

    .label {
      display: inline-block;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.08em;
    }

    /* =============================================
       BUTTONS


/* SHARED buttons */
    .bttn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 24px;
      border-radius: 100px;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      transition: opacity 0.2s, transform 0.15s;
      border: none;
      text-decoration: none;
      white-space: nowrap;
    }
    .bttn:hover { opacity: 0.9; transform: translateY(-1px); }
    .bttn-primary {
      background: #37023C;
      color: #fff !important;
    }
    .bttn-primary::after {
      content: '\f178';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
    }
    .bttn-yellow {
      background: #F7D35F !important;
      color: #37023C !important;
    }
    .bttn-yellow::after { content: '\f178'; font-family: serif; }
    .bttn-outline {
      background: transparent;
      border: 2px solid #37023C;
      color: #37023C;
    }
    .bttn-sm { font-size: 14px; padding: 8px 18px; }
    /* .bttn-lg { font-size: 18px; padding: 16px 32px; } */

    /* Arrow icon via unicode */
    .bttn-arrow::after { content: ' ?'; }

    /* =============================================
       HERO SECTION
    ============================================= */


/* SHARED hero */
    .hero-section {
      margin: 12px;
      border-radius: 32px;
      background: url(https://faria.s3.us-east-1.amazonaws.com/Marketing/public-site/feg/2025-07/Rotate-90.webp);
      position: relative;
      overflow: hidden;
      padding: 80px 0 60px;
      background-position: -1px -1px;
      background-size: 104% 104%;
      width: stretch;
    }
    .hero-section .s-container { position: relative; z-index: 1; }
    .hero-section .s-row { flex-wrap: wrap; align-items: center; }
    .hero-label { font-size: 18px; color: #37023C; margin-bottom: 12px; font-weight: 500; }
    .hero-date {
      display: flex;
      align-items: center;
      gap: 0;
      flex-wrap: wrap;
      font-weight: 500;
      font-size: 16px;
      margin: 16px 0;
      color: #37023C;
    }
    .hero-date .divider {
      display: inline-block;
      width: 1px;
      height: 20px;
      background: #552859;
      margin: 0 16px;
    }
    .hero-date img { width: 30px; height: auto; display: inline-block; vertical-align: top; margin-right: 5px; }
    .hero-venue { display: flex; align-items: center; gap: 8px; font-size: 18px; color: #37023C; }
    .hero-image { border-radius: 16px; width: 100%; }
    .hero-cta { margin-top: 24px; }

    @media (min-width: 768px) {
      .hero-section { padding: 100px 0 80px; }
    }

    /* =============================================
       ELLIPSE DECORATIVE
    ============================================= */
    .hero-ellipse-alt {
      position: absolute;
      right: 0;
      bottom: 0;
      pointer-events: none;
      z-index: 0;
      width: 384px;
      height: 384px;
    }



/* SHARED flip-clock light */
       FLIP CLOCK ? flip-clock-light theme overrides
       (mirrors src/styles/flipClock.css from Svelte)
    ============================================= */

    .flip-clock {
        --border-radius: .15em !important;
        --font-size: 2em !important;
        --font-family: "Helvetica Neue", Helvetica, sans-serif !important;
        --width: 1em !important;
        --height: 1.45em !important;
        --animation-duration: 250ms !important;
        --animation-delay: var(--animation-duration) !important;
        font-family: var(--font-family) !important;
        font-size: var(--font-size) !important;
        user-select: none !important;
        text-align: center !important;
        position: relative !important;
        width: 100% !important;
        display: inline-flex !important;
        box-sizing: border-box !important;
        align-items: flex-end !important;
        gap: .25rem !important;
    }

    .flip-clock,
    .flip-clock-group,
    .flip-clock-group-items {
      width: 100%;
    }
    .flip-clock-light .flip-clock .flip-clock-card .flip-clock-card-item-inner {
      --bg-card: var(--paper);
      --color: var(--plum);
    }
    .flip-clock-light .flip-clock .flip-clock-card {
      box-shadow: unset;
    }
    .flip-clock-light .flip-clock .flip-clock-card .flip-clock-card-item-inner .top,
    .flip-clock-light .flip-clock .flip-clock-card .flip-clock-card-item-inner .bottom {
      background: var(--bg-card);
      box-shadow: unset;
      color: var(--color);
    }


/* SHARED sec2 */
    .sec2 {
      background: #fff;
      padding: 64px 0;
      width: stretch;
    }
    @media (min-width: 768px) {
      .sec2 { padding: 80px 0; }
    }
    .sec2-container {
      max-width: 1442px;
      margin: 0 auto;
      padding: 0 24px;
    }
    /* Overview row */
    .sec2-overview {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }
    @media (min-width: 768px) {
      .sec2-overview { flex-direction: row; align-items: flex-start; }
      .sec2-overview-left  { width: 33.333%; flex-shrink: 0; }
      .sec2-overview-right { flex: 1; }
    }
    .sec2-overview-text {
      font-size: 20px;
      line-height: 1.7;
      margin-bottom: 1rem;
    }
    /* Key Themes grid */
    .sec2-themes-heading { text-align: center !important; margin-bottom: 32px; }
    .sec2-themes-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    @media (min-width: 768px) {
      .sec2-themes-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (min-width: 1024px) {
      .sec2-themes-grid { grid-template-columns: repeat(3, 1fr); }
    }
    /* Theme card */
    .sec2-theme-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      background: #F0EBEB;
      border-radius: 16px;
      padding: 32px;
      outline: 1px solid #e2dede;
      outline-offset: -1px;
    }
    .sec2-icon-wrap {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #f5f5f5;
      border-radius: 8px;
      padding: 8px;
      outline: 1px solid #e2dede;
      outline-offset: -1px;
    }
    .sec2-icon-wrap img { width: 32px; height: 32px; object-fit: contain; display: block; }
    .sec2-theme-title {
      font-size: 24px;
      font-weight: 700;
      color: #37023C;
      line-height: 1.35;
      margin: 0;
    }
    .sec2-theme-desc {
      font-size: 18px;
      line-height: 1.7;
      color: #37023C;
      margin: 0;
    }


/* SHARED suite */
    /* EllipseWhiteBottomAlt for solutions section */
    .solutions-ellipse {
      position: absolute;
      bottom: 0;
      right: 40%;
      pointer-events: none;
      z-index: 0;
    }

    /* =============================================
       FARIA SUITE CAROUSEL
    ============================================= */
    .suite-section {
      padding: 80px 0;
      /* overflow:clip prevents section from becoming a scroll container
         while still clipping visual overflow ? cards show but section doesn't scroll */
      overflow: clip;
      position: relative;
      width: stretch;
    }
    .carousel-outer {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .carousel-outer::-webkit-scrollbar { display: none; }
    .carousel-track {
      display: flex;
      gap: 16px;
      padding: 12px max(var(--container-padding), calc((100% - var(--container-max)) / 2 + var(--container-padding)));
    }
    .suite-card {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 40px;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 2px 8px rgba(55,2,60,0.08);
      min-width: 400px;
      max-width: 400px;
      text-decoration: none;
      color: #37023C;
      transition: background 0.3s, box-shadow 0.3s;
      flex-shrink: 0;
    }
    .suite-card:hover {
      background: #37023C;
    }
    .suite-card:hover h4,
    .suite-card:hover p { color: #fff; }
    .suite-card .card-logo {
      width: 52px;
      height: 52px;
      flex-shrink: 0;
      object-fit: contain;
    }
    /* Inline SVG brand icons */
    .suite-card .card-svg {
      width: 52px;
      height: 52px;
      flex-shrink: 0;
      display: block;
    }
    .suite-card p { color: #6B7280; margin-top: 4px; font-size: 15px; }
    .suite-card:hover p { color: rgba(255,255,255,0.75); }


/* SHARED utilities */
    .mb-0 { margin-bottom: 0; }
    .mb-2 { margin-bottom: 8px; }
    .mb-3 { margin-bottom: 12px; }
    .mb-4 { margin-bottom: 16px; }
    .mb-6 { margin-bottom: 24px; }
    .mb-8 { margin-bottom: 32px; }
    .mb-12 { margin-bottom: 48px; }
    .mt-4 { margin-top: 16px; }
    .mt-6 { margin-top: 24px; }
    .gap-11 { gap: 44px; }
    .fs-21px {font-size: 21px;}
    .fs-24px {font-size: 24px;}

    .rounded-full { border-radius: 9999px; }
    .rounded-2xl { border-radius: 16px; }
    .underline { text-decoration: underline; }

    @media (max-width: 767px) {
      h1 { font-size: 32px; }
      h2 { font-size: 26px; }
      .hero-section { padding: 60px 0 50px; }
      .bttn-lg { font-size: 16px; padding: 14px 24px; }
    }

/* INDIA BLOCK */
    /* =============================================
       Faria Lead Hyderabad ?
       Page-scoped classes (DO NOT reuse elsewhere)
    ============================================= */

    .hero-section--passaic, .hero-section--hyderabad {
      background: url(https://faria.s3.us-east-1.amazonaws.com/Marketing/public-site/feg/2025-07/Rotate-0.webp) center / cover no-repeat !important;
    }

    .hosted-at {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 50px;
    }

    .hosted-at-label {
      font-size: 24px;
      font-weight: 500;
      color: #37023c;
    }

    .fariaConnectPassaic-section2, .fariaLeadHyderabad-section2 {
      background: #fff;
    }

    .fariaConnectPassaic-about-overview, .fariaLeadHyderabad-about-overview {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }

    @media (min-width: 768px) {
      .fariaConnectPassaic-about-overview, .fariaLeadHyderabad-about-overview {
        flex-direction: row;
        align-items: flex-start;
      }
      .fariaConnectPassaic-about-left, .fariaLeadHyderabad-about-left {
        width: 33.333%;
        flex-shrink: 0;
      }
      .fariaConnectPassaic-about-right, .fariaLeadHyderabad-about-right {
        flex: 1;
      }
    }

    .fariaConnectPassaic-key-takeaways, .fariaLeadHyderabad-key-takeaways {
      margin-top: 40px;
      background: #F0EBEB;
      border-radius: 16px;
      padding: 24px 32px;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      align-items: stretch;
    }

    @media (max-width: 768px) {
      .fariaConnectPassaic-key-takeaways, .fariaLeadHyderabad-key-takeaways {
        padding: 20px 16px;
      }
    }

    .fariaConnectPassaic-key-item, .fariaLeadHyderabad-key-item {
      background: #fff;
      border-radius: 32px;
      padding: 10px 16px;
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 40px;
    }

    .fariaConnectPassaic-key-item, .fariaLeadHyderabad-key-item p {
      margin: 0;
      font-size: 18px;
      line-height: 1.5;
      color: #171717;
      font-weight: 400;
    }

    .fariaConnectPassaic-check, .fariaLeadHyderabad-check {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      display: block;
      object-fit: contain;
    }

    .fariaConnectPassaic-who-pill, .fariaLeadHyderabad-who-pill .fariaConnectPassaic-check, .fariaLeadHyderabad-check {
      width: 20px;
      height: 20px;
    }

    .fariaConnectPassaic-who-bar, .fariaLeadHyderabad-who-bar {
      margin-top: 32px;
      background: #37023c;
      border-radius: 16px;
      padding: 16px 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    @media (min-width: 768px) {
      .fariaConnectPassaic-who-bar, .fariaLeadHyderabad-who-bar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
    }

    .fariaConnectPassaic-who-label, .fariaLeadHyderabad-who-label h3 {
      margin: 0;
      color: #f0ebeb !important;
      font-size: 24px;
      line-height: 1.15;
      font-weight: 700;
    }

    .fariaConnectPassaic-who-pills, .fariaLeadHyderabad-who-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }

    .fariaConnectPassaic-who-pill, .fariaLeadHyderabad-who-pill {
      background: #552859;
      border-radius: 999px;
      padding: 10px 16px;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      line-height: 1;
      white-space: nowrap;
    }

    /* Event Details (Tabs) ? Figma two-column: title left, tabs+content right */
    .fariaConnectPassaic-event-details, .fariaLeadHyderabad-event-details {
      background: #37023c;
      border-radius: 24px;
      margin: 0 1.5rem;
      overflow: visible;
      padding: 16px;
      position: relative;
      width: stretch;
      z-index: 1;
    }

    .fariaConnectPassaic-event-details, .fariaLeadHyderabad-event-details:has(.fariaConnectPassaic-agenda-card--highlight, .fariaLeadHyderabad-agenda-card--highlight.is-open) {
      z-index: 40;
    }

    .fariaConnectPassaic-event-details-deco, .fariaLeadHyderabad-event-details-deco {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 387px;
      height: 212px;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
      border-radius: 0 0 24px 0;
    }

    .fariaConnectPassaic-event-details-deco, .fariaLeadHyderabad-event-details-deco svg {
      display: block;
      width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .fariaConnectPassaic-event-details, .fariaLeadHyderabad-event-details {
        margin: 0;
        border-radius: 0;
        padding: 0;
      }
    }

    .fariaConnectPassaic-event-details-inner, .fariaLeadHyderabad-event-details-inner {
      max-width: var(--container-max);
      margin: 0 auto;
      padding: 0;
      position: relative;
      z-index: 1;
    }

    .fariaConnectPassaic-event-details-layout, .fariaLeadHyderabad-event-details-layout {
      display: flex;
      align-items: flex-start;
      gap: 48px;
      padding: 80px 24px;
    }

    .fariaConnectPassaic-event-details-title-col, .fariaLeadHyderabad-event-details-title-col {
      flex: 0 1 280px;
      min-width: 180px;
      max-width: 320px;
    }

    .fariaConnectPassaic-event-details-title-col, .fariaLeadHyderabad-event-details-title-col h2 {
      color: #f0ebeb !important;
      font-size: 36px;
      margin: 0;
      font-weight: 700;
      line-height: 1.15;
      text-align: left;
    }

    .fariaConnectPassaic-event-details-content-col, .fariaLeadHyderabad-event-details-content-col {
      flex: 1 1 0;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 48px;
      max-width: 958px;
      overflow: visible;
    }

    .fariaConnectPassaic-event-details-tabs, .fariaLeadHyderabad-event-details-tabs {
      background: rgba(240, 235, 235, 0.16);
      border-radius: 999px;
      padding: 3px;
      display: flex;
      gap: 0;
      width: fit-content;
      max-width: 100%;
      overflow-x: auto;
    }

    .fariaConnectPassaic-event-details-tabs, .fariaLeadHyderabad-event-details-tabs::-webkit-scrollbar {
      display: none;
    }

    .fariaConnectPassaic-event-details-tab, .fariaLeadHyderabad-event-details-tab {
      border: none;
      border-radius: 999px;
      padding: 8px 16px;
      background: transparent;
      color: #f0ebeb;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.5;
      cursor: pointer;
      white-space: nowrap;
      transition: background 0.2s, color 0.2s;
    }

    /* Active tab: dark plum pill (matches Figma), not white */
    .fariaConnectPassaic-event-details-tab, .fariaLeadHyderabad-event-details-tab.active {
      background: #37023c;
      color: #f9f5f9;
    }

    .fariaConnectPassaic-event-details-panel, .fariaLeadHyderabad-event-details-panel {
      display: none;
    }

    .fariaConnectPassaic-event-details-panel, .fariaLeadHyderabad-event-details-panel.active {
      display: block;
      overflow: visible;
    }

    .fariaConnectPassaic-event-details-date, .fariaLeadHyderabad-event-details-date {
      color: #f0ebeb;
      font-weight: 700;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      margin-bottom: 28px;
      flex-wrap: wrap;
    }

    .fariaConnectPassaic-event-details-divider, .fariaLeadHyderabad-event-details-divider {
      opacity: 0.8;
    }

    .fariaConnectPassaic-agenda-grid, .fariaLeadHyderabad-agenda-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      overflow: visible;
    }

    @media (max-width: 1100px) {
      .fariaConnectPassaic-event-details-layout, .fariaLeadHyderabad-event-details-layout {
        flex-direction: column;
        gap: 32px;
        padding: 48px 24px;
      }

      .fariaConnectPassaic-event-details-title-col, .fariaLeadHyderabad-event-details-title-col {
        flex: none;
        max-width: none;
      }

      .fariaConnectPassaic-event-details-content-col, .fariaLeadHyderabad-event-details-content-col {
        max-width: none;
        gap: 32px;
      }
    }

    @media (max-width: 1024px) {
      .fariaConnectPassaic-agenda-grid, .fariaLeadHyderabad-agenda-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 768px) {
      .fariaConnectPassaic-agenda-grid, .fariaLeadHyderabad-agenda-grid {
        grid-template-columns: 1fr;
      }

      .fariaConnectPassaic-event-details-layout, .fariaLeadHyderabad-event-details-layout {
        padding: 40px 16px;
      }

      .fariaConnectPassaic-event-details-title-col, .fariaLeadHyderabad-event-details-title-col h2 {
        font-size: 28px;
      }
    }

    .fariaConnectPassaic-agenda-card, .fariaLeadHyderabad-agenda-card {
      border-radius: 16px;
      min-height: 125px;
      height: auto;
      padding: 20px 24px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      box-sizing: border-box;
    }

    .fariaConnectPassaic-agenda-card--primary, .fariaLeadHyderabad-agenda-card--primary {
      background: #552859;
      color: #f0ebeb;
    }

    .fariaConnectPassaic-agenda-card--highlight, .fariaLeadHyderabad-agenda-card--highlight {
      background: #fae59f;
      color: #37023c;
      position: relative;
      cursor: pointer;
      z-index: 1;
      overflow: visible;
    }

    .fariaConnectPassaic-agenda-card--highlight, .fariaLeadHyderabad-agenda-card--highlight.is-open {
      z-index: 50;
      overflow: visible;
    }

    /* Session / speaker popover ? @faria-lead-huderabad-india.php */
    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover {
      position: absolute;
      left: auto;
      right: 0;
      bottom: calc(100% + 4px);
      top: auto;
      transform: none;
      width: min(420px, calc(100vw - 32px));
      max-width: min(420px, calc(100vw - 32px));
      z-index: 60;
      display: flex;
      flex-direction: column;
      padding-bottom: 10px; /* hover bridge into the tile */
      padding-top: 0;
      filter: drop-shadow(0 12px 16px rgba(16,24,40,0.08)) drop-shadow(0 4px 6px rgba(16,24,40,0.03));
      pointer-events: auto;
      box-sizing: border-box;
      overflow: visible;
    }

    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover.is-above {
      bottom: calc(100% + 4px);
      top: auto;
      flex-direction: column;
      padding-bottom: 10px;
      padding-top: 0;
    }

    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover.is-below {
      top: calc(100% + 4px);
      bottom: auto;
      flex-direction: column-reverse;
      padding-top: 10px;
      padding-bottom: 0;
    }

    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover.is-align-left {
      left: 0;
      right: auto;
    }

    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover.is-align-right {
      left: auto;
      right: 0;
    }

    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover[hidden] {
      display: none !important;
    }

    .fariaConnectPassaic-popover-panel, .fariaLeadHyderabad-popover-panel {
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      height: auto;
      max-height: min(520px, 78vh);
      display: flex;
      flex-direction: column;
      gap: 12px;
      box-sizing: border-box;
    }

    .fariaConnectPassaic-popover-panel, .fariaLeadHyderabad-popover-panel[data-fariaConnectPassaic-popover-view="session"] {
      gap: 16px;
      justify-content: flex-start;
    }

    .fariaConnectPassaic-popover-panel, .fariaLeadHyderabad-popover-panel[hidden] {
      display: none !important;
    }

    .fariaConnectPassaic-popover-title, .fariaLeadHyderabad-popover-title {
      margin: 0;
      color: #37023c;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      flex-shrink: 0;
    }

    .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll {
      overflow-y: auto;
      flex: 1 1 auto;
      min-height: 120px;
      max-height: none;
      padding-right: 4px;
      color: #171717;
      font-size: 18px;
      line-height: 1.5;
      scrollbar-width: thin;
      scrollbar-color: #37023c #eae4ea;
    }

    .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll::-webkit-scrollbar {
      width: 4px;
    }

    .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll::-webkit-scrollbar-track {
      background: #eae4ea;
      border-radius: 32px;
    }

    .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll::-webkit-scrollbar-thumb {
      background: #37023c;
      border-radius: 32px;
    }

    .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll p {
      margin: 0 0 14px;
      font-size: 18px;
      line-height: 1.5;
    }

    .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll p:last-child {
      margin-bottom: 0;
    }

    .fariaConnectPassaic-popover-speakers, .fariaLeadHyderabad-popover-speakers {
      display: flex;
      flex-direction: column;
      gap: 12px;
      flex-shrink: 0;
      max-height: 220px;
      overflow-y: auto;
      padding-right: 2px;
    }

    .fariaConnectPassaic-popover-speakers-label, .fariaLeadHyderabad-popover-speakers-label {
      margin: 0 0 4px;
      color: #171717;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
    }

    .fariaConnectPassaic-popover-speaker-btn, .fariaLeadHyderabad-popover-speaker-btn {
      width: 100%;
      border: none;
      background: transparent;
      padding: 0;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      text-align: left;
      cursor: pointer;
    }

    .fariaConnectPassaic-popover-speaker-btn, .fariaLeadHyderabad-popover-speaker-btn > span {
      min-width: 0;
      /* flex: 1 1 auto; */
      overflow-wrap: anywhere;
    }

    .fariaConnectPassaic-popover-speaker-btn, .fariaLeadHyderabad-popover-speaker-btn img,
    .fariaConnectPassaic-popover-speaker-photo-placeholder, .fariaLeadHyderabad-popover-speaker-photo-placeholder {
      width: 48px;
      height: 48px;
      border-radius: 999px;
      object-fit: cover;
      flex-shrink: 0;
      background: #552859;
      display: block;
    }

    .fariaConnectPassaic-popover-speaker-btn, .fariaLeadHyderabad-popover-speaker-btn strong {
      display: block;
      color: #901e69;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.35;
      text-decoration: underline;
    }

    .fariaConnectPassaic-popover-speaker-btn, .fariaLeadHyderabad-popover-speaker-btn small {
      display: block;
      margin-top: 2px;
      color: #171717;
      font-size: 14px;
      line-height: 1.4;
    }

    .fariaConnectPassaic-popover-speaker-head, .fariaLeadHyderabad-popover-speaker-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .fariaConnectPassaic-popover-back, .fariaLeadHyderabad-popover-back {
      border: none;
      background: transparent;
      color: #741654;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      cursor: pointer;
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .fariaConnectPassaic-popover-close, .fariaLeadHyderabad-popover-close {
      border: none;
      background: transparent;
      color: #171717;
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
      padding: 0;
      width: 24px;
      height: 24px;
    }

    .fariaConnectPassaic-popover-speaker-meta, .fariaLeadHyderabad-popover-speaker-meta {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      padding-bottom: 12px;
      border-bottom: 1px solid #f0ebeb;
    }

    .fariaConnectPassaic-popover-speaker-meta, .fariaLeadHyderabad-popover-speaker-meta img,
    .fariaConnectPassaic-popover-speaker-meta, .fariaLeadHyderabad-popover-speaker-meta .fariaConnectPassaic-popover-speaker-photo-placeholder, .fariaLeadHyderabad-popover-speaker-photo-placeholder {
      width: 48px;
      height: 48px;
      border-radius: 999px;
      object-fit: cover;
      background: #552859;
      flex-shrink: 0;
      display: block;
    }

    .fariaConnectPassaic-popover-speaker-name, .fariaLeadHyderabad-popover-speaker-name {
      margin: 0;
      color: #37023c;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
    }

    .fariaConnectPassaic-popover-speaker-role, .fariaLeadHyderabad-popover-speaker-role {
      margin: 0;
      color: #171717;
      font-size: 12px;
      line-height: 1.5;
    }

    .fariaConnectPassaic-popover-linkedin, .fariaLeadHyderabad-popover-linkedin {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      margin-top: 10px;
      background: #f0ebeb;
      border-radius: 999px;
      padding: 2px 6px;
      color: #171717;
      font-size: 10px;
      text-decoration: underline;
      line-height: 1.5;
    }

    .fariaConnectPassaic-popover-linkedin, .fariaLeadHyderabad-popover-linkedin::before {
      content: "";
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3E%3Cpath d='M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45zM22.23 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.23 0z'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
    }

    .fariaConnectPassaic-popover-about, .fariaLeadHyderabad-popover-about {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-height: 0;
      flex: 1;
    }

    .fariaConnectPassaic-popover-about, .fariaLeadHyderabad-popover-about .fariaConnectPassaic-popover-scroll, .fariaLeadHyderabad-popover-scroll {
      min-height: 140px;
      max-height: 240px;
    }

    .fariaConnectPassaic-popover-arrow, .fariaLeadHyderabad-popover-arrow {
      width: 0;
      height: 0;
      /* Align tip with info-icon center: card padding-right 24 + half icon 12 ? half arrow 10 */
      margin: -2px 26px 0 auto;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 8px solid #fff;
      border-bottom: none;
      display: block;
      flex-shrink: 0;
    }

    .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover.is-below .fariaConnectPassaic-popover-arrow, .fariaLeadHyderabad-popover-arrow {
      margin: 0 26px -2px auto;
      border-top: none;
      border-bottom: 8px solid #fff;
    }

    @media (max-width: 768px) {
      .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover {
        left: 0;
        right: auto;
        width: min(420px, calc(100vw - 32px));
        max-width: min(420px, calc(100vw - 32px));
      }

      .fariaConnectPassaic-popover, .fariaLeadHyderabad-popover.is-align-right {
        left: auto;
        right: 0;
      }

      .fariaConnectPassaic-popover-arrow, .fariaLeadHyderabad-popover-arrow {
        margin-right: 26px;
      }
    }

    .fariaConnectPassaic-agenda-time-row, .fariaLeadHyderabad-agenda-time-row {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .fariaConnectPassaic-agenda-time, .fariaLeadHyderabad-agenda-time {
      margin: 0;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.15;
      text-align: left;
      color: inherit;
    }

    .fariaConnectPassaic-agenda-title, .fariaLeadHyderabad-agenda-title {
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: 0.8px;
      max-width: 100%;
      color: #f0ebeb;
      flex: 1 1 auto;
    }

    .fariaConnectPassaic-agenda-card--primary, .fariaLeadHyderabad-agenda-card--primary .fariaConnectPassaic-agenda-title, .fariaLeadHyderabad-agenda-title {
      color: #f0ebeb;
    }

    .fariaConnectPassaic-agenda-title--highlight, .fariaLeadHyderabad-agenda-title--highlight {
      color: #37023c;
    }

    .fariaConnectPassaic-agenda-time--highlight, .fariaLeadHyderabad-agenda-time--highlight {
      color: #37023c;
      font-weight: 700;
    }

    .fariaConnectPassaic-info-icon, .fariaLeadHyderabad-info-icon {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      display: block;
      object-fit: contain;
    }

    .fariaConnectPassaic-agenda-person, .fariaLeadHyderabad-agenda-person {
      margin: 0;
      padding-top: 2px;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2;
      text-align: left;
      color: #37023c;
    }

    /* Meet the Team */
    .fariaConnectPassaic-team, .fariaLeadHyderabad-team {
      display: flex;
      flex-direction: column;
      gap: 56px;
    }

    .fariaConnectPassaic-team-grid, .fariaLeadHyderabad-team-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
    }

    .fariaConnectPassaic-team-grid--external, .fariaLeadHyderabad-team-grid--external {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    @media (max-width: 1024px) {
      .fariaConnectPassaic-team-grid, .fariaLeadHyderabad-team-grid,
      .fariaConnectPassaic-team-grid--external, .fariaLeadHyderabad-team-grid--external {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .fariaConnectPassaic-team-grid, .fariaLeadHyderabad-team-grid,
      .fariaConnectPassaic-team-grid--external, .fariaLeadHyderabad-team-grid--external {
        grid-template-columns: 1fr;
      }
    }

    .fariaConnectPassaic-person, .fariaLeadHyderabad-person {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .fariaConnectPassaic-person-photo, .fariaLeadHyderabad-person-photo {
      width: 120px;
      height: 120px;
      border-radius: 999px;
      overflow: hidden;
      position: relative;
      flex-shrink: 0;
    }

    .fariaConnectPassaic-person-photo, .fariaLeadHyderabad-person-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      /* Canva circular exports include a transparent ring; scale crops it out */
      transform: scale(1.1);
      transform-origin: center;
    }

    .fariaConnectPassaic-person-photo--pink, .fariaLeadHyderabad-person-photo--pink { background: rgba(246,175,222,0.8); }
    .fariaConnectPassaic-person-photo--yellow, .fariaLeadHyderabad-person-photo--yellow { background: #fae59f; }
    .fariaConnectPassaic-person-photo--peach, .fariaLeadHyderabad-person-photo--peach { background: #f3a982; }
    .fariaConnectPassaic-person-photo--lilac, .fariaLeadHyderabad-person-photo--lilac { background: #c9aff6; }
    .fariaConnectPassaic-person-photo--plum, .fariaLeadHyderabad-person-photo--plum { background: #552859; }

    .fariaConnectPassaic-person-name, .fariaLeadHyderabad-person-name {
      color: #f78b43 !important;
      font-size: 20px;
      font-weight: 700 !important;
      line-height: 1.15;
      text-decoration: underline !important;
      margin: 0;
    }

    p.fariaConnectPassaic-person-name, .fariaLeadHyderabad-person-name {
      text-decoration: none;
    }

    .fariaConnectPassaic-person-role, .fariaLeadHyderabad-person-role {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
    }

    .fariaConnectPassaic-person-org, .fariaLeadHyderabad-person-org {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
    }

    .fariaConnectPassaic-external-title, .fariaLeadHyderabad-external-title {
      margin: 0 0 32px;
      color: #f0ebeb !important;
      font-size: 28px;
      font-weight: 700;
      line-height: 1.15;
    }

    /* Location */
    .fariaConnectPassaic-location-row, .fariaLeadHyderabad-location-row {
      display: flex;
      gap: 32px;
      align-items: flex-end;
    }

    @media (max-width: 900px) {
      .fariaConnectPassaic-location-row, .fariaLeadHyderabad-location-row {
        flex-direction: column;
        align-items: stretch;
      }
    }

    .fariaConnectPassaic-location-copy, .fariaLeadHyderabad-location-copy {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .fariaConnectPassaic-location-label, .fariaLeadHyderabad-location-label {
      margin: 0;
      color: #f7d35f;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.8px;
      line-height: 1.2;
    }

    .fariaConnectPassaic-location-heading, .fariaLeadHyderabad-location-heading {
      margin: 0;
      color: #f0ebeb !important;
      font-size: 36px;
      font-weight: 700;
      line-height: 1.15;
    }

    .fariaConnectPassaic-location-text, .fariaLeadHyderabad-location-text {
      margin: 0;
      color: #f0ebeb;
      font-size: 18px;
      line-height: 1.5;
      max-width: 560px;
    }

    .fariaConnectPassaic-location-text, .fariaLeadHyderabad-location-text strong {
      font-weight: 700;
    }

    .fariaConnectPassaic-location-cta, .fariaLeadHyderabad-location-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 16px;
      background: #f7d35f !important;
      color: #37023c;
      border-radius: 999px;
      padding: 16px 16px 16px 24px;
      font-size: 20px;
      font-weight: 500;
      line-height: 1.2;
      text-decoration: none;
    }

    .fariaConnectPassaic-location-cta, .fariaLeadHyderabad-location-cta:hover {
      opacity: 0.92;
      color: #37023c;
    }

    .fariaConnectPassaic-location-map, .fariaLeadHyderabad-location-map {
      flex: 1;
      min-height: 229px;
      border-radius: 24px;
      overflow: hidden;
      display: block;
    }

    .fariaConnectPassaic-location-map, .fariaLeadHyderabad-location-map img {
      width: 100%;
      height: 100%;
      min-height: 229px;
      object-fit: cover;
      display: block;
    }

    /* Solutions (ManageBac+) */
    .fariaConnectPassaic-solutions, .fariaLeadHyderabad-solutions {
      position: relative;
      overflow: hidden;
      padding: 96px 0;
      background: linear-gradient(90deg, rgba(240,235,235,0.36) 0%, rgba(254,251,241,0.36) 100%);
      width: stretch;
    }

    .fariaConnectPassaic-solutions-bground, .fariaLeadHyderabad-solutions-bground {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }

    /* Figma Bground > Blur SVG */
    .fariaConnectPassaic-solutions-blur, .fariaLeadHyderabad-solutions-blur {
      position: absolute;
      right: 12%;
      top: 24%;
      width: min(744px, 58vw);
      height: auto;
      display: block;
      pointer-events: none;
    }

    @media (max-width: 768px) {
      .fariaConnectPassaic-solutions-blur, .fariaLeadHyderabad-solutions-blur {
        right: -28%;
        top: 30%;
        width: 95vw;
        opacity: 0.75;
      }
    }

    .fariaConnectPassaic-solutions-inner, .fariaLeadHyderabad-solutions-inner {
      max-width: var(--container-max);
      margin: 0 auto;
      padding: var(--container-padding);
      display: flex;
      flex-direction: column;
      gap: 64px;
      position: relative;
      z-index: 2;
    }

    .fariaConnectPassaic-solutions-header, .fariaLeadHyderabad-solutions-header {
      text-align: center;
    }

    .fariaConnectPassaic-solutions-header, .fariaLeadHyderabad-solutions-header h2 {
      margin: 0;
	  text-align: center !important;
    }

    .fariaConnectPassaic-solutions-main, .fariaLeadHyderabad-solutions-main {
      display: flex;
      gap: 48px;
      align-items: flex-start;
    }

    @media (max-width: 1024px) {
      .fariaConnectPassaic-solutions-main, .fariaLeadHyderabad-solutions-main {
        flex-direction: column;
      }
    }

    .fariaConnectPassaic-solutions-copy, .fariaLeadHyderabad-solutions-copy {
      flex: 1;
      min-width: 0;
    }

    .fariaConnectPassaic-solutions-logo-wrap, .fariaLeadHyderabad-solutions-logo-wrap {
      margin-bottom: 16px;
      max-width: 260px;
    }

    .fariaConnectPassaic-solutions-logo, .fariaLeadHyderabad-solutions-logo {
      height: 40px;
      width: auto;
      max-width: 100%;
      object-fit: contain;
      display: block;
    }

    .fariaConnectPassaic-solutions-tagline, .fariaLeadHyderabad-solutions-tagline {
      margin: 0 0 16px;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.8px;
      line-height: 1.2;
    }

    .fariaConnectPassaic-solutions-copy, .fariaLeadHyderabad-solutions-copy p {
      color: #404040;
      font-size: 20px;
      font-weight: 500;
      line-height: 1.2;
      margin: 0 0 18px;
    }

    .fariaConnectPassaic-solutions-media, .fariaLeadHyderabad-solutions-media {
      flex-shrink: 0;
      width: min(100%, 628px);
      border: 1px solid rgba(132,99,134,0.36);
      border-radius: 16px;
      padding: 5px;
      background: #fff;
    }

    .fariaConnectPassaic-solutions-media, .fariaLeadHyderabad-solutions-media img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 10px;
      box-shadow: 0 7px 14px rgba(85,40,89,0.12);
      border: 1px solid rgba(132,99,134,0.36);
    }

    .fariaConnectPassaic-roadmap, .fariaLeadHyderabad-roadmap {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 2px 4px rgba(85,40,89,0.06);
      padding: 32px 0;
      display: flex;
      flex-direction: column;
      gap: 34px;
    }

    .fariaConnectPassaic-roadmap-title, .fariaLeadHyderabad-roadmap-title {
      margin: 0;
      padding: 0 32px;
      color: #37023c;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.15;
    }

    .fariaConnectPassaic-roadmap-chips, .fariaLeadHyderabad-roadmap-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      padding: 0 32px;
    }

    .fariaConnectPassaic-roadmap-chip, .fariaLeadHyderabad-roadmap-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(209,213,219,0.36);
      border-radius: 8px;
      padding: 8px 10px;
      background: #fff;
      color: #171717;
      font-size: 16px;
      line-height: 1.5;
    }

    .fariaConnectPassaic-roadmap-chip, .fariaLeadHyderabad-roadmap-chip img {
      width: 32px;
      height: 32px;
      object-fit: contain;
      display: block;
    }

    .fariaConnectPassaic-roadmap-footer, .fariaLeadHyderabad-roadmap-footer {
      border-top: 1px solid rgba(209,213,219,0.36);
      padding: 24px 32px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }

    .fariaConnectPassaic-roadmap-footer, .fariaLeadHyderabad-roadmap-footer p {
      margin: 0;
      color: #404040;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      max-width: 680px;
    }

    .fariaConnectPassaic-roadmap-cta, .fariaLeadHyderabad-roadmap-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #37023c;
      color: #f9f5f9 !important;
      border-radius: 999px;
      padding: 8px 12px 8px 16px;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      text-decoration: none;
      white-space: nowrap;
    }

    .fariaConnectPassaic-roadmap-cta, .fariaLeadHyderabad-roadmap-cta:hover {
      opacity: 0.92;
      color: #f9f5f9 !important;
    }

    /* Case Studies carousel ? @faria-lead-huderabad-india.php */
    .fariaConnectPassaic-case-studies, .fariaLeadHyderabad-case-studies {
      background: #fefbf1;
      padding: 96px 0;
      overflow: visible;
      width: stretch;
      position: relative;
      z-index: 0;
    }

    .fariaConnectPassaic-case-studies-inner, .fariaLeadHyderabad-case-studies-inner {
      max-width: var(--container-max);
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 64px;
      padding-left: var(--container-padding);
      padding-right: var(--container-padding);
      box-sizing: border-box;
    }

    .fariaConnectPassaic-case-studies-header, .fariaLeadHyderabad-case-studies-header {
      overflow: visible;
    }

    .fariaConnectPassaic-case-studies-header, .fariaLeadHyderabad-case-studies-header h2 {
      margin: 0;
      overflow: visible;
    }

    @media (min-width: 1024px) {
      .fariaConnectPassaic-case-studies-header, .fariaLeadHyderabad-case-studies-header {
        padding-right: 192px;
      }
    }

    .fariaConnectPassaic-case-studies-carousel, .fariaLeadHyderabad-case-studies-carousel {
      display: flex;
      flex-direction: column;
      gap: 32px;
      width: 100%;
    }

    /* Full-bleed track: cards start at content left edge and spill past the right viewport */
    .fariaConnectPassaic-case-studies-viewport, .fariaLeadHyderabad-case-studies-viewport {
      overflow: hidden;
      width: 100%;
      height: 380px;
    }

    .fariaConnectPassaic-case-studies-track, .fariaLeadHyderabad-case-studies-track {
      display: flex;
      gap: 32px;
      height: 380px;
      width: max-content;
      transition: transform 0.45s ease;
      will-change: transform;
      padding-left: max(
        var(--container-padding),
        calc((100vw - var(--container-max)) / 2 + var(--container-padding))
      );
      padding-right: max(
        var(--container-padding),
        calc((100vw - var(--container-max)) / 2 + var(--container-padding))
      );
      box-sizing: content-box;
    }

    .fariaConnectPassaic-case-studies-slide, .fariaLeadHyderabad-case-studies-slide {
      flex: 0 0 910px;
      width: 910px;
      max-width: 910px;
      height: 350px;
      max-height: 350px;
      display: flex;
      gap: 4px;
      align-items: stretch;
      box-sizing: border-box;
    }

    .fariaConnectPassaic-case-studies-profile, .fariaLeadHyderabad-case-studies-profile {
      width: 262px;
      flex-shrink: 0;
      height: 100%;
      max-height: 100%;
      background: #fae59f;
      border-radius: 8px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 32px;
      overflow: hidden;
      box-sizing: border-box;
    }

    .fariaConnectPassaic-case-studies-photo, .fariaLeadHyderabad-case-studies-photo {
      width: 140px;
      height: 140px;
      border-radius: 999px;
      overflow: hidden;
      flex-shrink: 0;
      background: #e6d5d3;
    }

    .fariaConnectPassaic-case-studies-photo, .fariaLeadHyderabad-case-studies-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .fariaConnectPassaic-case-studies-person, .fariaLeadHyderabad-case-studies-person {
      width: 100%;
      flex: 1 1 auto;
    }

    .fariaConnectPassaic-case-studies-name, .fariaLeadHyderabad-case-studies-name {
      margin: 0 0 4px;
      color: #141313;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.15;
    }

    .fariaConnectPassaic-case-studies-role, .fariaLeadHyderabad-case-studies-role {
      margin: 0;
      color: #141313;
      font-size: 16px;
      line-height: 1.5;
    }

    .fariaConnectPassaic-case-studies-quote, .fariaLeadHyderabad-case-studies-quote {
      flex: 1;
      min-width: 0;
      height: 100%;
      max-height: 100%;
      background: #fceec5;
      border-radius: 8px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 24px;
      align-items: flex-start;
      overflow: hidden;
      box-sizing: border-box;
    }

    .fariaConnectPassaic-case-studies-text, .fariaLeadHyderabad-case-studies-text {
      margin: 0;
      flex: 1 1 auto;
      min-height: 0;
      color: #141313;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.5;
      border: none;
      overflow-y: auto;
    }

    .fariaConnectPassaic-case-studies-text--md, .fariaLeadHyderabad-case-studies-text--md {
      font-size: 19px;
      line-height: 1.5;
    }

    .fariaConnectPassaic-case-studies-cta, .fariaLeadHyderabad-case-studies-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #37023c;
      color: #f9f5f9 !important;
      border-radius: 999px;
      padding: 8px 12px 8px 16px;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      text-decoration: none;
      white-space: nowrap;
      flex-shrink: 0;
      margin-top: auto;
    }

    .fariaConnectPassaic-case-studies-cta, .fariaLeadHyderabad-case-studies-cta:hover {
      opacity: 0.92;
      color: #f9f5f9 !important;
    }

    .fariaConnectPassaic-case-studies-cta-icon, .fariaLeadHyderabad-case-studies-cta-icon {
      font-size: 18px;
      line-height: 1;
    }

    .fariaConnectPassaic-case-studies-controls, .fariaLeadHyderabad-case-studies-controls {
      display: flex;
      align-items: center;
      gap: 16px;
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      margin-bottom: 0;
      /* Match carousel track inset so progress + nav align with cards (avoids Breakdance fighting margin:auto) */
      padding-left: max(
        var(--container-padding),
        calc((100vw - var(--container-max)) / 2 + var(--container-padding))
      );
      padding-right: max(
        var(--container-padding),
        calc((100vw - var(--container-max)) / 2 + var(--container-padding))
      );
      box-sizing: border-box;
    }

    .fariaConnectPassaic-case-studies-progress, .fariaLeadHyderabad-case-studies-progress {
      flex: 1 1 auto;
      height: 4px;
      min-height: 4px;
      background: rgba(132, 99, 134, 0.16);
      border-radius: 999px;
      overflow: hidden;
      min-width: 0;
      align-self: center;
    }

    .fariaConnectPassaic-case-studies-progress-fill, .fariaLeadHyderabad-case-studies-progress-fill {
      height: 100%;
      width: 0%;
      background: #37023c;
      border-radius: 999px;
      transition: width 0.45s ease;
    }

    .fariaConnectPassaic-case-studies-nav, .fariaLeadHyderabad-case-studies-nav {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }

    .fariaConnectPassaic-case-studies-nav-btn, .fariaLeadHyderabad-case-studies-nav-btn {
      width: 56px;
      height: 56px;
      border: none;
      border-radius: 999px;
      padding: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background: rgba(132, 99, 134, 0.16);
      color: #37023c;
      transition: background 0.2s, box-shadow 0.2s, opacity 0.2s;
    }

    .fariaConnectPassaic-case-studies-nav-btn, .fariaLeadHyderabad-case-studies-nav-btn:not(:disabled) {
      background: #f7d35f;
      box-shadow: 0 8px 16px rgba(85, 40, 89, 0.12);
    }

    .fariaConnectPassaic-case-studies-nav-btn, .fariaLeadHyderabad-case-studies-nav-btn:disabled {
      cursor: not-allowed;
      opacity: 0.55;
      box-shadow: none;
      background: rgba(132, 99, 134, 0.16);
    }

    @media (max-width: 1024px) {
      .fariaConnectPassaic-case-studies-slide, .fariaLeadHyderabad-case-studies-slide {
        flex: 0 0 min(910px, calc(100vw - var(--container-padding) - 48px));
        width: min(910px, calc(100vw - var(--container-padding) - 48px));
        max-width: min(910px, calc(100vw - var(--container-padding) - 48px));
        height: auto;
        flex-direction: column;
      }

      .fariaConnectPassaic-case-studies-viewport, .fariaLeadHyderabad-case-studies-viewport {
        height: auto;
      }

      .fariaConnectPassaic-case-studies-track, .fariaLeadHyderabad-case-studies-track {
        height: auto;
      }

      .fariaConnectPassaic-case-studies-profile, .fariaLeadHyderabad-case-studies-profile {
        width: 100%;
      }

      .fariaConnectPassaic-case-studies-quote, .fariaLeadHyderabad-case-studies-quote {
        min-height: 220px;
      }

      .fariaConnectPassaic-case-studies-text, .fariaLeadHyderabad-case-studies-text,
      .fariaConnectPassaic-case-studies-text--md, .fariaLeadHyderabad-case-studies-text--md {
        font-size: 18px;
      }
    }

    @media (max-width: 768px) {
      .fariaConnectPassaic-case-studies, .fariaLeadHyderabad-case-studies {
        padding: 64px 0;
      }

      .fariaConnectPassaic-case-studies-inner, .fariaLeadHyderabad-case-studies-inner {
        margin-bottom: 40px;
      }
    }

/* HARDEN Event Details + tabs (Breakdance) */
.fariaConnectPassaic-event-details,
.fariaLeadHyderabad-event-details {
  background: #37023c !important;
  border-radius: 24px !important;
  margin: 24px 1.5rem !important;
  padding: 16px !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}
.fariaConnectPassaic-event-details-deco,
.fariaLeadHyderabad-event-details-deco {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
  width: min(387px, 40vw) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.fariaConnectPassaic-event-details-inner,
.fariaLeadHyderabad-event-details-inner { position: relative !important; z-index: 2 !important; }
.fariaConnectPassaic-event-details-layout,
.fariaLeadHyderabad-event-details-layout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 48px !important;
  padding: 80px 24px !important;
  position: relative !important;
  z-index: 2 !important;
}
.fariaConnectPassaic-event-details-title-col h2,
.fariaLeadHyderabad-event-details-title-col h2 {
  color: #f0ebeb !important;
  font-size: 36px !important;
  margin: 0 !important;
}
.fariaConnectPassaic-event-details-tabs,
.fariaLeadHyderabad-event-details-tabs {
  background: rgba(240,235,235,0.16) !important;
  border-radius: 999px !important;
  padding: 3px !important;
  display: inline-flex !important;
}
button.fariaConnectPassaic-event-details-tab,
button.fariaLeadHyderabad-event-details-tab {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  background: transparent !important;
  color: #f0ebeb !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
button.fariaConnectPassaic-event-details-tab.active,
button.fariaLeadHyderabad-event-details-tab.active {
  background: #552859 !important;
  color: #f9f5f9 !important;
}
.faria-text-gradient {
  background: linear-gradient(90deg,#901e69 0%,#e837ac 55.29%,#f78b43 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.bttn-md { font-size: 16px; padding: 12px 20px; }
.faria-bg-gradient-section { position: relative; overflow: hidden; }
.hosted-at-venue { margin-top: 8px; }
@media (max-width: 900px) {
  .fariaConnectPassaic-event-details-layout,
  .fariaLeadHyderabad-event-details-layout {
    flex-direction: column !important;
    padding: 48px 16px !important;
  }
}