@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600&display=swap');

/* ===== Coralogix Partner Hub — Theme Builder CSS (paste ALL, replace existing) ===== */

/* ---------- Fonts ---------- */
html body, html body p, html body li, html body a, html body span,
html body label, html body input, html body textarea, html body select, html body td {
  font-family: 'Inter', sans-serif !important;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #FCFCFC !important;
}

/* ---------- Type sizes (generic) ---------- */
html body h2, html body .h2 { font-size: 22px !important; line-height: 1.25 !important; }
html body h3, html body .h3, html body h4, html body .h4 { font-size: 14px !important; line-height: 1.35 !important; }
html body p { font-size: 14px !important; line-height: 1.55 !important; }

/* ---------- Links ---------- */
html body a { color: #BABCB8; }
html body a:hover { color: #17E891; }

/* ---------- Header ---------- */
/* Top utility bar (search / apps / avatar) — keep Magentrix grey */
html body .site-page-top-row {
  background: #5A6566 !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body header .content-width,
html body .site-page-top-row .content-width {
  max-width: 1560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

html body .navbar,
html body .site-nav,
html body .main-nav {
  background: #0E0F10 !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  min-height: 64px !important;
  border-radius: 0 !important;
}
html body .navbar-nav > li > a,
html body .site-nav a,
html body .main-nav a {
  color: #BABCB8 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  padding: 22px 16px !important;
  background: transparent !important;
  text-decoration: none !important;
}
html body .navbar-nav > li > a:hover,
html body .navbar-nav > li > a:focus,
html body .site-nav a:hover,
html body .main-nav a:hover { color: #FCFCFC !important; background: transparent !important; }
html body .navbar-nav > .active > a,
html body .navbar-nav > .active > a:hover,
html body .navbar-nav > .active > a:focus,
html body .navbar-nav > .open > a,
html body .site-nav a.active {
  color: #FCFCFC !important;
  background: transparent !important;
  box-shadow: inset 0 -2px 0 #13E989 !important;
  border-radius: 0 !important;
}
html body .navbar-nav .caret { border-top-color: currentColor !important; margin-left: 6px !important; }

html body .navbar .dropdown-menu,
html body header .dropdown-menu {
  background: #191A1B !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14), 0 12px 32px rgba(0,0,0,0.5) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  margin-top: 0 !important;
  min-width: 240px !important;
}
html body .navbar .dropdown-menu > li > a,
html body header .dropdown-menu > li > a {
  color: #BABCB8 !important;
  font-size: 14px !important;
  padding: 9px 16px !important;
  background: transparent !important;
}
html body .navbar .dropdown-menu > li > a:hover,
html body .navbar .dropdown-menu > li > a:focus,
html body header .dropdown-menu > li > a:hover { background: rgba(255,255,255,0.05) !important; color: #FCFCFC !important; }
html body .navbar .dropdown-menu > .active > a,
html body header .dropdown-menu > .active > a { color: #13E989 !important; background: rgba(19,233,137,0.10) !important; }
html body .navbar .dropdown-menu .divider { background: rgba(255,255,255,0.07) !important; }

html body .navbar-toggle { border: 0 !important; background: rgba(255,255,255,0.05) !important; border-radius: 8px !important; }
html body .navbar-toggle .icon-bar { background: #FCFCFC !important; }
html body .navbar-collapse { border-color: rgba(255,255,255,0.07) !important; box-shadow: none !important; }

/* ---------- Buttons ---------- */
html body .btn,
html body a.btn,
html body button.btn,
html body input[type="submit"],
html body input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  line-height: 1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #00CC7E !important;
  background-image: none !important;
  color: #0B0B0B !important;
  box-shadow: none !important;
  text-shadow: none !important;
  vertical-align: middle !important;
  transition: background 120ms cubic-bezier(0.22,0.61,0.36,1), box-shadow 120ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
html body .btn *,
html body a.btn * {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: inherit !important;
  margin: 0 !important;
}
html body .btn:hover,
html body .btn:focus,
html body input[type="submit"]:hover {
  background: linear-gradient(230.661deg, #1AFD8B, #1CF898, #0DF68D, #24EE8D, #0CEF91) !important;
  box-shadow: 0 2px 17px rgba(68,225,129,0.8) !important;
  color: #0B0B0B !important;
}
html body .btn:active {
  background: linear-gradient(230.661deg, #00BF6B, #05B873, #00B266, #0AAD69, #00B86E) !important;
  box-shadow: 0 0 0 5px rgba(0,166,115,0.85) !important;
}

/* Secondary buttons ("View active deals", "All Events") */
html body .btn-default,
html body .btn-secondary,
html body .btn + .btn {
  background: rgba(255,255,255,0.03) !important;
  color: #FCFCFC !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}
html body .btn-default:hover,
html body .btn-secondary:hover,
html body .btn + .btn:hover {
  background: rgba(255,255,255,0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.24) !important;
  color: #FCFCFC !important;
}
html body .btn + .btn { margin-left: 12px !important; }

/* =====================================================================
   PAGE SECTIONS — exact Magentrix class names (from the live page DOM)
   ===================================================================== */

/* ---------- Hero (native banner) ---------- */
html body .mag-page-banner-heading {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 40px !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
  letter-spacing: -0.022em !important;
  color: #FCFCFC !important;
  margin: 0 0 12px !important;
}
html body .mag-page-banner-message {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  color: #C6C9C5 !important;
  max-width: 560px !important;
  margin: 0 0 34px !important;
}
html body .mag-banner-container .btns-block { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
html body .mag-banner-container .btns-block .btn { margin: 0 !important; }
html body .mag-banner-container .btns-block .btn + .btn {
  background: transparent !important;
  color: #FCFCFC !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28) !important;
}
html body .mag-banner-container .btns-block .btn + .btn:hover { background: rgba(255,255,255,0.10) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28) !important; }

/* ---------- Widget shells & spacing ---------- */
html body .components-container-mainCol .page-component-container { margin-bottom: 64px !important; }
html body .components-container-sidebarCol .page-component-container { margin-bottom: 40px !important; }

/* Section titles — all 22px, same weight, same gap */
html body .mag-collection-title,
html body .page-component-container .widget-title,
html body .page-component-container .widget-contents > h2,
html body .mag-events-list > h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #FCFCFC !important;
  margin: 0 0 20px !important;
}
html body .mag-collection-header { margin: 0 0 0 !important; padding: 0 !important; }

/* Divider under titles */
html body .page-component-container .horizontalLine {
  height: 1px !important;
  background: rgba(255,255,255,0.07) !important;
  border: 0 !important;
  margin: 0 0 16px !important;
}

/* ---------- Resources (collateral cards) — matches prototype 1:1 ---------- */
html body .mag-collaterals-wrapper .mag-collection-header { margin: 0 0 32px !important; padding: 0 !important; }
html body .mag-collaterals-wrapper .mag-collection-title { margin: 0 !important; font-size: 22px !important; letter-spacing: -0.014em !important; }

html body .asset-placeholder {
  background: #141516 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.07) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  transition: box-shadow 120ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
html body .asset-placeholder:hover { box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; }
html body .asset-placeholder .loading-placeholder { display: none !important; }

/* Thumbnail 16:10 */
html body .asset-div-img {
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
  background: #0E0F10 !important;
  margin: 0 !important;
}
html body .asset-div-img a { display: block !important; width: 100% !important; height: 100% !important; }
html body .asset-div-img img.asset-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Body */
html body .asset-footer {
  padding: 16px 16px 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
html body .asset-footer .asset-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #FCFCFC !important;
  margin: 0 0 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 120ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
html body .asset-placeholder:hover .asset-title { color: #00CC7E !important; }

/* Footer row: rating + link */
html body .asset-footer .asset-actions {
  margin: 8px -16px 0 !important;
  padding: 14px 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: auto !important;
}
html body .asset-actions .mp-stars-container { display: inline-flex !important; align-items: center !important; gap: 6px !important; }
html body .asset-actions .star-orange,
html body .asset-actions .mag-icon-star { color: #FFC737 !important; font-size: 17px !important; padding: 0 !important; }
html body .asset-actions .rating-star-number { font-family: 'Inter', sans-serif !important; font-size: 12px !important; color: #BABCB8 !important; }
html body .asset-actions .actions { display: flex !important; align-items: center !important; gap: 10px !important; }
html body .asset-actions .action,
html body .asset-actions .action i { color: #8C918C !important; font-size: 16px !important; }
html body .asset-actions .action:hover i { color: #00CC7E !important; }

/* Carousel arrows */
html body .mag-collaterals-wrapper .swiper-navigation-container,
html body .swiper-navigation-container {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
  position: static !important;
}
html body .swiper-button-prev,
html body .swiper-button-next {
  position: static !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #26292A !important;
  box-shadow: none !important;
  color: #17E891 !important;
  transform: none !important;
}
html body .swiper-button-prev::after,
html body .swiper-button-next::after { font-size: 13px !important; font-weight: 700 !important; color: #17E891 !important; }
html body .swiper-button-prev:hover,
html body .swiper-button-next:hover { background: #323637 !important; }

/* ---------- Resources: carousel with visible arrows (top-right, next to the title) ---------- */
html body .mag-collaterals-wrapper { position: relative !important; padding: 0 !important; margin: 0 !important; }
html body .collateralSwiper { overflow: hidden !important; padding: 0 !important; margin: 0 !important; }
html body .collateralSwiper .swiper-slide { height: auto !important; display: flex !important; }
html body .collateralSwiper .asset-placeholder { width: 100% !important; max-width: none !important; margin: 0 !important; }
html body .collateralSwiper .asset-footer { padding: 16px 16px 0 !important; }
html body .collateralSwiper .asset-footer .asset-title { padding: 0 !important; border: 0 !important; box-shadow: none !important; margin: 0 0 4px !important; }
html body .collateralSwiper .asset-footer .asset-actions { border: 0 !important; }
html body .mag-collaterals-wrapper .swiper-navigation-container {
  display: flex !important; gap: 8px !important;
  position: absolute !important; top: -4px !important; right: 0 !important; left: auto !important; bottom: auto !important;
  width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important;
  transform: none !important;
}
html body .mag-collaterals-wrapper .swiper-navigation-placeholder { display: none !important; }
html body .mag-collaterals-wrapper .swiper-button-prev,
html body .mag-collaterals-wrapper .swiper-button-next {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  position: static !important; width: 36px !important; height: 36px !important; margin: 0 !important;
  border-radius: 8px !important; background: rgba(255,255,255,0.05) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important; cursor: pointer !important; opacity: 1 !important;
  transition: box-shadow 120ms cubic-bezier(0.22,0.61,0.36,1), background 120ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
html body .mag-collaterals-wrapper .swiper-button-prev::after,
html body .mag-collaterals-wrapper .swiper-button-next::after { font-size: 13px !important; font-weight: 700 !important; color: #17E891 !important; }
html body .mag-collaterals-wrapper .swiper-button-prev:hover,
html body .mag-collaterals-wrapper .swiper-button-next:hover { background: rgba(255,255,255,0.10) !important; box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; }
html body .mag-collaterals-wrapper .swiper-button-disabled { opacity: 0.35 !important; cursor: default !important; }

/* ---------- Resources: card details (type label + icon on thumbnail) ---------- */
html body .asset-placeholder { position: relative !important; }
/* Type label, bottom-left of the thumbnail — e.g. "Document · PDF" */
html body .asset-placeholder::before {
  content: attr(data-asset-type);
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  aspect-ratio: 16 / 10;
  display: flex;
  align-items: flex-end;
  padding: 12px;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #FFFFFF;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.55) 100%);
  border-radius: 10px 10px 0 0;
  pointer-events: none;
  z-index: 2;
}
html body .asset-placeholder[data-asset-origin$=".pdf" i]::before { content: attr(data-asset-type) " · PDF"; }
html body .asset-placeholder[data-asset-origin$=".pptx" i]::before,
html body .asset-placeholder[data-asset-origin$=".ppt" i]::before { content: attr(data-asset-type) " · PPTX"; }
html body .asset-placeholder[data-asset-origin$=".docx" i]::before,
html body .asset-placeholder[data-asset-origin$=".doc" i]::before { content: attr(data-asset-type) " · DOCX"; }
html body .asset-placeholder[data-asset-origin$=".zip" i]::before { content: attr(data-asset-type) " · ZIP"; }
html body .asset-placeholder[data-asset-type="Video"]::before { content: "Video"; }
html body .asset-placeholder[data-asset-type="Link"]::before { content: "Link"; }

/* Icon, top-right of the thumbnail (inline SVG — no icon font needed) */
html body .asset-placeholder::after {
  content: "";
  position: absolute;
  top: 12px; right: 12px;
  width: 32px; height: 32px;
  border-radius: 8px;
  background-color: rgba(0,0,0,0.45);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}
html body .asset-placeholder[data-asset-origin$=".pptx" i]::after,
html body .asset-placeholder[data-asset-origin$=".ppt" i]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M12 17v4M8 21h8'/%3E%3C/svg%3E"); }
html body .asset-placeholder[data-asset-type="Video"]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E"); }
html body .asset-placeholder[data-asset-type="Link"]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.66 0l3-3a4 4 0 0 0-5.66-5.66l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.66 0l-3 3a4 4 0 0 0 5.66 5.66l1-1'/%3E%3C/svg%3E"); }

/* ---------- Resources: fine-tune to match prototype card ---------- */
/* Type label — lighter, no scrim */
html body .asset-placeholder::before {
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 14px 12px !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,0.25) 100%) !important;
  color: rgba(255,255,255,0.92) !important;
}
/* Icon — outline only, no box */
html body .asset-placeholder::after {
  background-color: transparent !important;
  width: 24px !important; height: 24px !important;
  top: 14px !important; right: 14px !important;
  background-size: 22px 22px !important;
  opacity: 0.85 !important;
}
/* Body layout: title → badge → footer */
html body .collateralSwiper .asset-footer { padding: 14px 16px 0 !important; gap: 0 !important; }
html body .collateralSwiper .asset-footer .asset-title {
  order: 1 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  margin: 0 0 8px !important;
}
/* Permission badge (static — same label on every card) */
html body .collateralSwiper .asset-footer::before {
  content: "Approved for customer use";
  order: 2;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 5px;
  background: #4ED389;
  color: #0B0B0B;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 14px;
}
html body .collateralSwiper .asset-footer .asset-actions {
  order: 3 !important;
  margin: auto -16px 0 !important;
  padding: 12px 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
html body .collateralSwiper .asset-actions .mag-icon-star,
html body .collateralSwiper .asset-actions .star-orange { font-size: 14px !important; }
html body .collateralSwiper .asset-actions .rating-star-number { font-size: 12px !important; color: #BABCB8 !important; }
html body .collateralSwiper .asset-actions .action i { font-size: 13px !important; }

/* ---------- News ---------- */
html body .articles .article-flexbox-container {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.06) !important;
}
html body .articles .article-flexbox-container:last-child { box-shadow: none !important; }
html body .articles .article-flex-item:first-child { flex: 0 0 160px !important; max-width: 160px !important; }
html body .blogpost-thumbnail img {
  width: 160px !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}
html body .article-info { flex: 1 1 auto !important; min-width: 0 !important; padding: 2px 0 0 !important; }
html body .blogpost-date, html body .blogpost-date small { font-size: 12px !important; color: #8C918C !important; margin: 0 0 6px !important; }
html body .blogpost-name { margin: 0 !important; max-width: 560px !important; }
html body .blogpost-name a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #FCFCFC !important;
  text-decoration: none !important;
}
html body .blogpost-name a:hover { color: #17E891 !important; }

/* ================= SIDEBAR — matches prototype aside ================= */
html body .components-container-sidebarCol {
  padding-left: 36px !important;
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.08) !important;
  border-left: 0 !important;
}
html body .components-container-sidebarCol .page-component-container { margin-bottom: 64px !important; padding: 0 !important; }
html body .components-container-sidebarCol .widget-contents { margin: 0 !important; padding: 0 !important; }

/* Titles + divider: 22px title, 1px line, 32px gap */
html body .components-container-sidebarCol .widget-title,
html body .components-container-sidebarCol .journey-heading,
html body .components-container-sidebarCol .mag-events-list > h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
  color: #FCFCFC !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}
html body .components-container-sidebarCol .horizontalLine {
  height: 1px !important;
  background: rgba(255,255,255,0.12) !important;
  margin: 0 0 32px !important;
}
/* Events has no divider element — draw one */
html body .components-container-sidebarCol .mag-events-list > h2 {
  padding-bottom: 12px !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.12) !important;
  margin-bottom: 32px !important;
}

/* ---------- Your Partner Team ---------- */
html body .components-container-sidebarCol .text-muted { color: #7C807C !important; font-size: 12px !important; line-height: 1.5 !important; padding: 0 !important; margin: 0 !important; }

/* Key contacts (renders once contacts exist in Magentrix) */
html body .components-container-sidebarCol .keycontacts-container,
html body .components-container-sidebarCol .widget-contents > .flexbox-container { display: flex !important; flex-direction: column !important; gap: 16px !important; }
html body .keycontact-card img,
html body .keycontact-card .img-placeholder,
html body .keycontact-card .mag-icon,
html body .keycontact-card i {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  background: #005943 !important;
  color: #9CFCD2 !important;
  object-fit: cover !important;
  font-size: 20px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
}
html body .keycontact-info { padding-left: 12px !important; }
html body .keycontact-info strong,
html body .keycontact-info b,
html body .keycontact-info .keycontact-name,
html body .keycontact-info > div:first-child { font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #FCFCFC !important; }
html body .keycontact-info .keycontact-title,
html body .keycontact-info small,
html body .keycontact-info > div:nth-child(2) { font-size: 12px !important; color: #8C918C !important; margin-top: 2px !important; }
html body .components-container-sidebarCol a[href^="mailto:"],
html body .components-container-sidebarCol a[href^="tel:"] { font-size: 12px !important; color: #BABCB8 !important; text-decoration: none !important; }
html body .components-container-sidebarCol a[href^="mailto:"]:hover,
html body .components-container-sidebarCol a[href^="tel:"]:hover { color: #00CC7E !important; }

/* Sidebar HTML widget: "Contact your partner team" button */
html body .components-container-sidebarCol .cx-side-btn {
  display: inline-flex !important; align-items: center !important;
  height: 44px !important; padding: 0 24px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.05) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important;
  color: #FCFCFC !important;
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important;
  letter-spacing: 0.02em !important; text-decoration: none !important;
}
html body .components-container-sidebarCol .cx-side-btn:hover { background: rgba(255,255,255,0.12) !important; color: #FCFCFC !important; }

/* ---------- Partner Onboarding ---------- */
html body .journey-heading-div, html body .my-journey-info > .flexbox-container { margin: 0 !important; padding: 0 !important; }
html body .my-journey-description { font-size: 13px !important; color: #BABCB8 !important; margin: 0 0 8px !important; }
html body .my-journey-info .progress {
  height: 8px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  margin: 0 0 6px !important;
  overflow: hidden !important;
}
html body .my-journey-info .progress-bar {
  min-width: 5% !important; /* always show a 5% head start, even at 0% */
  background: #00CC7E !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  font-size: 0 !important;
  color: transparent !important;
}
/* "0% complete" label under the bar, read from the bar's value */
html body .my-journey-info .progress::after { content: none !important; }
html body .my-journey-info .btns-block { display: flex !important; justify-content: flex-start !important; margin-top: 16px !important; padding: 0 !important; }
html body .my-journey-info a.btn.journey-widget-btn-start {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

/* ---------- Events: card stack → compact list ---------- */
html body .widget-contents.mag-events-list { margin-left: 0 !important; }
html body .eventsSwiper {
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #141516 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.07) !important;
  border-radius: 10px !important;
  perspective: none !important;
}
html body .eventsSwiper .swiper-wrapper {
  display: flex !important;
  flex-direction: column !important;
  transform: none !important;
  height: auto !important;
  cursor: default !important;
}
html body .eventsSwiper .swiper-slide {
  transform: none !important;
  width: 100% !important;
  opacity: 1 !important;
  position: static !important;
  display: block !important;
  visibility: visible !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.06) !important;
}
html body .eventsSwiper .swiper-slide:last-child { box-shadow: none !important; }
html body .eventsSwiper .swiper-slide-shadow,
html body .eventsSwiper .swiper-slide-shadow-cards { display: none !important; }
html body .eventsSwiper .grid-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body .eventsSwiper .grid-item > div:first-child { flex: 0 0 96px !important; width: 96px !important; }
html body .eventsSwiper .img-tile {
  width: 96px !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}
html body .eventsSwiper .event-category { display: none !important; }
html body .eventsSwiper .caption { padding: 0 !important; flex: 1 1 auto !important; min-width: 0 !important; background: transparent !important; }
html body .eventsSwiper .event-long-date { font-size: 11px !important; color: #8C918C !important; text-transform: none !important; letter-spacing: 0 !important; margin: 2px 0 0 !important; order: 2 !important; }
html body .eventsSwiper .caption { display: flex !important; flex-direction: column !important; }
html body .eventsSwiper .caption > a { order: 1 !important; text-decoration: none !important; }
html body .eventsSwiper .caption > h1.mag-event-title { display: none !important; }
html body .eventsSwiper .mag-event-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: #FCFCFC !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
html body .eventsSwiper a:hover .mag-event-title { color: #17E891 !important; }
html body .mag-events-list .swiper-navigation-cards { display: none !important; }
html body .eventsWidget-allEvents-btns-block { display: flex !important; justify-content: flex-start !important; margin-top: 20px !important; padding: 0 !important; }
html body a.btn.btn-default,
html body a.btn.eventsWidget-allEvents-btn {
  background: rgba(255,255,255,0.05) !important;
  color: #FCFCFC !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important;
}
html body a.btn.btn-default:hover,
html body a.btn.eventsWidget-allEvents-btn:hover { background: rgba(255,255,255,0.12) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important; }

/* ---------- Footer ---------- */
html body .siteFooter { background: #0B0C0C !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.07) !important; }
html body .siteFooter .sitefooter-link-item { font-size: 12px !important; color: #8C918C !important; margin-right: 16px !important; }
html body .siteFooter .sitefooter-link-item:hover { color: #17E891 !important; }
html body .siteFooter .copyright { font-size: 12px !important; color: #7C807C !important; margin-top: 8px !important; }

/* ================= SIDEBAR HTML WIDGETS (static content) ================= */
html body .cx-side h2.cx-side__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 22px !important; line-height: 1.25 !important;
  font-weight: 600 !important; letter-spacing: -0.014em !important; color: #FCFCFC !important;
  margin: 0 0 12px !important; padding: 0 0 12px !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.12) !important;
}
html body .cx-side ul.cx-side__list { list-style: none !important; margin: 20px 0 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
html body .cx-side ul.cx-side__list > li { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; }
html body .cx-side .cx-avatar {
  width: 40px !important; height: 40px !important; border-radius: 50% !important; flex-shrink: 0 !important;
  background: #005943 !important; color: #9CFCD2 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important;
}
html body .cx-side .cx-side__body { flex: 1 1 auto !important; min-width: 0 !important; }
html body .cx-side p.cx-side__name { margin: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; color: #FCFCFC !important; }
html body .cx-side p.cx-side__meta { margin: 2px 0 0 !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; line-height: 1.35 !important; color: #8C918C !important; }
html body .cx-side a.cx-side__mail {
  flex-shrink: 0 !important; width: 28px !important; height: 28px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C918C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") center / 20px no-repeat !important;
  font-size: 0 !important;
}
html body .cx-side a.cx-side__mail:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300CC7E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") !important; }
html body .cx-side a.cx-side-btn,
html body .cx-side a.cx-side-btn:visited { margin-top: 20px !important; }

/* Onboarding checklist */
html body .cx-side .cx-progress { height: 8px !important; background: rgba(255,255,255,0.06) !important; border-radius: 20px !important; overflow: hidden !important; margin: 8px 0 6px !important; }
html body .cx-side .cx-progress > span { display: block !important; height: 100% !important; background: #00CC7E !important; border-radius: 20px !important; }
html body .cx-side p.cx-progress__label { margin: 0 !important; font-family: 'JetBrains Mono', monospace !important; font-size: 11px !important; font-weight: 600 !important; color: #9CFCD2 !important; }
html body .cx-side p.cx-side__lead { margin: 20px 0 0 !important; font-size: 13px !important; color: #BABCB8 !important; }
html body .cx-side ul.cx-checklist { gap: 10px !important; margin-top: 16px !important; }
html body .cx-side ul.cx-checklist > li { align-items: flex-start !important; gap: 10px !important; }
html body .cx-side .cx-check {
  width: 16px !important; height: 16px !important; margin-top: 1px !important; flex-shrink: 0 !important; border-radius: 50% !important;
  box-shadow: inset 0 0 0 1.5px #7C807C !important;
}
html body .cx-side .cx-check--done {
  box-shadow: none !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300CC7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 10'/%3E%3C/svg%3E") center / 16px no-repeat !important;
}
html body .cx-side ul.cx-checklist p.cx-side__name { font-size: 13px !important; font-weight: 400 !important; color: #D7DBD9 !important; }
html body .cx-side ul.cx-checklist p.cx-side__meta { font-size: 11px !important; color: #7C807C !important; }
html body .cx-side a.cx-btn-sm {
  display: inline-flex !important; align-items: center !important; margin-top: 16px !important;
  height: 32px !important; padding: 0 12px !important; border-radius: 8px !important;
  background: #00CC7E !important; color: #0B0B0B !important; text-decoration: none !important;
  font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 600 !important;
}
html body .cx-side a.cx-btn-sm:hover { background: #17E891 !important; box-shadow: 0 2px 17px rgba(23,232,145,0.5) !important; }

/* Recommended list — file-type tiles */
html body .cx-side ul.cx-reco > li > a { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; width: 100% !important; }
html body .cx-side ul.cx-reco a:hover p.cx-side__name { color: #00CC7E !important; }
html body .cx-side .cx-file {
  width: 28px !important; height: 28px !important; border-radius: 6px !important; flex-shrink: 0 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-family: 'Inter', sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.02em !important;
}
html body .cx-side .cx-file--pdf  { background: rgba(255,100,103,0.14) !important; color: #FF6467 !important; box-shadow: inset 0 0 0 1px rgba(255,100,103,0.35) !important; }
html body .cx-side .cx-file--pptx { background: rgba(252,200,0,0.14) !important; color: #FCC800 !important; box-shadow: inset 0 0 0 1px rgba(252,200,0,0.35) !important; }
html body .cx-side .cx-file--zip  { background: rgba(126,108,217,0.16) !important; color: #A89BF0 !important; box-shadow: inset 0 0 0 1px rgba(126,108,217,0.40) !important; }
html body .cx-side ul.cx-reco p.cx-side__name { font-size: 13px !important; font-weight: 500 !important; }
html body .cx-side ul.cx-reco p.cx-side__meta { font-size: 11px !important; color: #7C807C !important; }

/* Placeholder avatar (person silhouette) */
html body .cx-side .cx-avatar--ph {
  font-size: 0 !important;
  background: #005943 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239CFCD2'%3E%3Ccircle cx='12' cy='9' r='4'/%3E%3Cpath d='M4 20c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5z'/%3E%3C/svg%3E") center / 22px no-repeat !important;
}

/* ---------- Events list — row layout (v3) ---------- */
html body .eventsSwiper .swiper-wrapper { height: auto !important; min-height: 0 !important; }
html body .eventsSwiper .swiper-slide { height: auto !important; min-height: 0 !important; margin: 0 !important; width: 100% !important; }
html body .eventsSwiper .grid-item {
  display: block !important; height: auto !important; margin: 0 !important;
  padding: 14px 16px !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.07) !important;
}
html body .eventsSwiper .swiper-slide:last-child .grid-item { box-shadow: none !important; }
/* Row = whichever element directly holds the caption */
html body .eventsSwiper .grid-item :has(> .caption) {
  display: flex !important; flex-direction: row !important; align-items: center !important;
  gap: 16px !important; width: 100% !important; max-width: none !important; height: auto !important;
}
/* Thumbnail column = the caption's sibling */
html body .eventsSwiper .grid-item :has(> .caption) > :not(.caption) {
  flex: 0 0 64px !important; width: 64px !important; max-width: 64px !important; min-width: 64px !important;
}
html body .eventsSwiper .grid-item :has(> .caption) > :not(.caption) a { display: block !important; }
html body .eventsSwiper .grid-item .img-tile {
  width: 64px !important; height: 40px !important; aspect-ratio: auto !important;
  object-fit: cover !important; border-radius: 6px !important; display: block !important;
}
html body .eventsSwiper .grid-item .caption {
  flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important;
  padding: 0 !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 2px !important; text-align: left !important;
}
html body .eventsSwiper .grid-item .caption * { word-break: normal !important; overflow-wrap: normal !important; width: auto !important; max-width: none !important; }
html body .eventsSwiper .grid-item .mag-event-title,
html body .eventsSwiper .grid-item .mag-event-title a {
  font-family: 'Inter', sans-serif !important; font-size: 14px !important; line-height: 1.35 !important;
  font-weight: 600 !important; color: #FCFCFC !important; text-decoration: none !important;
  white-space: normal !important; text-overflow: clip !important; overflow: visible !important; margin: 0 !important;
}
html body .eventsSwiper .grid-item .event-long-date {
  font-family: 'Inter', sans-serif !important; font-size: 12px !important; line-height: 1.35 !important;
  color: #8C918C !important; margin: 0 !important; white-space: normal !important;
}

/* All events — small secondary button, left-aligned */
html body .eventsWidget-allEvents-btns-block,
html body .eventsWidget-allEvents-btns-block.flexbox-container {
  display: flex !important; justify-content: flex-start !important; text-align: left !important;
  margin: 20px 0 0 !important; padding: 0 !important; width: 100% !important;
}
html body a.btn.eventsWidget-allEvents-btn,
html body a.btn.eventsWidget-allEvents-btn:visited {
  height: 32px !important; min-height: 32px !important; padding: 0 12px !important; margin: 0 !important; width: auto !important;
  display: inline-flex !important; align-items: center !important;
  background: rgba(255,255,255,0.05) !important; color: #FCFCFC !important; border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important; border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important;
}
html body a.btn.eventsWidget-allEvents-btn:hover { background: rgba(255,255,255,0.12) !important; }
html body a.btn.eventsWidget-allEvents-btn span { font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; }

/* ---------- Partner Onboarding v2: "% complete" label + checklist widget ---------- */
/* Label under the bar, read from the bar's aria-valuenow [VERIFY attribute exists] */
html body .my-journey-info .progress { position: relative !important; overflow: visible !important; margin-bottom: 28px !important; }
html body .my-journey-info .progress-bar { position: static !important; }
html body .my-journey-info .progress-bar::after {
  content: attr(aria-valuenow) "% complete";
  position: absolute; left: 0; top: 14px;
  font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; line-height: 1;
  color: #9CFCD2; white-space: nowrap;
}
/* Native Start hidden — the checklist widget below carries the Start button */
html body .my-journey-info .btns-block { display: none !important; }
/* Pull the checklist widget up so both read as one block */
/* Checklist widget pulls itself up under the native widget (removes the 40px widget gap) */
html body .cx-side--attached { margin-top: -44px !important; }
html body .cx-side--attached ul.cx-checklist { margin-top: 0 !important; }

/* ---------- Events fix v4 (from real DOM) ---------- */
/* The slide is a centered flex box, so the row shrank to its content — force full width */
html body .eventsSwiper .swiper-slide { display: block !important; width: 100% !important; }
html body .eventsSwiper .grid-item { width: 100% !important; max-width: none !important; flex: 1 1 100% !important; box-sizing: border-box !important; }
html body .eventsSwiper .grid-item > div { width: 100% !important; }
html body .eventsSwiper .grid-item > div > div:first-child { flex: 0 0 64px !important; width: 64px !important; max-width: 64px !important; }
/* Title had a fixed height and spilled over the date */
html body .eventsSwiper .caption > a { display: block !important; height: auto !important; }
html body .eventsSwiper .caption .mag-event-title {
  height: auto !important; max-height: none !important; min-height: 0 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
  overflow: hidden !important; white-space: normal !important;
}
html body .eventsSwiper .caption > h1.mag-event-title:not(a h1) { display: none !important; }
html body .eventsSwiper .event-long-date { height: auto !important; display: block !important; margin-top: 2px !important; }
/* All Events — left-aligned regardless of flex rules */
html body .mag-events-list > .eventsWidget-allEvents-btns-block {
  display: block !important; text-align: left !important; width: 100% !important;
  margin: 20px 0 0 !important; padding: 0 !important; align-self: stretch !important;
}
html body .mag-events-list > .eventsWidget-allEvents-btns-block > a.btn { display: inline-flex !important; margin: 0 !important; float: none !important; }

/* ---------- Events fix v5 — high-specificity (Magentrix's own rules were winning) ---------- */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide { display: block !important; width: 100% !important; transform: none !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item { display: block !important; width: 100% !important; max-width: none !important; padding: 14px 16px !important; box-sizing: border-box !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div {
  display: grid !important; grid-template-columns: 64px minmax(0, 1fr) !important;
  column-gap: 16px !important; align-items: center !important; width: 100% !important; max-width: none !important;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div > div:first-child { grid-column: 1 !important; width: 64px !important; max-width: 64px !important; min-width: 0 !important; flex: none !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .img-tile.img-tile { width: 64px !important; height: 40px !important; object-fit: cover !important; border-radius: 6px !important; display: block !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption {
  grid-column: 2 !important; width: 100% !important; max-width: none !important; min-width: 0 !important;
  position: static !important; flex: none !important; float: none !important;
  display: flex !important; flex-direction: column !important; gap: 2px !important;
  padding: 0 !important; margin: 0 !important; text-align: left !important;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption > a.mng-sys-link { display: block !important; width: 100% !important; order: 1 !important; text-decoration: none !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption h1.mag-event-title.mag-event-title {
  width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important;
  font-family: 'Inter', sans-serif !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 600 !important;
  color: #FCFCFC !important; margin: 0 !important; white-space: normal !important; word-break: normal !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption > h1.mag-event-title.mag-event-title { display: none !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption .event-long-date.event-long-date {
  order: 2 !important; width: 100% !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important;
  line-height: 1.35 !important; color: #8C918C !important; margin: 0 !important; white-space: normal !important; word-break: normal !important;
}
html body .widget-contents.mag-events-list.mag-events-list > .btns-block.flexbox-container.eventsWidget-allEvents-btns-block.eventsWidget-allEvents-btns-block {
  display: block !important; text-align: left !important; width: 100% !important; margin: 20px 0 0 !important; padding: 0 !important;
}
html body .widget-contents.mag-events-list.mag-events-list > .btns-block.eventsWidget-allEvents-btns-block > a.btn.btn-default.eventsWidget-allEvents-btn {
  display: inline-flex !important; margin: 0 !important; float: none !important; width: auto !important;
  height: 32px !important; padding: 0 12px !important; font-size: 12px !important; font-weight: 500 !important; border-radius: 8px !important;
}

/* ---------- Events fix v6 — row height, alignment, 2 items, 2-line titles ---------- */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-wrapper.swiper-wrapper { height: auto !important; min-height: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide { height: auto !important; min-height: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide:nth-child(n+3) { display: none !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide:nth-child(2) .grid-item.grid-item { box-shadow: none !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item { height: auto !important; min-height: 0 !important; padding: 14px 16px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div { align-items: start !important; height: auto !important; min-height: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div > div:first-child { align-self: start !important; margin: 2px 0 0 !important; height: auto !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption { align-self: start !important; height: auto !important; min-height: 0 !important; gap: 4px !important; }
/* Longer names wrap to 2 lines (approx. more than 3 words), like the design */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption h1.mag-event-title.mag-event-title {
  max-width: 21ch !important; text-wrap: balance !important;
  font-size: 14px !important; line-height: 1.35 !important; font-weight: 600 !important; letter-spacing: 0 !important;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption .event-long-date.event-long-date { font-size: 12px !important; line-height: 1.35 !important; color: #8C918C !important; }

/* ---------- Onboarding checklist icons v2 — filled green done / grey pending ---------- */
html body .cx-side .cx-check.cx-check {
  width: 18px !important; height: 18px !important; margin-top: 0 !important; border-radius: 50% !important; flex-shrink: 0 !important;
  box-shadow: none !important;
  background: rgba(255,255,255,0.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C807C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E") center / 12px no-repeat !important;
}
html body .cx-side .cx-check.cx-check--done {
  background: #00CC7E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E") center / 12px no-repeat !important;
}
html body .cx-side ul.cx-checklist > li { gap: 12px !important; }
html body .cx-side ul.cx-checklist > li:has(.cx-check--done) p.cx-side__name { color: #FCFCFC !important; }
html body .cx-side ul.cx-checklist > li:not(:has(.cx-check--done)) p.cx-side__name { color: #BABCB8 !important; }

/* ---------- Events v7 — location line + design typography ---------- */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item { padding: 14px 16px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div { column-gap: 16px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption { display: flex !important; flex-direction: column !important; gap: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption > a.mng-sys-link { order: 1 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption h1.mag-event-title.mag-event-title { font-size: 14px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #FCFCFC !important; margin: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item:hover .caption.caption h1.mag-event-title.mag-event-title { color: #17E891 !important; }
/* Location (2nd line) */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption::after {
  order: 2; display: block; margin-top: 2px;
  font-family: 'Inter', sans-serif; font-size: 12px; line-height: 1.35; font-weight: 400; color: #8C918C;
  content: none;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption:has(a[href*="01p00000000001K00ju"])::after { content: "Orlando, Florida" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption:has(a[href*="01p00000000001I00ju"])::after { content: "Virtual · EMEA" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption:has(a[href*="01p00000000001J00ju"])::after { content: "Virtual · U.S." !important; }
/* Date (3rd line, quieter) */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption .event-long-date.event-long-date {
  order: 3 !important; margin-top: 6px !important;
  font-family: 'Inter', sans-serif !important; font-size: 11px !important; line-height: 1.35 !important; color: #7C807C !important;
}

/* ---------- Events v8 — exact prototype typography: thumb | OCT/19 | title + place ---------- */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item { padding: 14px 16px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div {
  display: grid !important;
  grid-template-columns: 64px 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important; row-gap: 0 !important;
  align-items: center !important;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div > div:first-child { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: center !important; margin: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .img-tile.img-tile { width: 64px !important; height: 40px !important; border-radius: 6px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption { grid-column: 3 !important; grid-row: 1 / span 2 !important; align-self: center !important; gap: 0 !important; }
/* Month + day (date block) */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div::before, html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div::after { grid-column: 2; text-align: center; display: block; content: none; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div::before {
  grid-row: 1; align-self: end;
  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 9px; line-height: 1.5; font-weight: 600;
  letter-spacing: 0.04em; text-transform: uppercase; color: #17E891;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div::after {
  grid-row: 2; align-self: start;
  font-family: 'JetBrains Mono', monospace; font-size: 18px; line-height: 1.5; font-weight: 700; color: #FCFCFC;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div:has(a[href*="01p00000000001K00ju"])::before { content: "OCT" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div:has(a[href*="01p00000000001K00ju"])::after { content: "19" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div:has(a[href*="01p00000000001I00ju"])::before { content: "OCT" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div:has(a[href*="01p00000000001I00ju"])::after { content: "06" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div:has(a[href*="01p00000000001J00ju"])::before { content: "OCT" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div:has(a[href*="01p00000000001J00ju"])::after { content: "06" !important; }
/* Title + place */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption h1.mag-event-title.mag-event-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; line-height: 1.3 !important;
  font-weight: 600 !important; letter-spacing: 0 !important; color: #FCFCFC !important;
  max-width: none !important; text-wrap: pretty !important; -webkit-line-clamp: 2 !important;
}
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption::after { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 11px !important; line-height: 1.5 !important; color: #8C918C !important; margin-top: 2px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption:has(a[href*="01p00000000001K00ju"])::after { content: "Orlando, Florida" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption:has(a[href*="01p00000000001I00ju"])::after { content: "Virtual · EMEA" !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption:has(a[href*="01p00000000001J00ju"])::after { content: "Virtual · U.S." !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .caption.caption .event-long-date.event-long-date { display: none !important; }
/* All events — design: "All events", 32px, 12px */
html body .widget-contents.mag-events-list.mag-events-list > .btns-block.eventsWidget-allEvents-btns-block > a.btn.btn-default.eventsWidget-allEvents-btn,
html body .widget-contents.mag-events-list.mag-events-list > .btns-block.eventsWidget-allEvents-btns-block > a.btn.btn-default.eventsWidget-allEvents-btn span {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: #D7DBD9 !important;
}

/* Checklist icon holds a text character so the editor doesn't strip it — hide the character */
html body .cx-side .cx-check.cx-check { font-size: 0 !important; line-height: 0 !important; color: transparent !important; overflow: hidden !important; display: inline-block !important; }


/* ---------- Onboarding circles — drawn on each list item so the editor cannot strip them ---------- */
html body .cx-side.cx-side ul.cx-side__list.cx-checklist > li { display: flex !important; align-items: flex-start !important; gap: 10px !important; }
html body .cx-side.cx-side ul.cx-side__list.cx-checklist > li::before {
  content: ""; flex: 0 0 20px; width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C918C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3C/svg%3E") center / 20px no-repeat;
}
html body .cx-side.cx-side ul.cx-side__list.cx-checklist > li.cx-done::before,
html body .cx-side.cx-side ul.cx-side__list.cx-checklist > li:has(.cx-check--done)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317E891' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8.3 12.2l2.5 2.5 5-5'/%3E%3C/svg%3E"); }
html body .cx-side.cx-side ul.cx-side__list.cx-checklist > li .cx-check { display: none !important; }

/* ---------- Onboarding steps (div-based: the widget editor keeps div classes) ---------- */
html body .cx-side.cx-side .cx-steps { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 16px 0 0 !important; padding: 0 !important; }
html body .cx-side.cx-side .cx-steps .cx-step { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; }
html body .cx-side.cx-side .cx-steps .cx-step::before {
  content: ""; flex: 0 0 20px; width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C918C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3C/svg%3E") center / 20px no-repeat;
}
html body .cx-side.cx-side .cx-steps .cx-step.cx-step--done::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317E891' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8.3 12.2l2.5 2.5 5-5'/%3E%3C/svg%3E"); }
html body .cx-side.cx-side .cx-steps .cx-step .cx-side__body { min-width: 0 !important; padding-top: 1px !important; }
html body .cx-side.cx-side .cx-steps .cx-step p { margin: 0 !important; }
html body .cx-side.cx-side .cx-steps .cx-step p.cx-side__name { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 400 !important; color: #D7DBD9 !important; }
html body .cx-side.cx-side .cx-steps .cx-step p.cx-side__meta { margin-top: 2px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 11px !important; line-height: 1.5 !important; color: #7C807C !important; }



/* Checklist sat too high and the first step hid under the progress label — lower it */
html body .cx-side.cx-side--attached { margin-top: -16px !important; position: relative !important; z-index: 1 !important; }
html body .cx-side.cx-side--attached .cx-steps { margin-top: 0 !important; }

/* Negative margin got clipped by the widget box — no pull-up; shrink the gap on the onboarding widget instead */
html body .cx-side.cx-side--attached { margin-top: 0 !important; }
html body .components-container-sidebarCol .page-component-container:has(.my-journey-info) { margin-bottom: 8px !important; }
html body .components-container-sidebarCol .page-component-container:has(.cx-side--attached) { overflow: visible !important; }

/* More air between progress label and the steps */
html body .components-container-sidebarCol .page-component-container:has(.my-journey-info) { margin-bottom: 24px !important; }
html body .my-journey-info .progress { margin-bottom: 32px !important; }

/* More breathing room: space above the steps + between steps */
html body .cx-side.cx-side--attached { padding-top: 20px !important; }
html body .cx-side.cx-side .cx-steps { gap: 14px !important; }
html body .cx-side.cx-side--attached a.cx-btn-sm { margin-top: 20px !important; }

/* Events — bigger thumbnails (128x72, native 16:9 of the event art) */
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div { grid-template-columns: 128px 40px minmax(0, 1fr) !important; column-gap: 14px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item > div > div:first-child { width: 128px !important; max-width: 128px !important; }
html body .widget-contents.mag-events-list.mag-events-list .swiper.eventsSwiper.eventsSwiper .swiper-slide.swiper-slide .grid-item.grid-item .img-tile.img-tile { width: 128px !important; height: 72px !important; object-fit: cover !important; border-radius: 6px !important; }

/* ---------- Logo — exact size from reference (51px image box = 124px-wide visible logo) ---------- */
html body header img[class*="logo" i],
html body header [class*="logo" i] img,
html body header .navbar-brand img,
html body .site-page-top-row [class*="logo" i] img,
html body .site-page-top-row img[class*="logo" i],
html body [class*="header"] [class*="logo" i] img,
html body [class*="header"] img[class*="logo" i] {
  height: 51px !important; max-height: 51px !important; width: auto !important; max-width: none !important;
}

/* Events button label: "All Events" to "See all events" */
html body .widget-contents.mag-events-list.mag-events-list > .btns-block.eventsWidget-allEvents-btns-block > a.btn.btn-default.eventsWidget-allEvents-btn span { font-size: 0 !important; }
html body .widget-contents.mag-events-list.mag-events-list > .btns-block.eventsWidget-allEvents-btns-block > a.btn.btn-default.eventsWidget-allEvents-btn span::after {
  content: "See all events"; font-size: 12px; font-weight: 500; font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ---------- Resource library filters — dropdowns look like inputs, not primary buttons ---------- */
html body [class*="filter" i] .btn.dropdown-toggle,
html body [class*="filter" i] button.dropdown-toggle,
html body [class*="filter" i] .btn-group > .btn,
html body [class*="Filter"] .btn.dropdown-toggle {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  width: 100% !important; height: 40px !important; min-height: 40px !important; padding: 0 12px !important;
  background: #141516 !important; background-image: none !important; color: #D7DBD9 !important;
  border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12) !important; border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 400 !important;
  line-height: 1 !important; text-align: left !important; text-transform: none !important; white-space: nowrap !important;
}
html body [class*="filter" i] .btn.dropdown-toggle:hover,
html body [class*="filter" i] .btn-group > .btn:hover,
html body [class*="filter" i] .open > .btn.dropdown-toggle {
  background: #191A1B !important; box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; color: #FCFCFC !important;
}
html body [class*="filter" i] .btn.dropdown-toggle *,
html body [class*="filter" i] .btn-group > .btn * { margin: 0 !important; padding: 0 !important; line-height: 1 !important; color: inherit !important; font-size: 13px !important; font-weight: 400 !important; }
html body [class*="filter" i] .btn .caret { border-top-color: #8C918C !important; margin-left: 8px !important; }
html body [class*="filter" i] .dropdown-menu {
  background: #191A1B !important; border: 0 !important; border-radius: 8px !important; padding: 6px 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), 0 12px 32px rgba(0,0,0,0.5) !important; width: 100% !important;
}
html body [class*="filter" i] .dropdown-menu > li > a,
html body [class*="filter" i] .dropdown-menu label { color: #BABCB8 !important; font-size: 13px !important; padding: 8px 12px !important; background: transparent !important; }
html body [class*="filter" i] .dropdown-menu > li > a:hover,
html body [class*="filter" i] .dropdown-menu > li:hover { background: rgba(255,255,255,0.05) !important; color: #FCFCFC !important; }
html body [class*="filter" i] input[type="checkbox"] { accent-color: #00CC7E !important; }

/* Filter dropdown (bootstrap-select) — its label layer is absolutely positioned; center it with inner padding */
html body .bootstrap-select > .dropdown-toggle { position: relative !important; }
html body .bootstrap-select > .dropdown-toggle .filter-option,
html body [class*="filter" i] .btn.dropdown-toggle .filter-option {
  position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: auto !important; height: 100% !important;
  display: flex !important; align-items: center !important;
  padding: 0 36px 0 14px !important; margin: 0 !important; float: none !important; text-align: left !important;
}
html body .bootstrap-select > .dropdown-toggle .filter-option-inner,
html body .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  padding: 0 !important; margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  line-height: 1.2 !important;
}
html body .bootstrap-select > .dropdown-toggle .bs-caret,
html body .bootstrap-select > .dropdown-toggle .caret {
  position: absolute !important; right: 14px !important; top: 50% !important; margin-top: -2px !important;
}
html body .bootstrap-select > .dropdown-toggle { padding: 0 36px 0 14px !important; }

/* ---------- Find what you need (HTML widget) ---------- */
html body .cx-find h2.cx-find__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 22px !important; line-height: 1.25 !important;
  font-weight: 600 !important; letter-spacing: -0.014em !important; color: #FCFCFC !important; margin: 0 0 20px !important; padding: 0 !important; box-shadow: none !important;
}
html body .cx-find a.cx-find__box,
html body .cx-find a.cx-find__box:visited {
  display: flex !important; align-items: center !important; height: 56px !important; padding: 0 20px 0 52px !important;
  background: #141516 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300CC7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") 20px center / 20px no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12) !important; border-radius: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 16px !important; font-weight: 400 !important;
  color: #7C807C !important; text-decoration: none !important;
  transition: box-shadow 120ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
html body .cx-find a.cx-find__box:hover { box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; color: #BABCB8 !important; }
html body .cx-find .cx-find__chips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 12px 0 0 !important; }
html body .cx-find .cx-find__chips a,
html body .cx-find .cx-find__chips a:visited {
  display: inline-flex !important; align-items: center !important; height: 32px !important; padding: 0 12px !important;
  background: rgba(255,255,255,0.05) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important; border-radius: 20px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12px !important; font-weight: 400 !important;
  color: #D7DBD9 !important; text-decoration: none !important;
}
html body .cx-find .cx-find__chips a:hover { box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; color: #17E891 !important; }

/* ---------- Your Partner Team — "Contact your partner team" (secondary, full width) ---------- */
html body .cx-side.cx-side a.cx-side-btn,
html body .cx-side.cx-side a.cx-side-btn:visited {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; box-sizing: border-box !important;
  height: 40px !important; padding: 0 16px !important; margin: 20px 0 0 !important;
  background: rgba(255,255,255,0.03) !important; color: #FCFCFC !important;
  border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important; border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important;
  line-height: 1 !important; letter-spacing: 0.02em !important; text-decoration: none !important; text-transform: none !important;
  transition: background 120ms cubic-bezier(0.22,0.61,0.36,1), box-shadow 120ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
html body .cx-side.cx-side a.cx-side-btn:hover {
  background: rgba(255,255,255,0.14) !important; box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; color: #FCFCFC !important;
}
html body .cx-side.cx-side a.cx-side-btn:active { background: rgba(255,255,255,0.20) !important; }

/* Contact your partner team — match prototype: auto width, left-aligned, 44px */
html body .cx-side.cx-side a.cx-side-btn,
html body .cx-side.cx-side a.cx-side-btn:visited {
  display: inline-flex !important; width: auto !important; align-self: flex-start !important;
  height: 44px !important; padding: 0 24px !important; margin: 24px 0 0 !important;
  background: rgba(255,255,255,0.05) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important;
  font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; color: #FCFCFC !important;
}

/* ---------- Your Partner Team v3 — 1:1 with prototype ---------- */
html body .cx-side.cx-team h2.cx-side__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 22px !important; font-weight: 600 !important;
  line-height: 1.25 !important; letter-spacing: -0.014em !important; color: #FCFCFC !important;
  margin: 0 0 20px !important; padding: 0 0 14px !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.10) !important; border: 0 !important;
}
html body .cx-side.cx-team ul.cx-team__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
html body .cx-side.cx-team ul.cx-team__list > li { display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; }
html body .cx-side.cx-team ul.cx-team__list > li::before { content: none !important; display: none !important; }
html body .cx-side.cx-team span.cx-avatar.cx-initials {
  flex: 0 0 44px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: #005943 !important; background-image: none !important; box-shadow: none !important;
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important;
  letter-spacing: 0.02em !important; color: #9CFCD2 !important; text-transform: uppercase !important;
}
html body .cx-side.cx-team .cx-side__body { flex: 1 1 auto !important; min-width: 0 !important; padding: 0 !important; }
html body .cx-side.cx-team p.cx-side__name {
  margin: 0 !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 14px !important;
  font-weight: 600 !important; line-height: 1.35 !important; color: #FCFCFC !important;
}
html body .cx-side.cx-team p.cx-side__meta {
  margin: 3px 0 0 !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12px !important;
  font-weight: 400 !important; line-height: 1.4 !important; color: #8C918C !important;
}
html body .cx-side.cx-team a.cx-side__mail, html body .cx-side.cx-team a.cx-side__mail:visited {
  flex: 0 0 32px !important; width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important;
  border-radius: 8px !important; border: 0 !important; box-shadow: none !important;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BABCB8' stroke-width='1.5' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='1.5'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") center / 20px no-repeat !important;
  font-size: 0 !important; line-height: 0 !important; color: transparent !important; text-indent: -9999px !important; overflow: hidden !important;
}
html body .cx-side.cx-team a.cx-side__mail:hover { background-color: rgba(255,255,255,0.05) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317E891' stroke-width='1.5' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='1.5'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") !important; }
html body .cx-side.cx-team a.cx-side-btn, html body .cx-side.cx-team a.cx-side-btn:visited {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: auto !important; height: 44px !important; padding: 0 24px !important; margin: 24px 0 0 !important;
  background: rgba(255,255,255,0.05) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important; border: 0 !important; border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.02em !important;
  color: #FCFCFC !important; text-decoration: none !important;
}
html body .cx-side.cx-team a.cx-side-btn:hover { background: rgba(255,255,255,0.14) !important; box-shadow: inset 0 0 0 1px rgba(0,204,126,0.45) !important; }

/* Your Partner Team — more breathing room */
html body .cx-side.cx-team h2.cx-side__title { margin-bottom: 28px !important; padding-bottom: 18px !important; }
html body .cx-side.cx-team ul.cx-team__list { gap: 24px !important; }
html body .cx-side.cx-team ul.cx-team__list > li { gap: 16px !important; }
html body .cx-side.cx-team p.cx-side__meta { margin-top: 5px !important; }
html body .cx-side.cx-team a.cx-side-btn, html body .cx-side.cx-team a.cx-side-btn:visited { margin-top: 32px !important; }