/* ===================== [START] - Font Face ===================== */
  @font-face {
    font-family: "Google Sans Display";
    font-weight: 700;
    font-style: normal;
    src: url("https://assets.swoogo.com/custom-font/7176.ttf") format("truetype");
  }
  @font-face {
    font-family: "Google Sans Display";
    font-weight: 700;
    font-style: italic;
    src: url("https://assets.swoogo.com/custom-font/7173.ttf") format("truetype");
  }
  @font-face {
    font-family: "Google Sans Display";
    font-weight: 500;
    font-style: italic;
    src: url("https://assets.swoogo.com/custom-font/7177.ttf") format("truetype");
  }
  @font-face {
    font-family: "Google Sans Display";
    font-weight: 500;
    font-style: normal;
    src: url("https://assets.swoogo.com/custom-font/7174.ttf") format("truetype");
  }
  @font-face {
    font-family: "Google Sans Display";
    font-weight: 400;
    font-style: normal;
    src: url("https://assets.swoogo.com/custom-font/7175.ttf") format("truetype");
  }
  @font-face {
    font-family: "Google Sans Display";
    font-weight: 400;
    font-style: italic;
    src: url("https://assets.swoogo.com/custom-font/7178.ttf") format("truetype");
  }
  /* ===================== [END] - Font Face ===================== */

  /* ===================== [START] - Material Icon ===================== */
  /* Base icon styles */
  .material-icons,
  .material-icons-outlined,
  .material-icons-round,
  .material-icons-sharp,
  .material-icons-two-tone,
  .material-symbols-outlined {
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
    vertical-align: middle;
  }
  /* Material Icons (Classic) - Different classes for filled/outlined */
  .material-icons {
    font-family: "Material Icons";
  }
  .material-icons-outlined {
    font-family: "Material Icons Outlined";
  }
  .material-icons-round {
    font-family: "Material Icons Round";
  }
  .material-icons-sharp {
    font-family: "Material Icons Sharp";
  }
  .material-icons-two-tone {
    font-family: "Material Icons Two Tone";
  }
  /* Material Symbols (New) - Base is outlined */
  .material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-variation-settings:
      "FILL" 0,
      "wght" 400,
      "GRAD" 0,
      "opsz" 24;
  }
  /* Material Symbols (New) - Add .filled class for filled version */
  .material-symbols-outlined.filled {
    font-variation-settings:
      "FILL" 1,
      "wght" 400,
      "GRAD" 0,
      "opsz" 24;
  }
  /* ===================== [END] - Material Icon ===================== */

  /* ===================== [START] - All Root ===================== */
  /* ---------- RainFocus brand variables ---------- */
  :root {
    --rf-brand-color-text-heading: #fff;
    --rf-brand-color-text-body: #fff;
    --rf-comp-link-color: #fff;
    --rf-comp-link-hover-color: #fffffff5;
    --rf-comp-link-font-decoration: underline;
    --rf-system-color-red: #de2d29;
    --rf-system-color-green: var(--Green-800, #008052);
    --rf-system-color-blue: var(--Grey-1200, #121317);
    --rf-brand-color-on-primary: #ffffff;
    --rf-brand-color-primary: #fff;
    --rf-comp-button-font-transform: initial;
    --rf-brand-font-family-heading: "Google Sans Display", sans-serif;
    --rf-brand-font-family: "Google Sans Flex", sans-serif;
    --rf-brand-font-size: 18px;
    --rf-comp-input-space-padding: 10px 24px;
    --rf-comp-button-shape-border-width: 1px;
    --rf-comp-button-space-padding: 16px 32px;
    --rf-comp-button-font-size: 18px;
    --rf-comp-button-font-weight: 500;
    --rf-brand-shape-radius: 8px;
    --rf-comp-button-shape-radius: 999px;
    --rf-brand-color-primary-hover: #333333;
    --rf-comp-button-primary-color-border: #333333;
    --rf-comp-button-primary-hover-color-border: #333333;
    --rf-comp-button-primary-hover-color-background: #333333;
    --rf-comp-button-secondary-color-background: var(--glue-grey-1200);
    --rf-comp-button-secondary-hover-color-background: #fff;
    --rf-comp-button-secondary-color-on-background: #ffffff;
    --rf-comp-button-secondary-color-border: #ffffff;
    --rf-comp-button-secondary-hover-color-background: var(--glue-grey-1000);
    --rf-comp-button-secondary-hover-color-on-background: #ffffff;
    --rf-comp-button-secondary-hover-color-border: #ffffff;

    --rf-brand-elevation-focus-indicator-shadow: none;
    --rf-comp-checkbox-color: transparent;
    --rf-comp-checkbox-color-checked: #fff;
    --rf-comp-radio-color: #000000;
--rf-comp-input-shape-radius: 999px;
--rf-comp-input-font-size: 16px;
    --rf-comp-input-color-background: #212226;

    --rf-brand-color-status-error: var(--glue-red-100);
    --rf-brand-color-status-error-hover:var(--glue-red-200);
    --rf-brand-color-background: var(--glue-grey-1200);
    --rf-brand-color-border: var(--glue-grey-1000);
    --rf-brand-color-surface-2: #212226;
    --rf-comp-input-color-border: var(--glue-grey-800);
--rf-brand-color-widget-background: transparent;
--grey-1000: #212226;
  --gradient-yellow500-green500: linear-gradient(96deg, #FEC700 0%, #00AF57 100%);
  --gradient-green500-blue500:  linear-gradient(96deg, #00AF57 0%, #3186FF 100%);
  --gradient-blue500-purple500: linear-gradient(96deg, #3186FF 0%, #4B31E3 100%);

  }

  /* ---------- Accessibility focus reset ---------- */
  .rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus,
  .rf-accessibility .favorite-catalog-result:focus,
  .rf-accessibility .session-downloads:focus,
  .rf-accessibility .catalog-result.recommended .recommendation-actions button:focus,
  .rf-accessibility .search-filters .filters .catalog-filter:focus,
  .rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus,
  .rf-accessibility .schedule-calendar .rbc-event:focus,
  .rf-accessibility .search-container .rf-facets .rf-tag:focus,
  .rf-accessibility .catalog-result:focus,
  .rf-accessibility .rf-catalog-tabs li button:focus,
  .rf-accessibility .calendar-head .prev-day:focus,
  .rf-accessibility .calendar-head .next-day:focus,
  .rf-accessibility .search-bar .catalog-search .rf-input input:focus,
  .rf-accessibility .sub-video-overlay:focus,
  .rf-accessibility #rf-catalog .search-container .rf-facets .rf-tag:focus,
  .rf-accessibility .flowplayer *[role="button"]:focus,
  .rf-accessibility .flowplayer *[role="slider"]:focus,
  .rf-accessibility .flowplayer *[role="menuitem"]:focus,
  .rf-accessibility .fp-volumebtn svg:focus,
  .rf-accessibility .fp-middle:focus .fp-play,
  .rf-accessibility .rf-tile-avatar:focus,
  .rf-accessibility input[type="checkbox"]:focus,
  .rf-accessibility .checkbox input[type="checkbox"]:focus,
  .rf-accessibility input[type="radio"]:focus,
  .rf-accessibility .radio input[type="radio"]:focus,
  .rf-accessibility .rf-checkbox:focus .checkbox-bg,
  .rf-accessibility .rf-radio-option:focus,
  .rf-accessibility button.rfSI:focus,
  .rf-accessibility .card-header .card-controls:focus,
  .rf-accessibility .md-frame-accordion .accordion-headline:focus h3,
  .rf-accessibility .rfwf-discount-code .rf-tag:focus-within,
  .rf-accessibility .chip:focus,
  .rf-accessibility .frame-tabs-container:focus,
  .rf-accessibility .frame-tab-item:focus,
  .rf-accessibility .rf-tasks-list div[class^="rf-task-listing"]:focus,
  .rf-accessibility .side-nav-tab:focus,
  .rf-accessibility .collapse-action:focus,
  .rf-accessibility input[id^="rf-icon-input-focus-"]:focus,
  .rf-accessibility .messaging-contacts-header:focus,
  .rf-accessibility .messaging-contacts-body:focus,
  .rf-accessibility .messaging-messages:focus,
  .rf-accessibility .bubble-text:focus,
  .rf-accessibility .message-divider:focus,
  .rf-accessibility .messaging-profile-details:focus,
  .rf-accessibility .conversation-beginning:focus,
  .rf-accessibility .conversation-info:focus,
  .rf-accessibility .messaging-contacts-list li:focus,
  .rf-accessibility .contact-details:focus,
  .rf-accessibility .attendee-tile-name:focus,
  .rf-accessibility li.emoji button:focus,
  .rf-accessibility nav.emoji-categories button[class^="icn-"]:focus,
  .rf-accessibility .group-chat-participants li:focus,
  .rf-accessibility .headline-prev-page:focus,
  .rf-accessibility .rf-tasks-list .rf-task-listing:focus-within,
  .rf-accessibility .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus,
  .rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus,
  .rf-accessibility .rf-select .rf-dropdown-container:focus,
  .rf-accessibility .rf-textarea textarea:focus,
  .rf-accessibility .rf-select select:focus,
  .rf-accessibility .rf-select select:not([multiple]):focus,
  .rf-accessibility .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background {
    box-shadow: none !important;
  }

  /* ---------- Glue color palette ---------- */
  :root {
    --glue-grey-0: #fff;
    --glue-grey-25: #f1f1f1;
    --glue-grey-50: #f8f9fa;
    --glue-grey-100: #f1f3f4;
    --glue-grey-200: #e8eaed;
    --glue-grey-300: #dadce0;
    --glue-grey-400: #bdc1c6;
    --glue-grey-500: #9aa0a6;
    --glue-grey-600: #80868b;
    --glue-grey-700: #5f6368;
    --glue-grey-800: #3c4043;
    --glue-grey-900: #202124;
    --glue-grey-1000: #060606;
    --glue-grey-1200: #121317;
    --glue-blue-50: #e8f0fe;
    --glue-blue-100: #d2e3fc;
    --glue-blue-200: #aecbfa;
    --glue-blue-300: #8ab4f8;
    --glue-blue-400: #669df6;
    --glue-blue-500: #4285f4;
    --glue-blue-600: #1a73e8;
    --glue-blue-700: #1967d2;
    --glue-blue-800: #185abc;
    --glue-blue-900: #174ea6;
    --glue-green-50: #e6f4ea;
    --glue-green-100: #ceead6;
    --glue-green-200: #a8dab5;
    --glue-green-300: #81c995;
    --glue-green-400: #5bb974;
    --glue-green-500: #34a853;
    --glue-green-600: #1e8e3e;
    --glue-green-700: #188038;
    --glue-green-800: #137333;
    --glue-green-900: #0d652d;
    --glue-red-50: #fce8e6;
    --glue-red-100: #fad2cf;
    --glue-red-200: #f6aea9;
    --glue-red-300: #f28b82;
    --glue-red-400: #ee675c;
    --glue-red-500: #ea4335;
    --glue-red-600: #d93025;
    --glue-red-700: #c5221f;
    --glue-red-800: #b31412;
    --glue-red-900: #a50e0e;
    --glue-yellow-50: #fef7e0;
    --glue-yellow-100: #feefc3;
    --glue-yellow-200: #fde293;
    --glue-yellow-300: #fdd663;
    --glue-yellow-400: #fcc934;
    --glue-yellow-500: #fbbc04;
    --glue-yellow-600: #f9ab00;
    --glue-yellow-700: #f29900;
    --glue-yellow-800: #ea8600;
    --glue-yellow-900: #e37400;
    --glue-purple-100: #ea80fc;
    --glue-purple-900: #681da8;
  }

  /* ---------- Theme & font variables ---------- */
  :root {
    --theme-background: var(--glue-grey-0);
    --theme-text: var(--glue-grey-700);
    --black: var(--glue-grey-900);
    --white: var(--glue-grey-0);
    --gray: var(--glue-grey-100);
    --gray-dark: var(--glue-grey-700, #5f6368);
    --bs-secondary-color: var(--glue-grey-500);
    --font-primary: "Google Sans Flex", sans-serif;
    --title-font: "Google Sans Display", sans-serif;
    --secondary-title-font: "Google Sans Flex", sans-serif;
    --body-font: var(--font-primary);
    --bs-heading-color: var(--glue-grey-0);
    --bs-body-color: var(--glue-grey-500);
  }

@media (min-width:768px) {
:root {
 --rf-comp-button-font-size: 16px;
}
}
  /* ===================== [END] - All Root ===================== */

  /* ===================== [START] - Base Body & Links ===================== */
  .rf-body,
  body {
    background: #121317;
    color: var(--bs-body-color);
    font-family: var(--body-font);
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.1px;
    height: auto !important;
    min-height: 100%;
  }
  .glue-body {
    font-family: var(--body-font);
  }
  .glue-inline-link,
  .glue-link,
  a {
    color: var(--bs-link-color);
    text-decoration: var(--bs-link-decoration);
    transition: 0.2s all;
  }
  a,
  a:link,
  a:visited {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-color: #3186ff;
    text-decoration-thickness: 6%;
    text-underline-offset: 20%;
    text-underline-position: from-font;
  }
  .glue-inline-link:hover,
  .glue-link:hover,
  a:hover {
    color: var(--bs-link-hover-color);
    text-decoration: var(--bs-link-decoration);
    background: none;
  }
  .glue-inline-link:visited,
  .glue-link:visited,
  a:visited {
    color: #d7aefb;
  }
  .glue-cookie-notification-bar__text a {
    color: #3186ff;
  }
  .glue-cookie-notification-bar__text a:hover {
    color: rgb(23, 78, 166);
  }
  /* ===================== [END] - Base Body & Links ===================== */

  /* ===================== [START] - Typography ===================== */
  /* ---------- Headings: Google Sans Display (mobile first) ---------- */
  h1, .glue-headline-1,
  h2, .glue-headline-2,
  h3, .glue-headline-3,
  h4, .glue-headline-4,
  h5, .glue-headline-5,
  h6, .glue-headline-6 {
    font-family: var(--title-font) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: var(--bs-heading-color);
    margin-top: 0;
  }
  h1, .glue-headline-1 { font-size: 64px !important; letter-spacing: -0.03em !important; }
.glue-headline-2.is-fixed,
  h2, .glue-headline-2 { font-size: 56px !important; letter-spacing: -0.03em !important; }
  h3, .glue-headline-3 { font-size: 48px !important; letter-spacing: -0.03em !important; }
  h4, .glue-headline-4 { font-size: 40px !important; letter-spacing: -0.02em !important; }
  h5, .glue-headline-5 { font-size: 32px !important; letter-spacing: -0.02em !important; }
  h6, .glue-headline-6 { font-size: 24px !important; letter-spacing: -0.01em !important; font-weight: 500 !important; }

.lh-110 {
line-height: 110% !important;
}

  /* ---------- Display ---------- */
  .glue-display {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 32px!important;
    line-height: 1.1!important;
    letter-spacing: -0.01em;
  }

  /* ---------- Eyebrow ---------- */
  .glue-eyebrow {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: -0.02em;
  }

  /* ---------- Body paragraphs: Google Sans Flex ---------- */
  .glue-body-xl, .glue-body-l, .glue-body-m, .glue-body-s, .glue-body-xs {
    font-family: var(--body-font);
    font-weight: 400;
  }
  .glue-body-xl { font-size: 18px !important; line-height: 1.4 !important; letter-spacing: -0.01em !important; }
  .glue-body-l  { font-size: 16px !important; line-height: 1.5 !important; letter-spacing: -0.01em !important; }
  .glue-body-m  { font-size: 16px !important; line-height: 1.4 !important; letter-spacing: 0 !important; }
  .glue-body-s  { font-size: 14px !important; line-height: 1.2 !important; letter-spacing: 0 !important; }
  .glue-body-xs { font-size: 13px !important; line-height: 1 !important;   letter-spacing: -0.01em !important; }
  .glue-body-l.is-fixed  { font-size: 18px!important; line-height: 1.5 !important; letter-spacing: -0.01em !important;}
  
  /* ---------- Desktop ---------- */
  @media (min-width: 992px) {
    h1, .glue-headline-1 { font-size: 96px !important; }
    h2, .glue-headline-2 { font-size: 72px !important; }
    h3, .glue-headline-3 { font-size: 64px !important; }
    h4, .glue-headline-4 { font-size: 48px !important; }
    h5, .glue-headline-5 { font-size: 40px !important; }
    h6, .glue-headline-6 { font-size: 32px !important; }
    .glue-eyebrow { font-size: 24px!important; }
    .glue-body-xl { font-size: 20px!important; }
    .glue-body-l  { font-size: 18px!important; }
  }

  /* ---------- Category chip / pills title ---------- */
  .category-chip,
  .pills-title {
    border-radius: 100px;
    box-shadow:
      0px 4px 8px 3px rgba(60, 64, 67, 0.15),
      0px 1px 3px 0px rgba(60, 64, 67, 0.3);
    color: var(--glue-grey-800);
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    padding: 6px 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
  }
  /* ===================== [END] - Typography ===================== */

  /* ===================== [START] - Scrollbar ===================== */
  /* === WebKit Browsers (Chrome, Edge, Safari) === */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-track {
    background: var(--glue-grey-1000);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--glue-grey-0);
    border-radius: 10px;
    border: 3px solid var(--glue-grey-1000);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--glue-grey-0);
  }
  /* === Firefox === */
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--glue-grey-0) var(--glue-grey-1000);
  }
  /* ===================== [END] - Scrollbar ===================== */

  /* ===================== [START] - Buttons ===================== */
  .btn-min-w-175 .mdBtnR.mdBtnR-primary {
    min-width: 175px;
  }
  .mdBtnR-outline-primary,
  a.mdBtnR-outline-primary {
    color: var(--rf-comp-button-secondary-color-on-background) !important;
  }
  .mdBtnR-primary,
  a.mdBtnR-primary,
  .mdBtnR-outline-primary {
    text-decoration: none !important;
    min-height: 56px;
--rf-comp-button-space-padding: 18px 32px; 
  }
  .mdBtnR-outline-primary,
  .mdBtnR-outline-primary:hover {
  }
  .mdBtnR.mdBtnR-primary {
    border-radius: 999px;
    background: linear-gradient(270deg, #3186ff 0%, #346bf0 44%, #4ea0ff 100%);
    border-color: transparent;
    /*display: inline-flex;*/
    align-items: center;
    gap: 10px;
    transition: filter 0.2s ease;
  }
  .mdBtnR.mdBtnR-primary:hover {
    background: linear-gradient(270deg, #3186ff 0%, #346bf0 44%, #4ea0ff 100%);
    filter: brightness(1.1);
  }
  .header .mdBtnR-primary,
  .header .mdBtnR-outline-primary {
    min-height: 48px;
    --rf-comp-button-space-padding: 12px 24px;
  }
  .mdBtnR .rfSI {
    height: 24px;
    width: 24px;
    max-height: 24px;
    max-width: 24px;
  }
  .btn-with-arrow {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
  }
  .btn-with-arrow .btn-arrow {
    width: 18px;
    height: 18px;
    display: inline-block;
  }
@media (max-width:600px) {
.mdBtnR.mdBtnR-primary,
.mdBtnR-outline-primary {
   width: 100% !important;
}
}


  .yellow-highlighted-card .flex-box-section {
    border: 1.5px solid #ffff00;
    border-radius: 10px;
  }
  .bg-dark {
    --rf-comp-link-color: #ffffff;
    --rf-comp-link-hover-color: #ffffff;
    background-color: #000000;
    --rf-brand-color-text-body: #ffffff;
    --rf-brand-color-text-heading: #ffffff;
    --rf-comp-button-primary-color-border: #000000;
    --rf-comp-button-primary-hover-color-border: #000000;
    --rf-comp-button-secondary-hover-color-background: #000000;
    --rf-comp-button-secondary-color-on-background: #ffffff;
    --rf-comp-button-secondary-color-border: #ffffff;
    --rf-comp-button-secondary-hover-color-on-background: #ffffff;
    --rf-comp-button-secondary-hover-color-border: #ffffff;
  }
  .bg-white {
    --rf-brand-color-text-body: #000000;
    --rf-brand-color-text-heading: #000000;
  }
  .bg-black-primary-btn {
    --rf-comp-button-primary-color-on-background: #ffffff;
    --rf-comp-button-primary-color-border: #000000;
    --rf-comp-button-primary-color-background: #000000;
    --rf-comp-button-primary-hover-color-on-background: #ffffff;
    --rf-comp-button-primary-hover-color-border: #000000;
    --rf-comp-button-primary-hover-color-background: #000000;
  }
  .bg-yellow {
    background-color: #ffff00;
    --rf-comp-button-primary-color-on-background: #ffffff;
    --rf-comp-button-primary-color-border: #000000;
    --rf-comp-button-primary-color-background: #000000;
    --rf-comp-button-primary-hover-color-on-background: #ffffff;
    --rf-comp-button-primary-hover-color-border: #000000;
    --rf-comp-button-primary-hover-color-background: #000000;
  }
  .bg-white-primary-btn {
    --rf-comp-button-primary-color-on-background: #000000;
    --rf-comp-button-primary-color-border: #ffffff;
    --rf-comp-button-primary-color-background: #ffffff;
    --rf-comp-button-primary-hover-color-on-background: #000000;
    --rf-comp-button-primary-hover-color-border: #ffffff;
    --rf-comp-button-primary-hover-color-background: #ffffff;
  }
  .disabled-btn {
    --rf-comp-button-primary-color-on-background: #000000;
    --rf-comp-button-primary-color-border: #cccccc;
    --rf-comp-button-primary-color-background: #cccccc;
    --rf-comp-button-primary-hover-color-on-background: #000000;
    --rf-comp-button-primary-hover-color-border: #cccccc;
    --rf-comp-button-primary-hover-color-background: #cccccc;
  }
  /* ===================== [END] - Buttons ===================== */

    /* ===================== [START] - Helpers ===================== */
  /* ---------- Font weight ---------- */
  .fw-800, .fw-800 span { font-weight: 800 !important; }
  .fw-700, .fw-700 span { font-weight: 700 !important; }
  .fw-600, .fw-600 span { font-weight: 600 !important; }
  .fw-500, .fw-500 span { font-weight: 500 !important; }
  .fw-400, .fw-400 span { font-weight: 400 !important; }
  .fw-300, .fw-300 span { font-weight: 300 !important; }

/* ---------- Margin ---------- */
[class*="rf-grid-layout-"] { margin: 0; }
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }

.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }

.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }

.mt-16 { margin-top: 16px !important; }
.mb-16 { margin-bottom: 16px !important; }

.mt-18 { margin-top: 18px !important; }
.mb-18 { margin-bottom: 18px !important; }

.mt-20 { margin-top: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }

.mt-24 { margin-top: 24px !important; }
.mb-24 { margin-bottom: 24px !important; }

.mt-25 { margin-top: 25px !important; }
.mb-25 { margin-bottom: 25px !important; }

.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }

.mt-40 { margin-top: 40px !important; }
.mb-40 { margin-bottom: 40px !important; }

.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }

.mt-60 { margin-top: 60px !important; }
.mb-60 { margin-bottom: 60px !important; }

.mt-64 { margin-top: 64px !important; }
.mb-64 { margin-bottom: 64px !important; }

.mt-80 { margin-top: 80px !important; }
.mb-80 { margin-bottom: 80px !important; }

.mt-100 { margin-top: 100px !important; }
.mb-100 { margin-bottom: 100px !important; }

.mt-120 { margin-top: 120px !important; }
.mb-120 { margin-bottom: 120px !important; }

.mt-160 { margin-top: 160px !important; }
.mb-160 { margin-bottom: 160px !important; }

/* ---------- Padding ---------- */
/* py uses :where() so pt / pb always win over py, whatever the order */
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.pb-5 { padding-bottom: 5px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pt-16 { padding-top: 16px !important; }
.pb-16 { padding-bottom: 16px !important; }

.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }

:where(.py-24) { padding-block: 24px !important; }
.pt-24 { padding-top: 24px !important; }
.pb-24 { padding-bottom: 24px !important; }


:where(.py-30) { padding-block: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }

:where(.py-40) { padding-block: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }

:where(.py-50) { padding-block: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }

:where(.py-60) { padding-block: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }

:where(.py-64) { padding-block: 64px !important; }
.pt-64 { padding-top: 64px !important; }
.pb-64 { padding-bottom: 64px !important; }

:where(.py-70) { padding-block: 70px !important; }
.pt-70 { padding-top: 70px !important; }
.pb-70 { padding-bottom: 70px !important; }

:where(.py-80) { padding-block: 80px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-80 { padding-bottom: 80px !important; }

:where(.py-90) { padding-block: 90px !important; }
.pt-90 { padding-top: 90px !important; }
.pb-90 { padding-bottom: 90px !important; }

:where(.py-100) { padding-block: 100px !important; }
.pt-100 { padding-top: 100px !important; }
.pb-100 { padding-bottom: 100px !important; }

:where(.py-120) { padding-block: 120px !important; }
.pt-120 { padding-top: 120px !important; }
.pb-120 { padding-bottom: 120px !important; }

:where(.py-160) { padding-block: 160px !important; }
.pt-160 { padding-top: 160px !important; }
.pb-160 { padding-bottom: 160px !important; }

:where(.py-192) { padding-block: 192px !important; }
.pt-192 { padding-top: 192px !important; }
.pb-192 { padding-bottom: 192px !important; }

/* ---------- Desktop (>= 992px) : same names with -lg- ---------- */
/* Keep this block LAST */
@media (min-width: 992px) {
  /* Margin */
  .mt-lg-0 { margin-top: 0 !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }

  .mt-lg-10 { margin-top: 10px !important; }
  .mb-lg-10 { margin-bottom: 10px !important; }

  .mt-lg-15 { margin-top: 15px !important; }
  .mb-lg-15 { margin-bottom: 15px !important; }

  .mt-lg-16 { margin-top: 16px !important; }
  .mb-lg-16 { margin-bottom: 16px !important; }

  .mt-lg-18 { margin-top: 18px !important; }
  .mb-lg-18 { margin-bottom: 18px !important; }

  .mt-lg-20 { margin-top: 20px !important; }
  .mb-lg-20 { margin-bottom: 20px !important; }

  .mt-lg-24 { margin-top: 24px !important; }
  .mb-lg-24 { margin-bottom: 24px !important; }

  .mt-lg-25 { margin-top: 25px !important; }
  .mb-lg-25 { margin-bottom: 25px !important; }

  .mt-lg-30 { margin-top: 30px !important; }
  .mb-lg-30 { margin-bottom: 30px !important; }

  .mt-lg-40 { margin-top: 40px !important; }
  .mb-lg-40 { margin-bottom: 40px !important; }

  .mt-lg-50 { margin-top: 50px !important; }
  .mb-lg-50 { margin-bottom: 50px !important; }

  .mt-lg-60 { margin-top: 60px !important; }
  .mb-lg-60 { margin-bottom: 60px !important; }

  .mt-lg-64 { margin-top: 64px !important; }
  .mb-lg-64 { margin-bottom: 64px !important; }

  .mt-lg-80 { margin-top: 80px !important; }
  .mb-lg-80 { margin-bottom: 80px !important; }

  .mt-lg-100 { margin-top: 100px !important; }
  .mb-lg-100 { margin-bottom: 100px !important; }

  .mt-lg-120 { margin-top: 120px !important; }
  .mb-lg-120 { margin-bottom: 120px !important; }

  .mt-lg-160 { margin-top: 160px !important; }
  .mb-lg-160 { margin-bottom: 160px !important; }

  /* Padding */
  :where(.py-lg-0) { padding-block: 0 !important; }
  .pt-lg-0 { padding-top: 0 !important; }
  .pb-lg-0 { padding-bottom: 0 !important; }

  .pb-lg-5 { padding-bottom: 5px !important; }

  .pb-lg-10 { padding-bottom: 10px !important; }

  .pt-lg-16 { padding-top: 16px !important; }
  .pb-lg-16 { padding-bottom: 16px !important; }

  .pt-lg-20 { padding-top: 20px !important; }
  .pb-lg-20 { padding-bottom: 20px !important; }

  :where(.py-lg-30) { padding-block: 30px !important; }
  .pt-lg-30 { padding-top: 30px !important; }
  .pb-lg-30 { padding-bottom: 30px !important; }

  :where(.py-lg-40) { padding-block: 40px !important; }
  .pt-lg-40 { padding-top: 40px !important; }
  .pb-lg-40 { padding-bottom: 40px !important; }

  :where(.py-lg-50) { padding-block: 50px !important; }
  .pt-lg-50 { padding-top: 50px !important; }
  .pb-lg-50 { padding-bottom: 50px !important; }

  :where(.py-lg-60) { padding-block: 60px !important; }
  .pt-lg-60 { padding-top: 60px !important; }
  .pb-lg-60 { padding-bottom: 60px !important; }

  :where(.py-lg-64) { padding-block: 64px !important; }
  .pt-lg-64 { padding-top: 64px !important; }
  .pb-lg-64 { padding-bottom: 64px !important; }

  :where(.py-lg-70) { padding-block: 70px !important; }
  .pt-lg-70 { padding-top: 70px !important; }
  .pb-lg-70 { padding-bottom: 70px !important; }

  :where(.py-lg-80) { padding-block: 80px !important; }
  .pt-lg-80 { padding-top: 80px !important; }
  .pb-lg-80 { padding-bottom: 80px !important; }

  :where(.py-lg-90) { padding-block: 90px !important; }
  .pt-lg-90 { padding-top: 90px !important; }
  .pb-lg-90 { padding-bottom: 90px !important; }

  :where(.py-lg-100) { padding-block: 100px !important; }
  .pt-lg-100 { padding-top: 100px !important; }
  .pb-lg-100 { padding-bottom: 100px !important; }

  :where(.py-lg-120) { padding-block: 120px !important; }
  .pt-lg-120 { padding-top: 120px !important; }
  .pb-lg-120 { padding-bottom: 120px !important; }

  :where(.py-lg-160) { padding-block: 160px !important; }
  .pt-lg-160 { padding-top: 160px !important; }
  .pb-lg-160 { padding-bottom: 160px !important; }

  :where(.py-lg-192) { padding-block: 192px !important; }
  .pt-lg-192 { padding-top: 192px !important; }
  .pb-lg-192 { padding-bottom: 192px !important; }
}
  /* ---------- Unused (commented out) ---------- */
  /* .section-gyap { padding: 80px 0; }
  .mw-627 { max-width: 627px; }
  .mw-707 { max-width: 707px; }
  .mw-825 { max-width: 825px; }
  .mw-865 { max-width: 865px; }
  .mw-868 { max-width: 868px; }
  .mw-895 { max-width: 895px; }
  .mw-914 { max-width: 914px; }
  .mw-916 { max-width: 916px; }
  .mw-969 { max-width: 969px; }
  .mw-1188 { max-width: 1188px; }
  .mw-1143 { max-width: 1143px; } */

  /* ---------- Link helper ---------- */
  a.glue-link {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: #4ea0ff;
    text-decoration-thickness: 6%;
    text-underline-offset: 28%;
    text-underline-position: from-font;
    color: #fff;
  }

  /* ---------- Layout helpers ---------- */
  .element-container { width: 100%; }
  .w-100 { width: 100%; }
  .m-auto { margin: 0 auto !important; }
  .mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .text-center[class*="mw-"] { margin: 0 auto; }
  .align-items-center .flex-box-section { align-items: center; }
  .full-card-align-center .flex-box-section { display: flex; align-items: center; }
  .gap-50 .flex-box-section { gap: 74px 50px; }
  .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  /*
  .flex-box-section-full.mw-1200 .flex-box-section { margin: 0 auto; }
  .rf-headline.mini { padding:0 !important; }
  .spacing-line { height: 1px; background: var(--rf-brand-color-border); width: 100%; }
  .flex-box-section-full.py-0 > .flex-box-section-full-interior { min-height: 0; }
  .headline-content-p0 .rf-headline.mini,
  .headline-content-p0 .rf-headline .rf-headline-content { padding: 0; } */

  /* ---------- Container gutters ---------- */
  .rf-org-header-container .header,
  .flex-box-section-full > .flex-box-section-full-interior {
    --ar-gutter-x: 24px !important;
    --ar-gutter-y: 0;

    padding-right: var(--ar-gutter-x);
    padding-left: var(--ar-gutter-x);
    margin-right: auto;
    margin-left: auto;
  }
  .flex-box-section-full > .flex-box-section-full-interior {
    width: 100%;
    max-width: 100%;
}
  @media (min-width: 600px) {
    .rf-org-header-container .header,
    .flex-box-section-full > .flex-box-section-full-interior {
      --ar-gutter-x: 32px !important;
      max-width: calc(1352px + (var(--ar-gutter-x) * 2)) !important;
    }
  }
  @media (min-width: 1440px) {
    .rf-org-header-container .header,
    .flex-box-section-full > .flex-box-section-full-interior {
      --ar-gutter-x: 80px !important;
      max-width: calc(1352px + (var(--ar-gutter-x) * 2)) !important;
    }
  }
  /* ===================== [END] - Helpers ===================== */

  /* ===================== [START] - Navbar ===================== */
  .text-white { color: #fff !important; }

  /* ---------- Base / header ---------- */
  .opened-side-menu { overflow: hidden; }
  .rf-org-header-container {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: var(--glue-grey-1200);
    border-bottom: 1px solid var(--glue-grey-900);
    padding: 14.5px 0;
  }
  .header {
    display: flex;
    align-items: center;
    min-height: 60px;
  }
  @media (min-width: 600px) {
    .header {
      flex-grow: 1;
      margin: 0 auto;
    }
  }
  /* Logo (one in the header, one inside the drawer header) */
  .header-logo a {
    display: block;
    margin-right: 32px;
  }
  .header-logo a:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
  }
  .header-logo a:focus-visible { outline: 1px auto -webkit-focus-ring-color; }
  .header-logo img {
    position: relative;
    display: block;
    max-height: 48px !important;
  }
  /* Right side: auth, calendar, user menu (single copy) */
  .header-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
  .nav-auth {
    display: flex;
    gap: 8px;
  }

  /* ---------- Inline (desktop) nav ---------- */
  /* Takes the leftover space. jQuery checks whether its content overflows. */
  .site-nav {
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }
  .header .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    height: 64px;
    margin: 0;
    padding: 0;
    float: none;
    user-select: none;
  }
  .header .navbar-nav li {
    display: flex;
    position: relative;
    padding-top: 6px;
    padding-bottom: 5px;
  }
  .header .navbar-nav li a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 24px 13px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
    text-transform: capitalize;
    white-space: nowrap;
    cursor: pointer;
    color: var(--White, #fff);
    border-bottom: 2px solid transparent;
    transition:
      background-color 0.2s,
      box-shadow 0.2s,
      color 0.2s;
  }
  .header .navbar-nav li a:hover {
    color: var(--White, #fff);
    background-color: transparent;
    border-bottom-color: var(--Gradient-New-Gemini, #3186ff);
  }
  .header .navbar-nav li a:focus {
    outline: none;
    box-shadow: none;
    background: none;
  }
  .header .navbar-nav li a:focus-visible { outline: 1px auto -webkit-focus-ring-color; }
  .header .navbar-nav .nav-link.active,
  .header .navbar-nav .nav-link.show {
    border-bottom-color: var(--Gradient-New-Gemini, #3186ff);
  }
  /* Hamburger / close buttons */
  .nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    padding: 8px 16px;
    border-radius: 99px;
    color: var(--glue-grey-0);
    border: 1px solid var(--Grey-900, #2f3034);
    background: var(--Transparent, rgba(255, 255, 255, 0));
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .nav-btn:hover { background-color: var(--glue-grey-800); }
  .nav-btn--close {
    height: 36px;
    border: 1px solid var(--White, #fff);
    background: var(--White, #fff);
    color: var(--Grey-1200, #121317);
  }
  .nav-btn--close .material-icons { font-size: 20px; }
  /* Hidden in inline mode */
  .nav-toggle,
  .site-nav-header,
  .nav-backdrop {
    display: none;
  }
  /* No animation while jQuery is measuring */
  .header.is-measuring .site-nav,
  .header.is-measuring .nav-backdrop {
    transition: none !important;
  }

  /* ---------- Compact (drawer) mode, toggled by jQuery ---------- */
  .header.is-compact .nav-toggle { display: flex; }
  .header.is-compact .site-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    flex: none;
    width: 100%;
    max-width: 412px;
    min-width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1100;
    background: var(--glue-grey-1200);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
    transform: translateX(-100%);
    visibility: hidden; /* not tabbable while closed */
    transition:
      transform 0.3s ease-in-out,
      visibility 0s 0.3s;
  }
  .header.is-compact .site-nav.is-open {
    transform: none;
    visibility: visible;
    transition-delay: 0s;
  }
  .header.is-compact .site-nav-header {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 93px;
    padding: 0 16px;
    border-bottom: 1px solid var(--glue-grey-900);
  }
  .header.is-compact .site-nav-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 94px);
    padding: 40px 24px 16px;
  }
  .header.is-compact .site-nav .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
    margin-left: 0;
  }
  .header.is-compact .site-nav .navbar-nav li { padding: 0; }
  .header.is-compact .site-nav .navbar-nav li a {
    display: flex;
    align-items: center;
    max-width: 320px;
    padding: 17px 0;
    border: 0;
    text-decoration: none;
    font-family: var(--secondary-title-font);
    font-size: 18px;
    color: var(--glue-grey-0);
  }
  .header.is-compact .site-nav .navbar-nav li a:hover,
  .header.is-compact .site-nav .navbar-nav li a:focus {
    color: var(--glue-grey-0);
  }
  .header.is-compact .nav-backdrop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: -999;
    transition: opacity 0.3s ease-in-out;
  }
  .header.is-compact .site-nav.is-open + .nav-backdrop {
    width: 100vw;
    opacity: 1;
    z-index: 1050;
  }
  @media (min-width: 600px) {
    .header-logo img { max-height: 64px !important; }
    .header.is-compact .site-nav {
      height: 100vh;
      max-width: 320px;
      width: 320px;
    }
    .header.is-compact .site-nav-header { padding: 0 0 0 24px; }
  }
  /* Logo inside the drawer, next to the close button */
  .site-nav-header .header-logo a { margin: 0 12px 0 0; }

  /* ---------- Phones: centred logo ---------- */
  @media (max-width: 659.98px) {
  /*.header.is-compact .site-nav .header-logo a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 90px;
      right: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 145px;
      margin: 0 auto !important;
    }*/
 
  }

  /* ---------- User menu ---------- */
  .menu { position: relative; }
  .menu-trigger {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
  }
  .menu-content {
    position: absolute;
    left: 0;
    min-width: 112px;
    width: max-content;
    z-index: 1100;
    background: var(--glue-grey-900);
    border-radius: 24px;
    box-shadow:
      0 1px 5px rgba(0, 0, 0, 0.2),
      0 2px 2px rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.12);
  }
  .menu-content.isMenuRightAligned {
    left: auto;
    right: 0;
  }
  .navUser .menu-content {
    display: none;
    right: -8px;
    top: 0;
  }
  .navUser.info-show .menu-content { display: block; }
  @media (min-width: 600px) {
    .navUser .menu-content {
      right: 0;
      top: 65px;
    }
  }
  .triggerContentContainer {
    display: inline-flex;
    align-items: center;
    height: 56px;
    padding: 0 0 0 4px;
  }
  @media (min-width: 600px) {
    .triggerContentContainer { height: 64px; }
  }
  .navUser-avatar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--Gradient-Blue500-Purple500, linear-gradient(96deg, #3186ff 0%, #4b31e3 100%));
    color: #fff;
  }
  .navUser-avatar:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  .navUser-avatar img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    padding: 0;
    border: none;
    border-radius: 50%;
    object-fit: cover;
  }
  .navUser-avatar span {
    position: relative;
    display: inline-block;
    margin-top: 0;
    font-size: 0;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
  }
  .navUser-avatar span:first-letter {
    font-size: 14px !important;
    line-height: 100%;
    font-weight: 500;
    color: #fff;
  }
  .navUserMenu { max-width: 304px; }
  @media (min-width: 600px) {
    .navUserMenu {
      max-width: 400px;
      min-width: 400px;
    }
  }
  .navUserMenu-body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
  }
  .navUserMenu-body .user-details {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .navUserMenu-body .navUser-avatar {
    width: 64px;
    min-width: 64px;
    height: 64px;
    outline: 1px solid var(--Grey-900, #202124);
  }
  .navUserMenu-body .navUser-avatar span:first-letter {
    font-size: 24px !important;
    line-height: 28px;
  }
  .navUserMenu-body img.userAvatar {
    height: 64px;
    width: 64px;
  }
  .navUserMenu-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: hidden;
  }
  .navUserMenu-details-item {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (min-width: 600px) {
    .navUserMenu-details-item { max-width: 260px; }
  }
  @media (min-width: 1024px) {
    .navUserMenu-details-item { max-width: 460px; }
  }
  .navUserMenu-details-item .nav-user-menu-link {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .navUserMenu-details-item .nav-user-menu-link .rainfocus-button { width: 100%; }
  .navUserMenu-details-item .nav-user-menu-link a {
    display: block;
    width: fit-content;
    padding: 10px 0;
  }
  .navUserMenu-footer {
    padding-top: 24px;
    border-top: 1px solid var(--glue-grey-800);
  }
  .navUserMenu-footer a[role="button"]:not(.btn-standard, .btn-alternate) {
    border-radius: 999px !important;
    border: 1px solid var(--Grey-500, #9aa0a6);
    padding: 14px 32px;
  }

  /* ---------- Attendee badges ---------- */
  .attendeeBadges {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
  }
  .attendeeBadge {
    display: inline-block;
    padding: 6px 16px;
    border: 2px solid transparent;
    border-radius: 600px;
    font-family: var(--body-font);
    background-color: #4285f4;
    color: var(--Grey-900, #202124);
  }
  .attendeeBadge.green-badge {
    color: var(--Green-900, #0d652d);
    background: var(--Green-50, #e6f4ea);
  }
  .attendeeBadge.grey-badge {
    color: #202124;
    background: #f1f3f4;
  }
  .attendeeBadge.red-badge {
    color: #a50e0e;
    background: #fce8e6;
  }
  .attendeeBadge.yellow-badge {
    color: #e37400;
    background: #fef7e0;
  }
  .attendeeBadge.blue-gradient-badge,
  .attendeeBadge.blue-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #acb7ff 0%, #2e96ff 65%, #3b6bff 100%) border-box;
  }
  .attendeeBadge.blue-green-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #34a853 0%, #4285f4 100%) border-box;
  }
  .attendeeBadge.googler-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(90deg, #fbbc05 0%, #ea4335 50%, #4285f4 75%, #34a853 100%) border-box;
  }
  .attendeeBadge.green-yellow-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #fbbc04 0%, #34a853 100%) border-box;
  }
  .attendeeBadge.red-pink-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #f09bba 0%, #ea4335 100%) border-box;
  }
  .attendeeBadge.red-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #a50e0e 0%, #ea4335 100%) border-box;
  }
  .attendeeBadge.green-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #0d652d 0%, #34a853 100%) border-box;
  }
  .attendeeBadge.red-yellow-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(270deg, #fbbc04 0%, #ea4335 100%) border-box;
  }
  .attendeeBadge.red-purple-gradient-badge {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(90deg, #ea4335 0%, #4b31e3 99%) border-box;
  }

  /* ---------- Actions block inside the drawer (phones) ----------
     Keep this section AFTER the user-menu rules above. */
  .header-actions.in-drawer {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    margin: 0;
  }
  .header-actions.in-drawer::before {
    content: "";
    order: 0;
    width: calc(100% + 48px);
    margin: 24px -24px 16px;
    border-bottom: 1px solid var(--glue-grey-900);
  }
  /* .header-actions.in-drawer .nav-calendar { order: 1; display: none; } */
  /* body.is-login .header-actions.in-drawer .nav-calendar { display: block; } */
  .header-actions.in-drawer .navUser {
    order: 2;
    margin: 24px -24px 0;
    padding: 24px 24px 0;
    border-top: 1px solid var(--glue-grey-900);
  }
  .header-actions.in-drawer .nav-auth {
    order: 3;
    gap: 10px;
    padding: 40px 0;
  }
  .header-actions.in-drawer .nav-auth > div {
    display: flex;
    flex: 1;
  }
  .header-actions.in-drawer .navUser .menu-trigger { display: none; }
  .header-actions.in-drawer .navUser .menu-content {
    display: block;
    position: static;
    width: 100%;
    background: transparent;
    box-shadow: none;
  }
  .header-actions.in-drawer .navUserMenu {
    max-width: none;
    min-width: 0;
  }
  .header-actions.in-drawer .navUserMenu-body { padding: 0; }
  .header-actions.in-drawer .navUserMenu-details-item { max-width: 100%; }
  .header-actions.in-drawer .navUserMenu-body .navUser-avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .header-actions.in-drawer .navUserMenu-body .navUser-avatar span:first-letter {
    font-size: 16px !important;
    line-height: 24px;
  }
  .header-actions.in-drawer .navUserMenu-developerProfile { padding: 24px 0 10px; }
   /* ===================== [END] - Navbar ===================== */

  /* ===================== [END] - Navbar ===================== */

  /* ===================== [START] - Add To Calendar Button ===================== */
  /* Panel */
  .bw-rf-add-to-calendar .dropdown-menu {
    min-width: 272px;
    margin-top: 10px;
    padding: 16px;
    background-color: var(--glue-grey-1000);
    border: 1px solid #202124;
    border-radius: 16px;
    box-shadow: none;
    overflow: hidden;
    z-index: 9999;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #9aa0a6;
    left: 0;
  }
  header .bw-rf-add-to-calendar .dropdown-menu {
    left: auto;
    right: 0;
  }
  /* Heading */
  .bw-rf-add-to-calendar .dropdown-header {
    padding: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #9aa0a6;
  }
  /* Items */
  .bw-rf-add-to-calendar .dropdown-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 -16px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #f1f3f4;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.2s;
  }
  .bw-rf-add-to-calendar .dropdown-menu > li > a:hover,
  .bw-rf-add-to-calendar .dropdown-menu > li > a:focus {
    background-color: #3c4043;
    color: #dadce0;
    text-decoration: none;
  }
  /* Item icons */
  .bw-rf-add-to-calendar .dropdown-menu .material-symbols-outlined {
    font-size: 20px;
    line-height: 20px;
    width: 20px;
  }
  /* ===================== [END] - Add To Calendar Button ===================== */

  /* ===================== [START] - Footer ===================== */
  .rf-org-footer-container {
    position: relative;
    overflow: clip;
    border-top: 1px solid var(--Grey-900, #2f3034);
  }
  .rf-org-footer-container img.bg-footer-graphic {
    position: absolute;
    left: calc(62% + 286.135px);
    bottom: 0;
  }
  .next-bottom-footer-section .nf-legal a {
    --rf-comp-link-color: #ffffff;
    --rf-comp-link-hover-color: #ffffff;
    text-decoration: none;
  }
  .next-footer-section {
    --nf-bg: transparent;
    --nf-border: var(--Grey-900, #2f3034);
    --nf-text: #ffffff;
    --nf-muted: #8f8f8f;
    box-sizing: border-box;
    width: 100%;
    background: var(--nf-bg);
    color: var(--nf-text);
    /*border-top: 1px solid var(--nf-border); */
    padding: 0;
  }
  .next-footer-section *,
  .next-footer-section *::before,
  .next-footer-section *::after {
    box-sizing: border-box;
  }

  /* ---------- Main area: tagline + link columns ---------- */
  .next-footer-section .nf-main {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    align-items: start;
    padding: 72px 0 68px;
  }
  .next-footer-section .nf-tagline {
    grid-column: 6 / span 6;
    max-width: 551px;
    margin: 0;
    color: var(--nf-text);
    text-align: right;
   /* font-family: "Google Sans Display";
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.32px;*/
 line-height: 110% !important;
  }
  .next-footer-section .nf-links {
    grid-column: 1 / span 4;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
  .next-footer-section .nf-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .next-footer-section .nf-list li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .next-footer-section .get-updates-footer {
    float: right;
  }

  /* ---------- Bottom bar: logo, legal links, copyright ---------- */
  .next-bottom-footer-section.flex-box-section-full { padding: 0; }
  .next-bottom-footer-section .nf-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    padding: 24px 200px 24px 0;
  }
  .next-bottom-footer-section .nf-bottom-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
  }
  .next-bottom-footer-section .nf-logo {
    display: inline-flex;
    align-items: center;
  }
  .next-bottom-footer-section .nf-logo img {
    display: block;
    width: 100px;
    height: auto;
    max-width: 100%;
  }
  .next-bottom-footer-section .nf-legal {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 25px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .next-bottom-footer-section .nf-legal li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .next-bottom-footer-section .nf-copy {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.18px;
    color: var(--nf-muted);
    white-space: nowrap;
  }
  .next-bottom-footer-section .nf-copy-symbol {
    font-size: 11px;
    vertical-align: 0.35em;
    margin-right: 1px;
  }

  /* ---------- Link styles ---------- */
  .next-footer-section a {
    color: var(--nf-text);
    text-decoration: none;
    font-weight: 400;
    transition: opacity 0.15s ease;
  }
  .next-footer-section .nf-list a {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.18px;
    color: var(--nf-text);
    text-decoration: none !important;
  }
  .next-bottom-footer-section .nf-legal a {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.18px;
  }
  .next-footer-section a:hover {
    opacity: 0.7;
    text-decoration: underline;
  }
  .next-footer-section a:focus-visible {
    outline: 2px solid #8ab4f8;
    outline-offset: 3px;
    border-radius: 2px;
  }
  @media (max-width: 1400px) {
    .rf-org-footer-container img.bg-footer-graphic {
      left: auto;
      right: -85px;
      max-height: 225px;
    }
  }
  @media (max-width: 1300px) {
    .next-footer-section .nf-tagline { grid-column: 5 / span 6; }
  }

  /* ---------- Tablet ---------- */
  @media (max-width: 1024px) {
    .next-footer-section .nf-main {
      padding: 56px 0 52px;
      row-gap: 40px;
    }
    .next-footer-section .nf-tagline { font-size: 26px; }
    .next-footer-section .nf-bottom { padding: 20px 0; }
  }
  @media (max-width: 767.98px) {
    .next-footer-section .nf-tagline {
      grid-column: 1 / -1;
      max-width: 460px;
      text-align: start;
    }
    .next-footer-section .nf-links {
      grid-column: 1 / -1;
      max-width: 480px;
    }
    .next-footer-section .get-updates-footer {
      float: left;
   }
  }

  /* ---------- Mobile ---------- */
  @media (max-width: 600px) {
    .next-footer-section .get-updates-footer { 
      width: 100%;
    }
    .next-footer-section .nf-main { padding: 40px 0 36px; }
    .next-footer-section .nf-bottom {
      flex-direction: column;
      align-items: flex-start;
      padding: 24px 0;
    }
    .next-footer-section .nf-bottom-left {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }
    .next-footer-section .nf-links {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 24px;
    }
    .next-bottom-footer-section .nf-bottom {
      gap: 24px;
      padding: 44px 200px 24px 0;
      align-items: flex-start;
      flex-direction: column;
    }
    .next-bottom-footer-section .nf-bottom-left {
      align-items: flex-start;
      gap: 40px;
      flex-direction: column;
    }
    .next-bottom-footer-section .nf-legal {
      gap: 24px 25px;
      flex-direction: column;
    }
  }
  /* ===================== [END] - Footer ===================== */

  /* ===================== [START] - Sponsor ===================== */
  .luminary-sponsors-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 40px 0;
  }
  .next-sponsor-content { padding: 24px 0 0; }
  .next-sponsor-content h6 { margin-bottom: 18px; }
  .luminary-sponsors-wrapper .sponsor-website-link {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    transition:
      box-shadow 0.3s ease-in-out,
      transform 0.3s ease-in-out;
    border-radius: 16px;
    border: 1px solid var(--Grey-800, #3c4043);
    aspect-ratio: 1 / 1;
    padding: 10px;
  }
  .luminary-sponsors-wrapper .sponsor-website-link img {
    width: 100%;
    max-height: 100px;
    object-fit: contain;
  }
  div#sponsor-841072 .sponsor-website-link img { margin-top: -22px; }

.luminary-sponsors-section .mdBtnR .rfSI {
    display: none;
}
  @media (min-width: 600px) {
 
    .luminary-sponsors-wrapper {  padding: 64px 0; grid-template-columns: repeat(3, 1fr); }
    .luminary-sponsors-wrapper .sponsor-website-link { max-height: 200px; }
  }
  @media (min-width: 768px) {
    .luminary-sponsors-wrapper { grid-template-columns: repeat(4, 1fr); }
  }
  @media (min-width: 992px) {
    .luminary-sponsors-wrapper { grid-template-columns: repeat(6, 1fr); }
  }
  @media (max-width:412px) {
.luminary-sponsors-wrapper button.mdBtnR {
    width: 100%;
    justify-content: center;
}
}
  /* ===================== [END] - Sponsor ===================== */

  /* ===================== [START] - Login ===================== */
.rfwf-login-page .login-submit-frame span.rfSI {
    display: none;
}

  div#workflow-login-page .md-frame .md-frame-header {
    border-bottom: none;
    border-radius: 0;
    padding: 0;
  }
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), .rf-input textarea,
.rf-icon-input .icon-input-container,
.rf-select .rf-dropdown-container input,
.rf-select select, .rf-select select:not([multiple]) {
    min-height: 56px;
    background-color: var(--rf-comp-input-color-background);
}
.rfwf-full-panel[class*="form-id-"],
.rf-label {
    --rf-brand-font-size: 16px;
}
.rf-icon-input input {
    margin: 0;
    --rf-brand-font-size:16px;
    padding: var(--rf-comp-input-space-padding);
}
.rf-icon-input .rf-input-icon {
    width: 50px;
    min-width: 50px;
    padding: 0px 22px 0px 0px;
}
 :is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-calendar-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .error-msg { 
    margin-top: 8px;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
}
  /* ===================== [END] - Login ===================== */

  /* ===================== [START] - Registration Countdown ===================== */
  .registration-countdown-section {
    --rfcd-text: #ffffff;
    width: 100%;
    min-height: 49px;
    padding: 16px 0;
    color: var(--rfcd-text);
    font-family: var(--rfcd-font);
    background: linear-gradient(90deg, #4c9fff 0%, #3068ee 55%, #2d80ff 100%);
  }
  .registration-countdown-section.flex-box-section-full > .flex-box-section-full-interior { min-height: auto; }
  .countdown-section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 36px;
    box-sizing: border-box;
  }
  .countdown-section *,
  .countdown-section *::before,
  .countdown-section *::after {
    box-sizing: border-box;
  }
  .countdown-section .rfcd-title {
    margin: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: inherit;
  }
  .countdown-section .rfcd-units {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 34px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .countdown-section .rfcd-unit {
    display: flex;
    align-items: baseline;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .countdown-section .rfcd-num {
    font-size: 24px;
    font-weight: 400;
    line-height: 100%;
    /*font-variant-numeric: tabular-nums;
      min-width: 1ch;*/
    color: inherit;
  }
  .countdown-section .rfcd-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: inherit;
  }
  .countdown-section .rfcd-done {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: inherit;
  }
  .countdown-section .rfcd-title[hidden],
  .countdown-section .rfcd-units[hidden],
  .countdown-section .rfcd-done[hidden] {
    display: none;
  }
  /* Tablet / mobile */
  @media (max-width: 600px) {
    .countdown-section { gap: 8px 20px; }
    .countdown-section .rfcd-title {
      display: none;
      flex-basis: 100%;
    }
    .countdown-section .rfcd-units { gap: 6px 22px; }
    .countdown-section .rfcd-num { font-size: 24px; }
    .countdown-section .rfcd-label { font-size: 16px; }
  }
  /* ===================== [END] - Registration Countdown ===================== */

  /* ===================== [START] - Sign Up Form ===================== */
  .full-width-card-section .element-container .flex-box-section { margin-top: 0; }
  div#custom_market_form_container {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .sign-up-form-section .legal {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
  }
  .sign-up-form-section .legal a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: #4ea0ff;
    text-decoration-thickness: 6%;
    text-underline-offset: 28%;
    text-underline-position: from-font;
    color: #fff;
  }
  div#custom_market_form_container .form-group.field-registrant-email {
    margin: 0;
    flex: 1;
  }
  div#custom_market_form_container input#registrant-email {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.16px;
    color: #9aa0a6;
    padding: 15px 16px;
    border-radius: 999px;
    /*border: 1px solid var(--Grey-800, #3c4043);
    background: var(--Grey-800, #3c4043);*/
  }
  div#custom_market_form_container .mdBtnR.mdBtnR-primary {
    --rf-comp-button-primary-color-on-background: #060606;
    --rf-comp-button-primary-hover-color-on-background: #060606;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }
  div#custom_market_form_container .mdBtnR.mdBtnR-primary:hover {
    --rf-comp-button-primary-color-on-background: #060606;
    background: #fff;
  }
  @media (max-width: 600px) {
    div#custom_market_form_container {
      align-items: stretch;
      flex-direction: column;
    }
    div#custom_market_form_container .mdBtnR.mdBtnR-primary { width: 100%; }
  }
  /* ===================== [END] - Sign Up Form ===================== */

  /* ===================== [START] - Hero Section ===================== */
  .hero-bottom-border { border-bottom: 1px solid var(--Grey-900, #2f3034); }

  .hero-graphic-background {
    position: relative;
    overflow: clip;
  }

 .hero-graphic-background .flex-box-section-full-interior { 
    position: relative;
    z-index: 1;
}

  .hero-graphic-background::before,
  .hero-graphic-background::after {
    content: "";
    position: absolute;
    max-width: 1521px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
  }
  .hero-graphic-background .hero-content-box {
    border-radius: 24px;
    background: var(--Grey-1000, #212226);
    padding: 24px;
  }

  /* ---------- Home hero ---------- */
  .flex-box-section-full.hero-section::before {
    background: url(https://static.rainfocus.com/googlecloud/next27/static/staticfile/staticfile/wavynleft_1792511008343001FMl1.png)
      no-repeat center;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: auto;
    right: calc(54% + 220px);
    pointer-events: none;
    max-width: 1000px;
    min-height: 570px;
  }
  .flex-box-section-full.hero-section::after {
    background: url(https://static.oci.rainfocus.com/googlecloud/next27/static/staticfile/staticfile/00f2a103824b7a81fb596c6544803c8ba02a224b_1793024499167001KTUJ.png)
      no-repeat top center;
    background-size: contain; 
    height: 100%;
    width: 100%;
    top: 100px;
    margin: 0 auto;
    left: calc(59% + 150px);
    right: auto;
    bottom: -75px;
    max-width: 782px;
}
   
  @media (max-width: 991.98px) {
    .flex-box-section-full.hero-section { padding: 64px 0 200px !important; }
    .flex-box-section-full.hero-section::after {
        max-width: 970px;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: top;
        background-size: 880px auto;
        top: calc(100% - 200px);
        pointer-events: none;
        background: url(https://static.rainfocus.com/googlecloud/next27/static/staticfile/staticfile/wavynleft_1792511008343001FMl1.png) no-repeat top center;
        height: 200px;
        width: 100%;
        background-size: cover;
    }
    .flex-box-section-full.hero-section::before { 
      display: none; 
    }
  }
  @media (max-width: 600px) {
    .flex-box-section-full.hero-section::after {
      background-size: 780px auto;
      /* top: calc(100% - 330px); */
    }
  }

  /* ---------- Tickets hero ---------- */
  .pills-badge {
    border-radius: 99px;
    border: 1px solid var(--White, #fff);
    padding: 4.5px 8px;
    width: fit-content;
    display: block; 
    --rf-brand-font-size: 16px;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.16px !important;
  }
  .flex-box-section-full.tickets-hero-section:before {
    background: url(https://static.rainfocus.com/googlecloud/nextvegas27/static/staticfile/staticfile/hero-tickets_1792277167952001sudf.png) no-repeat
      top center;
    background-size: contain;
max-width: 970px;
    height: 116%;
    width: 100%;
    top: -47px;
    margin: 0 auto;
    left: calc(43% + 196px);
    right: auto;
    bottom: -60px;
  }
  @media (max-width: 1600px) {
    .flex-box-section-full.tickets-hero-section:before { left: calc(43% + 74px); }
  }
  @media (max-width: 991.98px) {
    .flex-box-section-full.tickets-hero-section:before {
      left: 0;
      right: 0;
      bottom: 0;
      background-position: top;
              background-size: 880px auto;
        top: calc(100% - 226px);
    }
    .flex-box-section-full.tickets-hero-section { padding: 40px 0 160px !important; }
  }
  @media (max-width: 600px) {
    .flex-box-section-full.tickets-hero-section:before {
      background-size: 625px auto;
      top: calc(100% - 226px);
    }
  }

  /* ---------- Schedule hero ---------- */
  .flex-box-section-full.schedule-hero-section:before {
    background: url(https://static.rainfocus.com/googlecloud/nextvegas27/static/staticfile/staticfile/hero-schedule-graphic_1792277105807001ALv8.png)
      no-repeat top center;
    background-size: contain;
    max-width: 905px;
    height: 120%;
    width: 100%;
    top: -80px;
    margin: 0 auto;
    left: calc(46% + 70px);
    right: auto;
    bottom: -70px;
  }
  @media (max-width: 991.98px) {
    .flex-box-section-full.schedule-hero-section { padding: 64px 0 184px !important; }
    .flex-box-section-full.schedule-hero-section:before {
      max-width: 870px;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: top;
      background-size: 780px auto;
      top: calc(100% - 226px);
    }
  }
  @media (max-width: 600px) {
    .flex-box-section-full.schedule-hero-section:before {
      background-size: 480px auto;
        top: calc(100% - 192px);
    }
  }

  /* ---------- Hotels hero ---------- */
  .flex-box-section-full.hotels-hero-section:before {
    background: url(https://static.rainfocus.com/googlecloud/nextvegas27/static/staticfile/staticfile/hero-hotel-graphic_1792277112388001A0KY.png)
      no-repeat top left;
    background-size: contain;
    max-width: 722px;
    height: 121%;
    width: 100%;
    top: -77px;
    margin: 0 auto;
    left: calc(48% + 90px);
    right: auto;
    bottom: -77px;
  }
  @media (max-width: 991.98px) {
    .flex-box-section-full.hotels-hero-section { 
        padding: 64px 0 200px !important; 
    }
    .flex-box-section-full.hotels-hero-section:before {
      max-width: 550px;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: top;
      background-size: 540px auto;
      top: calc(100% - 226px);
    }
  }
  @media (max-width: 600px) {
    .flex-box-section-full.hotels-hero-section:before {
      background-size: 440px auto;
      top: calc(100% - 247px);
    }
  }
  /* ===================== [END] - Hero Section ===================== */

  /* ===================== [START] - Toast Message ===================== */
  .toast-message {
    align-items: center;
    background-color: #323232;
    border-radius: 3px;
    bottom: 34px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: space-between;
    left: 34px;
    max-width: 568px;
    min-width: 288px;
    padding: 20px 15px;
    position: fixed;
    transform: translateY(200%) translateZ(3px);
    transition: all 0.3s ease-in-out;
    width: auto;
    z-index: 2500;
    opacity: 0;
  }
  .toast-message .toast-message-text { flex: 1; }
  .toast-message.show,
  .alert-copied {
    transform: translate(0) translateZ(3px);
  }
  .toast-message.show { opacity: 1; }
  @media screen and (max-width: 599.98px) {
    .toast-message {
      left: 16px;
      width: 90%;
    }
  }
  /* ===================== [END] - Toast Message ===================== */

  /* ===================== [START] - Full Width Video ===================== */
  .full-width-video-section.flex-box-section-full { padding: 0; }
  .full-width-video-section.flex-box-section-full > .flex-box-section-full-interior {
    padding: 0;
    max-width: 100% !important;
    width: 100%;
  }
  /* ===================== [END] - Full Width Video ===================== */

  /* ===================== [START] - Ticket Price Card ===================== */
  /* Everything is scoped under .ticket-card-wrap so nothing leaks to other sections */
  .ticket-card-wrap,
  .ticket-card-wrap *,
  .ticket-card-wrap *::before,
  .ticket-card-wrap *::after {
    box-sizing: border-box;
  }
  .ticket-card-wrap {
    width: 100%;
    -webkit-font-smoothing: antialiased;
  }

  /* ---------- Card ---------- */
  .ticket-card-wrap .price-card {
    width: 100%;
    max-width: 664px;
    padding: 40px;
    border-radius: 16px;
    background: #18191d;
    color: #fff;
  }
  .ticket-card-wrap .price-card__title {
    margin: 0 0 32px; 
  }
  .ticket-card-wrap .price-card__tiers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  /* ---------- Tier row ---------- */
  .ticket-card-wrap .tier {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin: 0;
    padding: 0;
    color: #80868b; /* inactive tiers are grey */
  }
  .ticket-card-wrap .tier--active { color: #fff; }
  .ticket-card-wrap .tier__info {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
  }
  .ticket-card-wrap .tier__name,
  .ticket-card-wrap .tier__dates {
    display: block;
  }
  .ticket-card-wrap .tier__dates { margin-top: 2px; }
  .ticket-card-wrap .tier__price-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
  }
  .ticket-card-wrap .tier__price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    color: inherit;
  }
  .tier--active span.tier__price { font-size: 24px; }
  .ticket-card-wrap .tier--active .tier__price { font-weight: 500; }

  /* ---------- Discount badge ---------- */
  .ticket-card-wrap .badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 0 8px 0 4px;
    border-radius: 6px;
    background: var(--Green-50, #bff3b9);
    color: var(--Green-1000, #005143);
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
  }
  .ticket-card-wrap .badge svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex-shrink: 0;
  }

  /* ---------- Button ---------- */
  .ticket-card-wrap .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-top: 40px;
    padding: 0 24px;
    border-radius: 24px;
    background: linear-gradient(270deg, #3186ff 0%, #346bf0 44%, #4ea0ff 100%);
    color: #fff;
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: filter 0.2s ease;
  }
  .ticket-card-wrap .btn:hover { filter: brightness(1.1); }
  .ticket-card-wrap .btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 600px) {
    .ticket-card-wrap .price-card {
      padding: 24px;
      border-radius: 12px;
    }
    .ticket-card-wrap .price-card__title { 
      margin-bottom: 40px;
    }
    .ticket-card-wrap .price-card__tiers { gap: 32px; }
    .ticket-card-wrap .tier__info { font-size: 16px!important; }
    .ticket-card-wrap .tier__price { font-size: 20px !important; }
    .ticket-card-wrap .btn {
      width: 100%;
      margin-top: 28px;
    }
.ticket-card-wrap .tier__price-wrap { 
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 12px;
    flex-shrink: 0;
}
  }
  @media (max-width: 360px) {
    .ticket-card-wrap .tier {
      flex-direction: column;
      gap: 6px;
    }
    .ticket-card-wrap .tier__price-wrap { align-items: flex-start; }
  }
  /* ===================== [END] - Ticket Price Card ===================== */

  /* ===================== [START] - What's Next Slider ===================== */
  .rf-workflow .rf-workflow-body-content:has(.whats-next__slider) { overflow: clip; }
  .whats-next,
  .whats-next *,
  .whats-next *::before,
  .whats-next *::after {
    box-sizing: border-box;
  }
  .whats-next {
    width: 100%;
    background: transparent; /* set a dark bg here if your page isn't already dark, e.g. #0f1115 */
    color: #fff;
    -webkit-font-smoothing: antialiased;
  }
  .whats-next .whats-next__title {
    margin: 0 0 80px;
    padding: 0 20px;
    text-align: center;
    font-size: clamp(40px, 4.8vw, 72px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
  }

  /* ---------- Slider ---------- */
  .whats-next .whats-next__slider {
    width: 100%;
    overflow: visible;
  }
  .whats-next .whats-next__slide {
    width: clamp(280px, 66.67vw, 1008px); 
    height: auto;
    cursor: grab;
  }
  .whats-next .whats-next__slide:active { cursor: grabbing; }
  .whats-next .whats-next__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 24px;
    background: #18191d;
    user-select: none;
    -webkit-user-drag: none;
  }
  .whats-next .whats-next__slide-title {
    margin: 40px 0 20px;  
  }
  .whats-next .whats-next__slide-text {
    margin: 0;
    max-width: 779px; 
  }

  /* ---------- Prev / Next pill ---------- */
  .whats-next .whats-next__controls {
    display: inline-flex;
    margin: 48px 0 0 0;
    height: 44px;
    border-radius: 22px;
    background: #212226;
  }
  .whats-next .whats-next__btn {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
  }
  .whats-next .whats-next__btn:hover { background: rgba(255, 255, 255, 0.08); }
  .whats-next .whats-next__btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
  .whats-next .whats-next__btn.whats-next__btn--disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
  }

  /* ---------- Responsive (left padding matches the Swiper slidesOffsetBefore in the JS) ---------- */
  @media (max-width: 767px) {
    .whats-next .whats-next__title { margin-bottom: 40px; }
     .whats-next .whats-next__slide { width: 84vw; } 
    .whats-next .whats-next__img { border-radius: 16px; }
 
  }
  @media (prefers-reduced-motion: reduce) {
    .whats-next .whats-next__btn { transition: none; }
  }
  /* ===================== [END] - What's Next Slider ===================== */

  /* ===================== [START] - FAQ ===================== */
  /* ---------- FAQ hero ---------- */
  .faq-hero-section { background-size: 700px auto !important; }
  .faq-hero-section::before {
    background: url(https://static.rainfocus.com/googlecloud/nextvegas27/static/staticfile/staticfile/hero-faq_1792277166131001slQS.png) no-repeat top
      center;
    max-width: 1540px;
    width: 100%;
    height: 790px;
    background-size: contain;
    top: -48px;
left: calc(4% + 20px);
  }
  @media (min-width: 1600px) {
    .faq-hero-section::before {
    height: 846px; 
    left: calc(13% + 20px);
    }
  }
  @media (max-width: 1300px) {
    .faq-hero-section::before {
      max-width: 722px;
      width: 100%;
      height: 790px;
      top: -48px;
      right: -180px;
    }
  }
  @media (max-width: 992px) {
    .faq-hero-section::before {
      max-width: 493px;
      height: 418px;
      background-position: top right;
      top: -30px;
      right: -235px;
    }
  }
  @media (max-width: 767px) {
    .faq-hero-section::before {
      max-width: 383px;
      height: 418px;
      background-position: top right;
      top: -30px;
      right: -275px;
    }
  }

  /* ---------- FAQ layout ---------- */
  .gc-faq {
    --gc-faq-top: 100px; /* sticky offset: raise if the site header is fixed */
    --gc-bg: #1a1a1f;
    --gc-card: #212226;
    --gc-field: #2f3034;
    --gc-line: #2f3034;
    --gc-text: #ffffff;
    --gc-sub: #e6eaf0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    column-gap: 24px;
    align-items: start;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--gc-text);
  }
  .erc-faq-section .gc-faq { grid-template-columns: minmax(0, 1fr); }
  .gc-faq *,
  .gc-faq *::before,
  .gc-faq *::after {
    box-sizing: border-box;
  }
  .gc-faq h3,
  .gc-faq p,
  .gc-faq ul,
  .gc-faq li {
    margin: 0;
    padding: 0;
  }
  .gc-faq ul { list-style: none; }
  .gc-faq .gc-is-hidden { display: none !important; }

  /* ---------- Sticky side menu ---------- */
  .gc-faq .gc-faq-nav {
    position: sticky;
    top: var(--gc-faq-top);
    align-self: start;
    z-index: 5;
    padding: 16px 24px;
    border-radius: 16px;
    background: var(--gc-card);
  }
  .gc-faq .gc-faq-nav a {
    display: block;
    padding: 10px 8px;
    border-radius: 8px;
    font-size: 18px;
    line-height: 23px;
    text-decoration: none !important;
    color: var(--gc-sub);
    transition:
      background-color 0.2s ease,
      color 0.2s ease;
  }
  .gc-faq .gc-faq-nav a:hover { color: var(--gc-text); }
  .gc-faq .gc-faq-nav a.is-active {
    background: var(--gc-field);
    color: var(--gc-text);
  }
  .gc-faq .gc-faq-nav a:focus-visible {
    outline: 2px solid var(--gc-text);
    outline-offset: -2px;
  }

  /* ---------- Search ---------- */
  .gc-faq .gc-faq-search { position: relative; }
  .gc-faq .gc-faq-search svg {
    position: absolute;
    left: 24px;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    fill: var(--gc-sub);
    pointer-events: none;
  }
  .gc-faq .gc-faq-search input {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0 24px 0 60px;
    border: 0 !important;
    border-radius: 32px;
    outline: 0;
    box-shadow: none !important;
    background: var(--gc-field) !important;
    font-size: 16px;
    line-height: 24px;
    color: var(--gc-text) !important;
  }
  .gc-faq .gc-faq-search input::placeholder {
    color: var(--gc-sub);
    opacity: 1;
  }
  .gc-faq .gc-faq-search input:focus-visible { box-shadow: 0 0 0 2px var(--gc-text) !important; }

  /* ---------- Sections ---------- */
  .gc-faq .gc-faq-section {
    margin-top: 80px;
    scroll-margin-top: calc(var(--gc-faq-top) + 8px);
  }
  .gc-faq .gc-faq-title {
    margin-bottom: 36px; 
    color: var(--gc-text) !important;
  }
  .erc-faq-section .gc-faq .gc-faq-title {
    font-size: 32px !important;
    line-height: 100% !important; /* 32px */
    letter-spacing: -0.64px !important;
  }
  .googlecloud-next27-erc27-task span.text-info {
      color: var(--rf-brand-color-status-error) !important;
  }
.googlecloud-next27-erc27-task .rf-error .rf-label span {
color: var(--rf-brand-color-text-body) !important;
}
  .googlecloud-next27-cfpsponsor-cfpHome h4 {
    font-size: 32px !important;
  }
  /* ---------- Desktop ---------- */
  @media (min-width: 992px) {
    .googlecloud-next27-cfpsponsor-cfpHome h4 {
      font-size: 40px !important;
    }
  }

  /* ---------- Accordion (Bootstrap 3 collapse) ---------- */
  /* Collapse states, scoped here so the accordion works even if Bootstrap's CSS isn't on the page */
  .gc-faq .collapse { display: none; }
  .gc-faq .collapse.in { display: block; }
  .gc-faq .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  /* .panel is only there for Bootstrap's data-parent logic; neutralize Bootstrap's panel styles */
  .gc-faq .gc-faq-item {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--gc-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    scroll-margin-top: calc(var(--gc-faq-top) + 8px); /* deep link (?faq=) lands below the sticky header */
  }
  .gc-faq .gc-faq-list .gc-faq-item:last-of-type { border-bottom: 1px solid var(--gc-line); }
  .gc-faq .gc-faq-q {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    width: 100%;
    min-height: 72px;
    margin: 0;
    padding: 22px 48px 22px 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-family: "Google Sans Display";
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: inherit;
    text-align: left;
    color: var(--gc-text) !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .gc-faq .gc-faq-q::before,
  .gc-faq .gc-faq-q::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3px;
    width: 18px;
    height: 1.5px;
    margin-top: -0.75px;
    background: var(--gc-text);
    transition: transform 0.25s ease;
  }
  .gc-faq .gc-faq-q::after { transform: rotate(90deg); }
  /* Bootstrap sets aria-expanded on the trigger when a panel opens/closes */
  .gc-faq .gc-faq-q[aria-expanded="true"] { border-bottom: 1px solid var(--gc-line) !important; }
  .gc-faq .gc-faq-q[aria-expanded="true"]::before { transform: rotate(45deg); }
  .gc-faq .gc-faq-q[aria-expanded="true"]::after { transform: rotate(-45deg); }
  .gc-faq .gc-faq-q:focus { outline: 0; }
  .gc-faq .gc-faq-q:focus-visible {
    outline: 2px solid var(--gc-text);
    outline-offset: -2px;
  }
  /* Padding lives on .gc-faq-a (inside the collapsing panel) so the height animation stays smooth */
  .gc-faq .gc-faq-a {
    max-width: 780px;
    padding: 24px 0;
  }
.gc-faq .gc-faq-a ul li { 
margin-bottom: 8px;
}
.gc-faq ul+p {
margin-top:15px;
}
 .gc-faq .gc-faq-a p:not(:last-child) {
margin-bottom:15px;

}

  .erc-faq-section .gc-faq .gc-faq-a { max-width: 1200px; }
  .gc-faq .gc-faq-a,
  .gc-faq .gc-faq-a p {
    font-size: 16px;
    line-height: 24px;
    color: var(--gc-text);
  }
  .erc-faq-section .gc-faq .gc-faq-a,
  .erc-faq-section .gc-faq .gc-faq-a p {
    font-size: 18px;
  }

  /* ---------- Need more help ---------- */
  .gc-faq .gc-faq-help p,
  .gc-faq .gc-faq-help li {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: var(--gc-text);
  }
  .gc-faq .gc-faq-help ul { margin-top: 2px; }
  .gc-faq li,
  .gc-faq .gc-faq-help li {
    position: relative;
    padding-left: 24px;
  }
  .gc-faq li::before,
  .gc-faq .gc-faq-help li::before {
    content: "\2022";
    position: absolute;
    left: 8px;
    top: 0;
  }
  .gc-faq .gc-faq-empty {
    margin-top: 48px;
    font-size: 18px;
    line-height: 1.4;
    color: var(--gc-sub);
  }

  /* ---------- Tablet / mobile: menu becomes a sticky pill bar ---------- */
   @media (max-width: 899px) {
    .gc-faq { display: block; }
    .gc-faq .gc-faq-nav {
        display: none;
     /* display: flex;*/
      gap: 4px;
      margin-bottom: 16px;
      padding: 8px;
      border-radius: 16px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .gc-faq .gc-faq-nav::-webkit-scrollbar { display: none; }
    .gc-faq .gc-faq-nav a {
      flex: none;
      padding: 10px 16px;
      font-size: 16px;
      white-space: nowrap;
    }
    .gc-faq .gc-faq-section {
      margin-top: 48px;
      scroll-margin-top: calc(var(--gc-faq-top) + 76px);
      margin-bottom: 0 !important;
    }
    .gc-faq .gc-faq-item { scroll-margin-top: calc(var(--gc-faq-top) + 76px); }
    .gc-faq .gc-faq-title {
      margin-bottom: 40px; 
    }
  }
  @media (max-width: 599px) {
    .gc-faq .gc-faq-search input {
      height: 56px;
      padding-left: 52px;
      border-radius: 28px;
    }
    .gc-faq .gc-faq-search svg { left: 18px; }  
    .gc-faq .gc-faq-q {
      min-height: 64px;
      padding: 24px 40px 24px 0;
    }
 
  }
  /* ===================== [END] - FAQ ===================== */

  /* ===================== [START] - ERC Tasks Hero ===================== */
  .flex-box-section-full.tasks-hero-section:before {
    background: url(https://static.oci.rainfocus.com/googlecloud/next27/static/staticfile/staticfile/erc-hero-home-graphic_1792985932446001cPb5.png) no-repeat top right;
    background-size: contain;
    max-width: 816px;
    height: 110%;
    width: 100%;
    top: 0;
    left: calc(37% + 196px);
    right: auto;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
  }
  @media (min-width: 1600px) {
    .flex-box-section-full.tasks-hero-section:before { left: calc(46% + 196px); }
  }
  @media (max-width: 1200px) {
    .flex-box-section-full.tasks-hero-section:before {
    left: calc(42% + 196px);
}
}
  @media (max-width: 991.98px) {
    .flex-box-section-full.tasks-hero-section:before {
      left: 0;
      right: 0;
      bottom: 0;
      top: calc(100% - 165px);
    }
    .flex-box-section-full.tasks-hero-section { padding: 64px 0 184px !important; }
  }
  /* ===================== [END] - ERC Tasks Hero ===================== */

  /* ===================== [START] - RF Card ===================== */
  .rf-card {
    --rf-brand-color-border: var(--Grey-900, #2f3034);
    --rf-brand-shape-radius: 16px;
    --rf-brand-color-surface-2: #212226;
  }
  .rf-card .card-header {
    --rf-brand-color-surface: var(--Grey-900, #2f3034);
    padding: 19.5px 16px;
  }
  .rf-card .card-header .card-header-title {
    color: var(--White, #fff);
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: -0.48px !important;
  }
  .rf-card .rf-card-list-item { padding: 16px; }
  .rf-card .rf-card-list-item .rf-card-list-item-title {
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.18px;
  }
  /* ===================== [END] - RF Card ===================== */

  /* ===================== [START] - Upcoming Important Dates Card ===================== */
  /* Scoped to .upcoming-dates-card. No dependency on .task-list-card or its CSS variables. */

  /* ---------- Date row ---------- */
  .upcoming-dates-card .rf-date-item {
    display: flex;
    align-items: center;
  }
  .rf-card.upcoming-dates-card .card-body { height: 100%; }
  .upcoming-dates-card ul.rf-card-list {
    gap: 0;
    padding: 0;
  }

  /* ---------- Date ---------- */
  .upcoming-dates-card .rf-date-item-date {
    flex: none;
    width: 136px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; /* 18px */
    letter-spacing: -0.18px;
    color: #ffffff;
  }

  /* ---------- Description ---------- */
  .upcoming-dates-card .rf-date-item-text {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%; /* 18px */
    letter-spacing: -0.18px;
    overflow-wrap: anywhere;
  }

  /* ---------- Small screens: date stacks above text ---------- */
  @media (max-width: 480px) {
    .upcoming-dates-card .rf-date-item {
      flex-direction: column;
      align-items: flex-start;
    }
    .upcoming-dates-card .rf-date-item-date,
    .upcoming-dates-card .rf-date-item-text {
      width: auto;
      font-size: 16px;
    }
  }
  /* ===================== [END] - Upcoming Important Dates Card ===================== */

  /* ===================== [START] - Access Resources ===================== */
  .access-resources-section h4,
  .access-resources-section h5 {
    margin-bottom: 20px !important;
  }
  .access-resources-section p {
  }
  .access-resources-section ul {
    padding-left: 15px;
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .access-resources-section .keep-bullets :is(ol, ul) li { list-style-position: outside; }
  /* ===================== [END] - Access Resources ===================== */

  /* ===================== [START] - ERC Task List Page ===================== */
  .rf-body[class*="erc27-task"] .rf-workflow .rf-workflow-body-content > .rf-workflow-header { display: none; }
  div#tasks-list-container .rfwf-full-panel.rfwf-header {
    padding: 56.5px 0;
    background: url(https://static.oci.rainfocus.com/googlecloud/next27/static/staticfile/staticfile/erc-hero-tasks-graphic_1792985932166001cFky.png) no-repeat center;
    background-size: cover;
    border-bottom: 1px solid var(--Grey-900, #2f3034);
  }
  div#tasks-list-container h1 {
    font-size: 48px !important;
    line-height: 100% !important;
    letter-spacing: -0.96px !important;
    margin: 0 !important;
  }
  .mark-complete-box .mdBtnR-outline-primary,
  div#tasks-list-container button.mdBtnR.mdBtnR-outline-primary {
    background: linear-gradient(270deg, #3186ff 0%, #346bf0 44%, #4ea0ff 100%);
    --rf-comp-button-secondary-color-on-background: #ffffff;
    --rf-comp-button-secondary-hover-color-on-background: #fff;
    border-color: transparent;
    transition: filter 0.2s ease;
  }
  .mark-complete-box .mdBtnR-outline-primary:hover,
  div#tasks-list-container button.mdBtnR.mdBtnR-outline-primary:hover {
    background: linear-gradient(270deg, #3186ff 0%, #346bf0 44%, #4ea0ff 100%);
    --rf-comp-button-secondary-color-on-background: #ffffff;
    --rf-comp-button-secondary-hover-color-on-background: #fff;
    border-color: transparent;
    filter: brightness(1.1);
  }
  .md-frame.md-frame-primary.rf-tasks-list {
    box-shadow: none !important;
    border: 1px solid var(--rf-brand-color-border);
  }
  .md-frame.md-frame-primary .md-frame-header {
    --rf-brand-color-primary: var(--Grey-1000, #212226);
    --rf-brand-color-border: var(--Grey-1000, #212226);
    padding: 24px 16px;
  }
  .rfSI.rfSI-primary svg { --rf-brand-color-primary: #fff; }
  .md-frame.md-frame-primary .task-resources h5,
  .md-frame.md-frame-primary .md-frame-header h2 {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    letter-spacing: -0.48px !important;
  }
  .md-frame.md-frame-primary .task-resources .task-listing-details h5,
  #tasks-list-container .rf-task-listing .task-listing-content h3 {
    font-family: "Google Sans Flex" !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    letter-spacing: -0.2px !important;
  }
  #tasks-list-container .rf-task-listing { padding: 0 16px; }
  .rf-task-listing.rf-task-resource.rf-flex-frame { padding: 24px 16px !important; }
  #tasks-list-container .rf-task-listing:hover { background-color: var(--Grey-900, #2f3034); }
  #tasks-list-container .rf-task-listing .task-listing-content .task-group-name {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-top: 10px;
  }
  #tasks-list-container .rf-task-listing-wrapper {
    border-top: 1px solid var(--rf-brand-color-border) !important;
    padding: 24px 0;
  }
  /* ===================== [END] - ERC Task List Page ===================== */

  /* ===================== [START] - ERC Task Detail Page ===================== */
  .rfwf-full-panel.task-forms-page { padding: 80px 0; }
  .rfwf-full-panel.task-forms-page h1 {
    font-size: 48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: -0.96px !important;
  }
  .workflow-footer-buttons .mark-complete-box { border: none; }
  /* ===================== [END] - ERC Task Detail Page ===================== */

  /* ===================== [START] - Checkbox ===================== */
  .rf-checkbox .checkbox-bg {
    --rf-comp-checkbox-color: #fff;
    --rf-brand-color-surface: transparent;
    --rf-brand-color-status-success: #fff;
    --rf-comp-checkbox-color-checked: #fff;
  }
  .rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected, .simple-overlay-list) li .rf-checkbox-icon svg {
    --rf-brand-color-on-primary: var(--rf-brand-color-surface);
  }
  .rf-checkbox svg { --rf-brand-color-surface: transparent; }
  .rf-checkbox input[type="checkbox"]:checked + .checkbox-bg + .rf-checkbox-icon svg,
  .rf-checkbox input[type="checkbox"]:indeterminate + .checkbox-bg + .rf-checkbox-icon svg {
    --rf-brand-color-surface: var(--Grey-1200, #121317);
  }
  /* ===================== [END] - Checkbox ===================== */

  /* ===================== [START] - Modals ===================== */
  .rf-default-modal .modal-header .modal-title,
  .rf-default-modal .modal-header h4,
  .rf-default-modal .modal-header h3,
  .modal .modal-header .modal-title,
  .modal .modal-header h4,
  .modal .modal-header h3 {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    letter-spacing: -0.48px !important;
  }
  #eModal h4 { font-size: 30px !important; }
  /* ===================== [END] - Modals ===================== */

  /* ===================== [START] - Exhibitor Page ===================== */
  .upload-file-form-container .rfSI svg,
  .upload-file-form-container .rfSI svg:hover,
  .upload-file-form-container .rfSI svg:active,
  .upload-file-form-container .rfSI svg:focus,
  .exhibitor-page .rfSI svg:hover,
  .exhibitor-page .rfSI svg:active,
  .exhibitor-page .rfSI svg:focus,
  .exhibitor-page .rfSI svg {
    --rf-brand-color-primary: #fff;
    --rf-brand-color-primary-hover: #d0cfcf;
  }
  .exhibitor-page #participantPage h4 { font-size: 20px !important; }
  @media (min-width: 600px) {
    .exhibitor-page #participantPage h4 { font-size: 27px !important; }
  }
  /* ===================== [END] - Exhibitor Page ===================== */

  /* ===================== [START] - ERC Tasks Modal Links & Pill ===================== */
  .googlecloud-nextvegas27-erc27-tasks .modal .modal-body ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .googlecloud-nextvegas27-erc27-tasks .modal .modal-body ul li a {
    padding: 8px 16px;
    background: var(--glue-grey-900);
    border-radius: 28px;
    border: 1px solid var(--glue-grey-800);
    display: inline-block;
    text-decoration: none;
  }
  .erc-coming-soon-pill .rf-pill {
    --rf-system-color-neutral-30: #bbe2ff;
    --rf-system-color-neutral-100: #192967;
  }

.rf-pill.rf-pill-red {
--rf-brand-color-status-error: var(--Red-700, #DE2D29) !important;
}
  /* ===================== [END] - ERC Tasks Modal Links & Pill ===================== */

  /* ===================== [START] - Resources Page Card ===================== */

  .resources-card-section .flex-box-section { gap: 24px; }
  .resources-card-section .element-container-wrapper { gap: 24px 0; }
  .resource-card {
    --rc-bg: var(--Grey-1000, #212226);
    --rc-text: #ffffff;
    --rc-accent: #3186ff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 216px;
    margin: 0;
    padding: 34px 24px 40px;
    border-radius: 16px;
    background: var(--rc-bg);
    color: var(--rc-text);
  }
  .resource-card *,
  .resource-card *::before,
  .resource-card *::after {
    box-sizing: border-box;
  }

  /* ---------- Title ---------- */
  .resource-card .resource-card-title {
    margin: 0;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    letter-spacing: -0.48px !important;
    color: var(--rc-text);
  }

  /* ---------- Description ---------- */
  .resource-card .resource-card-text {
    margin: 12px 0 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--rc-text);
  }

  /* ---------- Link: text + arrow, blue underline ---------- */
  .resource-card .resource-card-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 12px;
    margin-top: auto;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--rc-accent);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
    color: var(--rc-text);
    transition:
      border-color 0.2s ease,
      color 0.2s ease;
  }
  .resource-card .resource-card-link svg {
    flex: none;
    width: 20px;
    height: 20px;
    fill: currentColor;
    transition: transform 0.2s ease;
  }
  .resource-card .resource-card-link:hover,
  .resource-card .resource-card-link:focus-visible {
    text-decoration: none;
    color: var(--rc-text);
    border-bottom-color: var(--rc-text);
  }
  .resource-card .resource-card-link:hover svg,
  .resource-card .resource-card-link:focus-visible svg {
    transform: translate(2px, -2px);
  }
  .resource-card .resource-card-link:focus-visible {
    outline: 2px solid var(--rc-text);
    outline-offset: 4px;
  }

  /* ---------- Small screens ---------- */
  @media (max-width: 480px) {
    .resource-card {
      max-width: none;
      min-height: 0;
      padding: 24px 20px 28px;
    }
    .resource-card .resource-card-title { font-size: 22px; }
    .resource-card .resource-card-text { margin-bottom: 20px; }
    .get-updates-hero {
      width: 100%;
    }
  }

  /* ---------- Coming Soon state ---------- */
  .resource-card.resource-card--coming-soon {
    --rc-muted-title: #9aa0a6;
    --rc-muted-text: #9aa0a6;
    --rc-badge-bg: #bbe2ff;
    --rc-badge-text: #192967;
    cursor: default;
  }
  .resource-card--coming-soon .resource-card-title { color: var(--rc-muted-title) !important; }
  .resource-card--coming-soon .resource-card-text {
    color: var(--rc-muted-text);
    margin-bottom: 16px;
  }
  /* Badge (replaces the link) */
  .resource-card--coming-soon .resource-card-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 4px;
    margin-top: auto;
    padding: 4px 10px 4px 6px;
    border-radius: 999px;
    background: var(--rc-badge-bg);
    color: var(--rc-badge-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
  }
  .resource-card--coming-soon .resource-card-badge svg {
    flex: none;
    width: 16px;
    height: 16px;
    fill: currentColor;
  }
  /* ===================== [END] - Resources Page Card ===================== */

   /* ===================== [START] - Important Dates Table ===================== */
  /* Each date lives in its own RainFocus section so visibility conditions can be set per row
     (RainFocus only allows visibility conditions on a whole section, not on elements inside one).
     Pieces, in order on the page:
       1. Header   -> .dates-detail-head   (always visible)
       2. One row per date -> .dates-detail-row (visibility condition set per section)
       3. Footer cap -> .dates-detail-foot (always visible, empty div)
     The :has() rules below strip the RainFocus section/wrapper padding and margin around each
     piece so the separate sections render as one seamless table. */

  /* ---------- Collapse RainFocus section wrappers (vertical only) ---------- */
  .flex-box-section-full:has(> .flex-box-section-full-interior .dates-detail-head),
  .flex-box-section-full:has(> .flex-box-section-full-interior .dates-detail-row),
  .flex-box-section-full:has(> .flex-box-section-full-interior .dates-detail-foot) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ---------- Restore breathing room above header / below footer only ---------- */
  .flex-box-section-full:has(> .flex-box-section-full-interior .dates-detail-head) { padding-top: 40px !important; }
  .flex-box-section-full:has(> .flex-box-section-full-interior .dates-detail-foot) { padding-bottom: 40px !important; }
  .flex-box-section-full:has(.dates-detail-head) .flex-box-section-full-interior,
  .flex-box-section-full:has(.dates-detail-row) .flex-box-section-full-interior,
  .flex-box-section-full:has(.dates-detail-foot) .flex-box-section-full-interior,
  .flex-box-section-full:has(.dates-detail-head) .flex-box-section,
  .flex-box-section-full:has(.dates-detail-row) .flex-box-section,
  .flex-box-section-full:has(.dates-detail-foot) .flex-box-section,
  .flex-box-section-full:has(.dates-detail-head) .flex-box-child,
  .flex-box-section-full:has(.dates-detail-row) .flex-box-child,
  .flex-box-section-full:has(.dates-detail-foot) .flex-box-child,
  .flex-box-section-full:has(.dates-detail-head) .element-container-wrapper,
  .flex-box-section-full:has(.dates-detail-row) .element-container-wrapper,
  .flex-box-section-full:has(.dates-detail-foot) .element-container-wrapper,
  .flex-box-section-full:has(.dates-detail-head) .element-container,
  .flex-box-section-full:has(.dates-detail-row) .element-container,
  .flex-box-section-full:has(.dates-detail-foot) .element-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* ---------- Shared variables ---------- */
  .dates-detail-head,
  .dates-detail-row,
  .dates-detail-foot {
    --dd-line: #2f3034;
    --dd-head: #2f3034;
    --dd-text: #ffffff;
    box-sizing: border-box;
  }
  .dates-detail-head *,
  .dates-detail-row * {
    box-sizing: border-box;
  }

  /* ---------- Header ---------- */
  .dates-detail-head {
    display: flex;
    border: 1px solid var(--dd-line);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: var(--dd-head);
    overflow: hidden;
  }
  .dates-detail-th {
    padding: 0 16px;
    height: 64px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--dd-text);
  }
  .dates-detail-th--date {
    flex: 0 0 15.75%;
    min-width: 150px;
  }
  .dates-detail-th:not(.dates-detail-th--date) { flex: 1 1 auto; }

  /* ---------- Row ---------- */
  .dates-detail-row {
    display: flex;
    border-left: 1px solid var(--dd-line);
    border-right: 1px solid var(--dd-line);
    border-top: 1px solid var(--dd-line);
    background: transparent;
  }
  .dates-detail-date,
  .dates-detail-text {
    padding: 12px 16px;
    min-height: 56px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.3;
    color: var(--dd-text);
  }
  .dates-detail-date {
    flex: 0 0 15.75%;
    min-width: 150px;
    font-weight: 600;
    white-space: nowrap;
  }
  .dates-detail-text {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 400;
    overflow-wrap: anywhere;
  }

  /* ---------- Footer cap ---------- */
  .dates-detail-foot {
    height: 16px;
    border-left: 1px solid var(--dd-line);
    border-right: 1px solid var(--dd-line);
    border-bottom: 1px solid var(--dd-line);
    border-radius: 0 0 16px 16px;
  }

  /* ---------- Phones: stack date above description ---------- */
  @media (max-width: 640px) {
    .dates-detail-th {
      font-size: 16px;
      height: 48px;
    }
    .dates-detail-row {
      flex-direction: column;
      align-items: flex-start;
      padding: 16px;
    }
    .dates-detail-date,
    .dates-detail-text {
      width: 100%;
      min-width: 0;
      padding: 0;
      min-height: 0;
      font-size: 16px;
    }
    .dates-detail-date { margin-bottom: 4px; }
  }
  /* ===================== [END] - Important Dates Table ===================== */

  /* ===================== [START] - Upcoming Dates Card Links ===================== */
  .upcoming-dates-card a.rf-card-list-link {
    display: flex; /* keep only if the div version was flex */
    align-items: center;
    color: inherit;
    text-decoration: none;
  }
  .upcoming-dates-card a.rf-card-list-link:visited { color: inherit; }
  .upcoming-dates-card a.rf-card-list-link:hover .rf-card-list-item-title { text-decoration: underline; }
  .upcoming-dates-card a.rf-card-list-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
  }
  /* ===================== [END] - Upcoming Dates Card Links ===================== */

 /* ============ [START] Terms of Service copy block ============
   Scoped to .tos-copy (each T&C section) and .tos-title (page title).
   Prefixed with #rf-content so RainFocus/Bootstrap styles can't override it.
   Matches Figma node 3179:2163 "Desktop: Terms of Service".
==================================================================== */

/* ---------- Page title ---------- */
#rf-content h3.tos-title {
  max-width: 840px;
  margin: 0 auto 64px !important;
  padding: 0;
  font-family: var(--title-font) !important;
  font-size: 60px !important;
  font-weight: 500 !important;
  line-height: 100% !important;
  letter-spacing: -1.2px !important;
  text-align: center;
  color: #ffffff !important;
}

/* ---------- Section wrapper ---------- */
#rf-content .tos-copy {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 64px !important;  
  font-size: 18px !important;
  font-weight: 400; 
  line-height: 160% !important;
  letter-spacing: normal; 
}

/* ---------- Section heading (Ticket, Check-in, etc.) ---------- */
#rf-content .tos-copy h5 {
  margin: 0 0 40px !important;
  padding: 0;
  font-family: var(--title-font) !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  letter-spacing: -0.36px !important;
  text-transform: none; 
}

/* ---------- Bullet list ---------- */
#rf-content .tos-copy ul {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  list-style: disc outside !important;
  margin: 0 !important;
  padding: 0 0 0 27px !important;
}
#rf-content .tos-copy ul ul {
  margin-top: 8px !important;
}
#rf-content .tos-copy li {
  display: list-item !important;
  list-style: disc outside !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 160% !important; 
}
 
#rf-content .tos-copy li::before {
  content: none !important; /* kill any custom bullets RainFocus adds */
}
#rf-content .tos-copy strong {
  color: inherit;
}

 

/* ---------- Smaller screens (not in the Figma; my assumption) ---------- */
@media (max-width: 600px) {
  #rf-content h3.tos-title {
    font-size: 40px !important;
    letter-spacing: -0.8px !important;
    margin-bottom: 48px !important;
  }
  #rf-content .tos-copy {
    padding-bottom: 48px !important;
    font-size: 16px !important;
  }
  #rf-content .tos-copy h5 {
    font-size: 28px !important;
    margin-bottom: 24px !important;
  }
  #rf-content .tos-copy li {
    font-size: 16px !important;
  }
}
/* ============ [END] Terms of Service copy block ============ */

  /* ===================== [START] - Resources Page Grid ===================== */
  /* 3-up equal-height card grid. Scoped with :has(> .resource_item) so it only affects
     pages that contain .resource_item sections. Nothing else is touched. */

  /* 1. Grid on the page wrapper */
  .page-builder-display-reset:has(> .resource_item) {
    --g: 24px; /* side gutter */
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 434.67px)); /* 3 x 434.67 + 2 x 24 = 1352 */
    justify-content: center;
    align-items: stretch; /* equal height per row */
    gap: 24px;
    padding-inline: var(--g);
    padding-bottom: 24px;
    overflow-x: clip;
  }
  @media (min-width: 600px) {
    .page-builder-display-reset:has(> .resource_item) { --g: 32px; }
  }
  @media (min-width: 1440px) {
    .page-builder-display-reset:has(> .resource_item) { --g: 80px; }
  }
  /* 2. Hero (anything that isn't a card): full row, full-bleed */
  .page-builder-display-reset:has(> .resource_item) > .flex-box-section-full:not(.resource_item) {
    grid-column: 1 / -1;
    margin-inline: calc(50% - 50vw);
    border-bottom: 1px solid var(--Grey-900, #2f3034);
  }
  /* 3. Each card section: remove page-width constraints, the grid cell controls width */
  .page-builder-display-reset:has(> .resource_item) > .resource_item {
    margin: 0;
    padding: 0 !important;
    min-width: 0;
  }
  .page-builder-display-reset:has(> .resource_item) > .resource_item > .flex-box-section-full-interior {
    max-width: none !important;
    padding: 0 !important;
    min-height: 0;
  }
  /* 4. Equal heights: pass the stretched height down through every wrapper */
  .page-builder-display-reset:has(> .resource_item) > .resource_item {
    display: flex;
    flex-direction: column;
  }
  .page-builder-display-reset:has(> .resource_item)
    > .resource_item
    :is(
      .flex-box-section-full-interior,
      .flex-box-section,
      .flex-box-child,
      .element-container-wrapper,
      .element-container,
      .element-container > div
    ) {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  .page-builder-display-reset:has(> .resource_item) .resource-card { flex: 1 1 auto; }
  /* 5. Tablet: 2 per row */
  @media (max-width: 991.98px) {
    .page-builder-display-reset:has(> .resource_item) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  /* 6. Mobile: 1 per row */
  @media (max-width: 600px) {
    .page-builder-display-reset:has(> .resource_item) { grid-template-columns: minmax(0, 1fr); }
  }
  /* ===================== [END] - Resources Page Grid ===================== */

  /* ===================== [START] - Stay In The Loop Modal ===================== */
  #stay-in-loop-modal {
    --sil-grey-1200: #121317;
    --sil-grey-1000: #212226;
    --sil-grey-50: #e6eaf0;
    --sil-placeholder: #9aa0a6;
    --sil-gradient: linear-gradient(90deg, #346bf0 0%, #3186ff 50%, #4ea0ff 100%);
    width: 664px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--sil-grey-1000);
    border-radius: 24px;
    background: var(--sil-grey-1200);
    color: #fff;
    overflow: auto;
    box-sizing: border-box;
  }
  #stay-in-loop-modal::backdrop {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
  }

  /* ---------- Open / close animation ---------- */
  #stay-in-loop-modal[open] { animation: sil-fade-in 0.2s ease-out; }
  @keyframes sil-fade-in {
    from {
      opacity: 0;
      transform: translateY(8px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  /* Graceful close (Bootstrap-like): utilities.js adds .is-closing, waits for
     the animation to end, then calls dialog.close() */
  #stay-in-loop-modal[open]::backdrop { animation: sil-backdrop-in 0.2s ease-out; }
  #stay-in-loop-modal.is-closing {
    animation: sil-fade-out 0.2s ease-in forwards;
    pointer-events: none;
  }
  #stay-in-loop-modal.is-closing::backdrop { animation: sil-backdrop-out 0.2s ease-in forwards; }
  @keyframes sil-fade-out {
    from {
      opacity: 1;
      transform: none;
    }
    to {
      opacity: 0;
      transform: translateY(8px) scale(0.98);
    }
  }
  @keyframes sil-backdrop-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes sil-backdrop-out {
    from { opacity: 1; }
    to { opacity: 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    #stay-in-loop-modal[open],
    #stay-in-loop-modal[open]::backdrop,
    #stay-in-loop-modal.is-closing,
    #stay-in-loop-modal.is-closing::backdrop {
      animation: none;
    }
  }
  #stay-in-loop-modal *,
  #stay-in-loop-modal *::before,
  #stay-in-loop-modal *::after {
    box-sizing: border-box;
  }
  #stay-in-loop-modal .sil-modal__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 24px;
  }

  /* ---------- Close button – 48x48, Grey/1000 ---------- */
  #stay-in-loop-modal .sil-modal__close {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--sil-grey-1000);
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
  }
  #stay-in-loop-modal .sil-modal__close:hover { background: #2d2e33; }
  #stay-in-loop-modal .sil-modal__close svg {
    width: 16px;
    height: 16px;
  }

  /* ---------- Form content – padding 64/88, gap 40 ---------- */
  #stay-in-loop-modal .sil-modal__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 64px 88px;
    margin: 0;
  }
  #stay-in-loop-modal .sil-modal__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
  #stay-in-loop-modal .sil-modal__title {
    margin: 0;
    font-family: "Google Sans Display", "Google Sans", inherit;
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #fff;
  }
  #stay-in-loop-modal .sil-modal__subtitle {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #fff;
  }
  #stay-in-loop-modal .sil-modal__fields {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  /* ---------- Email input – 56px pill, Grey/1000 ---------- */
  #stay-in-loop-modal .sil-modal__input {
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--sil-grey-1000);
    color: #fff;
    font: inherit;
    font-size: 16px;
    letter-spacing: -0.01em;
    outline: none;
    box-shadow: none;
    transition: border-color 0.2s ease;
  }
  #stay-in-loop-modal .sil-modal__input::placeholder {
    color: var(--sil-placeholder);
    opacity: 1;
  }
  #stay-in-loop-modal .sil-modal__input:focus { border-color: #4ea0ff; }

  /* ---------- Validation state – JS adds .has-error/.is-invalid and fills the error text ---------- */
  #stay-in-loop-modal .sil-modal__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #stay-in-loop-modal .sil-modal__input.has-error,
  #stay-in-loop-modal .sil-modal__input.is-invalid {
    border-color: #f28b82 !important;
  }
  #stay-in-loop-modal .sil-modal__error {
    margin: 0;
    padding: 0 24px;
    font-size: 12px;
    line-height: 1.4;
    color: #f28b82;
  }
  #stay-in-loop-modal .sil-modal__error:empty { display: none; }
  /* Error summary, branded per the design callouts (light red panel, Red-900 text, centred):
     - .sil-modal__subtitle.is-error: the sub-header when JS shows the error summary
       (frontend validation failure, or API 400/429/503 copy)
     - .sil-modal__alert: the summary above the fields (401/403, network errors, unknown fields) */
  #stay-in-loop-modal .sil-modal__subtitle.is-error,
  #stay-in-loop-modal .sil-modal__alert {
    width: 100%;
    margin: 0;
    padding: 16px;
    border: 0;
    border-radius: 6px;
    background: var(--glue-red-50, #fce8e6);
    color: var(--Red-900, #990d0e);
    font-family: "Google Sans Flex", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.16px;
    text-align: center;
    /* leading-trim: both + text-edge: cap (spec name: text-box). Trims the line-height gap
       above caps / below the baseline so the 16px padding looks even; ignored where unsupported */
    text-box: trim-both cap alphabetic;
  }
  #stay-in-loop-modal .sil-modal__alert[hidden] { display: none; }

  /* ---------- Checkbox ---------- */
  #stay-in-loop-modal .sil-modal__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    cursor: pointer;
  }
  #stay-in-loop-modal .sil-modal__checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
  }
  #stay-in-loop-modal .sil-modal__checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    inset: 3px;
    border: 2px solid var(--sil-grey-50);
    border-radius: 2px;
  }
  #stay-in-loop-modal .sil-modal__checkbox input[type="checkbox"]:checked::before {
    background: #3186ff;
    border-color: #3186ff;
  }
  #stay-in-loop-modal .sil-modal__checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  #stay-in-loop-modal .sil-modal__checkbox input[type="checkbox"]:focus-visible {
    outline: 2px solid #4ea0ff;
    outline-offset: 1px;
    border-radius: 4px;
  }
  #stay-in-loop-modal .sil-modal__checkbox-label {
    padding-top: 2px;
    font-size: 10px;
    line-height: 1.5;
    color: var(--sil-grey-50);
  }
  #stay-in-loop-modal .sil-modal__checkbox-label a {
    color: var(--sil-grey-50);
    text-decoration: underline;
  }
  /* Disclaimer under the fields (replaces the consent checkbox): same look as the checkbox text */
  #stay-in-loop-modal .sil-modal__disclaimer {
    margin: 0;
    font-size: 10px;
    line-height: 1.5;
    color: var(--sil-grey-50);
  }
  #stay-in-loop-modal .sil-modal__disclaimer a {
    color: var(--sil-grey-50);
    text-decoration: underline;
  }

  /* ---------- Submit – gradient pill, 56px ---------- */
  #stay-in-loop-modal .sil-modal__submit {
    height: 56px;
    padding: 0 32px;
    border: 0;
    border-radius: 999px;
    background: var(--sil-gradient);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.2s ease;
  }
  #stay-in-loop-modal .sil-modal__submit:hover { filter: brightness(1.08); }
  /* JS disables the button while the request is in flight */
  #stay-in-loop-modal .sil-modal__submit:disabled {
    opacity: 0.6;
    cursor: progress;
    filter: none;
  }

  /* ---------- Mobile ---------- */
  @media (max-width: 600px) {
    #stay-in-loop-modal .sil-modal__inner { padding: 16px; }
    #stay-in-loop-modal .sil-modal__form {
      padding: 32px 8px 40px;
      gap: 32px;
    }
    #stay-in-loop-modal .sil-modal__title { font-size: 32px; }
    #stay-in-loop-modal .sil-modal__subtitle br { display: none; }
  }
  /* ===================== [END] - Stay In The Loop Modal ===================== */


@media (min-width: 769px) and (min-height: 760px) {
  .gc-hotels-block .rf-grid-layout-50:has(.gc-map) > .element-container-wrapper {
    position: sticky;
    top: 118px;
  }
}
  



.rf-body .match-card-height .flex-box-section {
  width: 100%;
}
.rf-body .match-card-height .flex-box-section .flex-box-child .element-container,
.rf-body .match-card-height .flex-box-section .flex-box-child .element-container-wrapper {
  height: 100%;
}
.rf-body .match-card-height .rf-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.rf-body .match-card-height .rf-card .card-body {
  height: 100%;
}


.tickets-section .element-container-wrapper img {
  height: 100%;
    border-radius: 16px;
}

/* ===================== [START] - Home Video Toggle ===================== */
.n27-video-toggle {
        position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.75);
    }
    .n27-video-toggle svg path {
        fill: #000;
        
    }
    .n27-video-toggle .n27-icon-play, .n27-video-toggle.is-paused .n27-icon-pause {
        display: none;
    }
    .n27-video-toggle.is-paused .n27-icon-play { 
        display: block; 
        
    }
/* ===================== [START] - Home Video Toggle Tooltip ===================== */
/* Tooltip above .n27-video-toggle, styled like googlebook.google's ambient-video tooltip.
   The span and its text ("play/pause silent looping video") come from homepage.js. */
.n27-video-toggle .n27-video-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 164px;
  min-height: 22px;
  padding: 1px 6px;
  border-radius: 2px;
  background-color: rgba(32, 33, 36, 0.9);
  color: #fff;
  font-family: "Google Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: lowercase;
  white-space: normal;
  visibility: hidden;
  pointer-events: none;
}
.n27-video-toggle:hover .n27-video-tooltip,
.n27-video-toggle:focus-visible .n27-video-tooltip {
  visibility: visible;
}
/* ===================== [END] - Home Video Toggle ===================== */


/* ===================== [START] - Single Page Menu ===================== */
  /* RainFocus gives the catalog widget overflow:auto, which makes it the sticky
     container instead of the page, so the search bar never stuck. */
  #rf-exhibitorcatalog.rf-widget {
    overflow: visible;
  }
  /* Search + category menu stick right below the sticky site header
     (.rf-org-header-container, 94px). sponsors.js reads this bar's height for its
     scroll offset. */
  #rf-exhibitorcatalog .search-container.top-filters .search-bar {
    position: sticky;
    top: 94px;
    transition: top 0.3s ease;
    z-index: 99; 
padding: 0;
border: none;
  }
  .single-page-menu {
    position: relative;
    display: flex;
    flex-direction: row;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    background: var(--Grey-1000, #212226);  
    border-radius: 999px; 
    padding: 4px;
    gap: 8px;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .single-page-menu:has(.search-expanded) {
    overflow: visible;
  }

  /* Remove list defaults */
  .single-page-menu .menu-list {
    list-style: none;
    flex-direction: row;
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
  }

  /* Each tab item */
  .single-page-menu .menu-item {
    border-radius: 999px;
  }

  /* Links */
  .single-page-menu .menu-link {
    display: block;
    padding: 12px 24px;
    border-radius: 999px;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    white-space: nowrap;
    color: var(--Grey-50, #E6EAF0); /* inactive */
    transition: all 0.3s ease;
    box-shadow: none !important;
    outline: none !important;
  }
  .single-page-menu .menu-link:focus {
    background: transparent !important;
  }
  /* Active state */
  .single-page-menu .menu-item .menu-link.is-active {
    background: #ffffff !important;
    --rf-comp-link-hover-color: var(--Grey-1000, #212226);
    color: var(--rf-comp-link-hover-color);
}
  @media (min-width: 992px) {
    .single-page-menu {
      max-width: calc(100% - 32px);
    }
    .single-page-menu .menu-link {
      padding: 12px 40px;
    }
    body[class*="sponsors"] .single-page-menu .menu-link {
      padding: 12px 28px;
    }
  }
/* ===================== [END] - Single Page Menu ===================== */

/* ===================== [START] - Sponsors Search Toggle ===================== */
/* Matches the sponsors page search on googlecloudevents.com (staging2026):
   - Closed: the category pill with a round search button at its right end.
   - Open (.search-bar.show-catalog-search, toggled by sponsors.js): a black search
     pill covers the category pill, with the icon on the left and a round close
     button on the right.
   RainFocus renders the menu, the search form and .search-actions (holding our
   toggle button) as siblings, so they're stacked in one grid cell that's as wide as
   the menu. */
  #rf-exhibitorcatalog .search-container.top-filters .top-search-content {
    display: grid;
    grid-template-columns: minmax(0, max-content);
    justify-content: center;
    align-items: center;
  }
  #rf-exhibitorcatalog .top-search-content > .single-page-menu,
  #rf-exhibitorcatalog .top-search-content > .catalog-search,
  #rf-exhibitorcatalog .top-search-content > .search-actions {
    grid-area: 1 / 1;
  }

  /* Category pill: fills the cell and leaves room for the round button */
  #rf-exhibitorcatalog .top-search-content > .single-page-menu {
    width: auto;
    max-width: 100%;
    margin: 0;
    padding-right: 58px;
  }

  /* Round toggle button, on top at the pill's right end (RainFocus hides
     .search-actions on wide screens; its filters button stays hidden) */
  #rf-exhibitorcatalog .top-search-content > .search-actions {
    display: flex;
    justify-self: end;
    align-self: center;
    margin: 0 5px 0 0;
    padding: 0;
    z-index: 2;
  }
  /* !important on the size: RainFocus's .rfSI-xlg icon class forces 32px (and max-height) */
  #rf-exhibitorcatalog .search-container.top-filters .search-bar .search-actions .show-search-filters-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px;
    min-height: 46px;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 1px solid #3c4043;
    border-radius: 99px;
    background: transparent;
    color: #9aa0a6;
  }
#rf-exhibitorcatalog .search-container.top-filters .search-bar .search-actions .show-search-filters-button svg {
    height: 16px;
}
  #rf-exhibitorcatalog .show-search-filters-button svg path {
    fill: currentColor;
  }
  /* Open: the search icon becomes a close (x) icon */
  #rf-exhibitorcatalog .show-catalog-search .show-search-filters-button svg {
    display: none;
  }
  #rf-exhibitorcatalog .show-catalog-search .show-search-filters-button::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  /* Search form: hidden until the toggle opens it */
#rf-exhibitorcatalog .search-container.top-filters .total-results-count,
  #rf-exhibitorcatalog .top-search-content > .catalog-search {
    display: none;
  }
  #rf-exhibitorcatalog .show-catalog-search .top-search-content > .catalog-search {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-self: stretch;
    min-width: 0;
    margin: 4px;
    padding: 0 54px 0 0; /* clear of the close button */
    border-radius: 999px;
    background: #060606;
    z-index: 1;
  }
  #rf-exhibitorcatalog .catalog-search .rf-input {
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
    height: auto;
  }
  /* RainFocus styles the input/submit with more specific selectors and forces their
     height, hence the long prefix and !important on height */
  #rf-exhibitorcatalog .search-container.top-filters .search-bar .catalog-search .rf-input input {
    width: 100%;
    height: 48px !important;
    min-height: 0;
    margin: 0;
    padding: 1px 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #ffffff;
    font-family: "Google Sans", sans-serif;
    font-size: 18px;
    line-height: 28.8px;
  }
  #rf-exhibitorcatalog .catalog-search .rf-input input::placeholder {
    color: #9aa0a6;
    opacity: 1;
  }
  /* RainFocus's blue submit button becomes the grey search icon on the left (still submits) */
  #rf-exhibitorcatalog .search-container.top-filters .search-bar .catalog-search .search-submit {
    order: 1;
    position: static;
    flex: 0 0 auto;
    width: auto;
    height: 48px !important;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0 8px 0 16px;
    border: 0;
    border-radius: 999px 0 0 999px;
    background: transparent !important;
    box-shadow: none;
  }
  #rf-exhibitorcatalog .catalog-search .search-submit svg {
    width: 24px;
    height: 24px;
    fill: #9aa0a6;
  }

#rf-catalog .search-container .search-content .search-results h3:not(.speaker-full-name), #rf-exhibitorcatalog .search-container .search-content .search-results h3:not(.speaker-full-name), #rf-speakercatalog .search-container .search-content .search-results h3:not(.speaker-full-name) {
    --rf-brand-color-border: var(--glue-grey-900);
    font-size: 24px !important;
    background: var(--glue-grey-900);
    font-weight: 400 !important;
}
/* ===================== [END] - Sponsors Search Toggle ===================== */






.googlecloud-next27-erc27-task .wf-form-element-div .rf-radio-container .radio>label>input:checked::before {

    background: var(--rf-comp-radio-color);
}
#rf-catalog .search-container.top-filters .top-search-content, #rf-exhibitorcatalog .search-container.top-filters .top-search-content, #rf-speakercatalog .search-container.top-filters .top-search-content,
#rf-catalog .search-container .total-results-count, #rf-exhibitorcatalog .search-container .total-results-count, #rf-speakercatalog .search-container .total-results-count,
#rf-catalog .search-container.top-filters .search-content, #rf-exhibitorcatalog .search-container.top-filters .search-content, #rf-speakercatalog .search-container.top-filters .search-content { 
    max-width: 100%;
    padding:0 !important;
}

#rf-exhibitorcatalog .search-actions .show-filters-button {
    display: none;
}

#rf-exhibitorcatalog .search-container ul.search-results  {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 24px;
}
#rf-exhibitorcatalog .search-container .search-content ul.search-results:has([data-test="exhibitor-no-result"]) {
 grid-template-columns: repeat(1, 1fr) !important;
}

@media (min-width: 768px) {
 #rf-exhibitorcatalog .search-container ul.search-results {
        grid-template-columns: repeat(4, 1fr);
    }

#rf-exhibitorcatalog .search-container ul.search-results.sponsor-level-luminary,
#rf-exhibitorcatalog .search-container ul.search-results.sponsor-level-marquee {
 grid-template-columns: repeat(2, 1fr);
}
#rf-exhibitorcatalog .search-container ul.search-results.sponsor-level-premier {
  grid-template-columns: repeat(3, 1fr);
}
/*#rf-exhibitorcatalog .search-container ul.search-results.sponsor-level-velocity,
#rf-exhibitorcatalog .search-container ul.search-results.sponsor-level-foundation {
  grid-template-columns: repeat(4, 1fr);
}*/

 #rf-exhibitorcatalog .search-container ul.search-results.sponsor-level-security-hub {
  grid-template-columns: repeat(6, 1fr);
}
}

  #rf-exhibitorcatalog .search-container .search-content .section-title {
    margin: 80px 0 60px; 
    font-size: 64px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: -1.92px !important;
}

#rf-exhibitorcatalog.rf-widget .catalog-result {
    padding: 0 !important;
    width: 100%;
    border: none;
    background: transparent;
border-radius: 0;
margin: 0;
}
#rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-content { 
    flex-direction: column !important; 
}

#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-logo {
        max-width: 100%;
    width: 100%;
        margin: 0;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
   border-radius: 24px;
border: 1px solid var(--Grey-800, #45474D);
background: var(--Grey-1100, #18191D);
    aspect-ratio: 16 / 9;
    padding: 30px;
    display: flex;
    align-items: center;
}
#rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-content:before {
    content: '';
    background: url(https://static.gcp.rainfocus.com/googlecloud/next27/static/staticfile/staticfile/sponsor-placeholder_1793228012757001Sb8X.svg) no-repeat center;
    background-size: 60% auto;
    display: block;
    width: 100%; 
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
   border-radius: 24px;
border: 1px solid var(--Grey-800, #45474D);
background-color: var(--Grey-1100, #18191D);
    aspect-ratio: 16 / 9;
    padding: 30px;
}
#rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-content:has(.exhibitor-logo):before {
   display:none;
}
    #rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-logo img { 
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-height: 100px;
        max-width: 385px;
    }
    #rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name {
        margin: 24px 0 0;
        color: #FFF !important;
        font-family: "Google Sans Display";
        font-size: 24px;
        font-weight: 400;
        line-height: 120%;
        text-decoration: none !important;
width: 100%;
    }
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url {
        margin: 16px 0 0;
    width: 100%;
}
/* Link wrapper: text + icon on one line, with the blue underline */
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a {
  font-size: 0px;                 /* hides the original URL text */
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;                      /* space between text and icon */
  height: 36px;
  color: #FFFFFF;
  border-bottom: 1px solid #3186FF;
}

/* "View website" text */
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a:before {
  content: 'View website';
  font-size: 16px;
  line-height: 24px;
  border-radius: 0;
  display: block;
}

/* Arrow icon (same path as your SVG, coloured with currentColor) */
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a:after {
  content: '';
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.24521 14.7035L4.375 13.8333L12.5754 5.625H5.12021V4.375H14.7035V13.9583H13.4535V6.50313L5.24521 14.7035Z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.24521 14.7035L4.375 13.8333L12.5754 5.625H5.12021V4.375H14.7035V13.9583H13.4535V6.50313L5.24521 14.7035Z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  transition: transform 0.2s ease;
}

/* Hover / keyboard focus: icon moves up and right */
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a:hover:after,
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a:focus-visible:after {
  transform: translate(3px, -3px);
}

#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a:focus-visible {
  outline: 2px solid #3186FF;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  #rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url a:after {
    transition: none;
  }
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-text {
    display: none;
}