:root {
  --va-blue: #0a356f;
  --va-blue-2: #104c97;
  --va-yellow: #fdeb07;
  --va-text: #102f58;
  --va-muted: #66788a;
  --va-border: #e8edf2;
  --va-soft: #f4f7fa;
}

.va-webinar-hero,
.va-partners,
.va-why-attend,
.va-topics,
.va-panelists,
.va-audience,
.va-final-cta-wrap {
  box-sizing: border-box;
  font-family: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.va-webinar-hero *,
.va-partners *,
.va-why-attend *,
.va-topics *,
.va-panelists *,
.va-audience *,
.va-final-cta-wrap * {
  box-sizing: border-box;
}

.va-container {
  width: min(1260px, calc(100% - 48px));
  margin-inline: auto;
}

/* HERO */
.va-webinar-hero {
  position: relative;
  min-height: 735px;
  overflow: hidden;
  color: #fff;
  background: var(--va-blue);
  border-radius: 0 0 34px 34px;
}

.va-hero-bg {
  position: absolute;
  inset: -5.2% 0 auto 0;
  width: 100%;
  height: 110.41%;
  object-fit: cover;
  max-width: none;
}

.va-hero-gradient {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(7,47,102,.97) 0%, rgba(16,76,151,.93) 42%, rgba(109,59,146,.40) 69%, rgba(216,64,139,.39) 100%),
    linear-gradient(0deg, rgba(6,34,73,.35) 0%, rgba(6,34,73,0) 50%);
}

.va-hero-container {
  position: relative;
  min-height: 735px;
}

.va-hero-copy {
  position: absolute;
  top: 174px;
  left: 0;
  width: 680px;
  max-width: 56%;
  z-index: 2;
}

.va-eyebrow,
.va-section-eyebrow {
  font-size: 13px;
  line-height: 20.28px;
  letter-spacing: 1.69px;
  font-weight: 800;
  text-transform: uppercase;
}

.va-eyebrow-light {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
}

.va-glow-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--va-yellow);
  box-shadow: 0 0 0 6px rgba(253,235,7,.15);
}

.va-hero-title {
  margin: 10px 0 0;
  color: #fff;
  font-size: 78px;
  line-height: 76.44px;
  letter-spacing: -3.51px;
  font-weight: 800;
}

.va-hero-title span {
  display: block;
}

.va-hero-title .va-accent-text {
  color: var(--va-yellow);
}

.va-hero-description {
  width: 593px;
  max-width: 100%;
  margin-top: 18px;
  color: #fff;
  font-size: 19px;
  line-height: 29.45px;
  font-weight: 400;
}

.va-hero-description p {
  margin: 0;
}

.va-webinar-pills {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  white-space: nowrap;
}

.va-webinar-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 39px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  color: #fff;
  font-size: 14px;
  line-height: 21.84px;
  font-weight: 700;
}

.va-webinar-pill-duration {
  min-width: 137px;
}

.va-icon-image {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  object-fit: contain;
}

.va-hero-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
}

.va-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 18px;
  line-height: 28.08px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.va-btn:hover {
  transform: translateY(-1px);
  opacity: .96;
}

.va-btn-primary {
  width: 286.2px;
  max-width: 100%;
  color: var(--va-blue) !important;
  background: var(--va-yellow);
  box-shadow: 0 13px 30px rgba(4,34,72,.24);
	font-weight:500;
}

.va-btn-darktext {
  width: auto;
}

.va-cta-icon {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}

.va-btn-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 0 6px;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.75);
  text-decoration: none !important;
  font-size: 16px;
  line-height: 24.96px;
  font-weight: 700;
}

.va-link-icon {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
}

.va-event-card {
  position: absolute;
  top: 537px;
  right: 0;
  z-index: 2;
  width: 518.52px;
  height: 104px;
  display: grid;
  grid-template-columns: 78px 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  background: rgba(5,43,92,.68);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.va-event-date {
  width: 78px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #fff;
  color: var(--va-blue-2);
}

.va-event-date span {
  font-size: 11px;
  line-height: 17.16px;
  letter-spacing: 1.76px;
  font-weight: 900;
}

.va-event-date strong {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

.va-event-copy {
  min-width: 0;
}

.va-event-label {
  display: block;
  margin-bottom: 5px;
  color: var(--va-yellow);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13.75px;
  letter-spacing: 1.43px;
  font-weight: 800;
}

.va-event-copy strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 18.75px;
  font-weight: 700;
  white-space: nowrap;
}

.va-panelist-initials {
  display: flex;
  align-items: center;
  width: 115px;
}

.va-panelist-initials span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-left: -9px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, #2bace2 0%, #d8408b 100%);
  color: #fff;
  font-size: 9px;
  line-height: 14.04px;
  font-weight: 900;
}

.va-panelist-initials span:first-child {
  margin-left: 0;
}

.va-hero-tags {
  position: absolute;
  left: 0;
  bottom: 31px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 23px;
  color: rgba(255,255,255,.82);
  font-size: 12px;
  line-height: 18.72px;
  font-weight: 700;
}

.va-hero-tags i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--va-yellow);
  opacity: .82;
}

/* PARTNERS */
.va-partners {
  height: 115px;
  background: #fff;
  border-bottom: 1px solid var(--va-border);
}

.va-partners-inner {
  height: 100%;
  display: grid;
  grid-template-columns: 1.3fr 1fr 1.2fr 1fr .8fr;
  align-items: center;
  column-gap: 28px;
}

.va-partners-label {
  color: #83909c;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18.72px;
  letter-spacing: 1.56px;
  font-weight: 800;
}

.va-partner-name {
  color: #778491;
  text-align: center;
  font-weight: 700;
  white-space: nowrap;
}

.va-partner-1 { font-size: 17px; font-style: italic; font-weight: 800; }
.va-partner-2 { font-size: 13px; }
.va-partner-3 { font-size: 20px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
.va-partner-4 { font-size: 21px; font-weight: 800; }

/* SHARED SECTION TYPOGRAPHY */
.va-section-eyebrow {
  color: var(--va-blue-2);
}

.va-eyebrow-dot {
  position: relative;
  padding-left: 17px;
}

.va-eyebrow-dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: var(--va-yellow);
}

.va-section-title {
  margin: 8px 0 0;
  color: var(--va-blue);
  font-size: 54px;
  line-height: 1.07;
  letter-spacing: -2px;
  font-weight: 800;
}

.va-section-title-large {
  max-width: 510px;
  font-size: 56px;
  line-height: 1.105;
}

.va-section-head-split {
  display: grid;
  grid-template-columns: 1fr 502px;
  align-items: end;
  gap: 80px;
}

.va-section-intro {
  color: #53697e;
  font-size: 18px;
  line-height: 25.04px;
}

.va-section-intro p {
  margin: 0;
}

.va-section-intro-left {
  margin-top: 20px;
  max-width: 468px;
}

/* WHY ATTEND */
.va-why-attend {
  margin-top: 100px;
  background: #fff;
}

.va-why-grid {
  min-height: 430px;
  display: grid;
  grid-template-columns: 464.09px 1fr;
  gap: 70px;
}

.va-why-media {
  position: relative;
  height: 430px;
  overflow: hidden;
  border-radius: 26px;
  background: #dce7f0;
}

.va-why-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.va-why-media-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,53,111,0) 45%, rgba(10,53,111,.65) 100%);
}

.va-image-badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: #fff;
  background: rgba(6,34,73,.62);
  backdrop-filter: blur(6px);
  font-size: 13px;
  font-weight: 700;
}

.va-image-badge span {
  color: var(--va-yellow);
  font-size: 18px;
}

.va-why-copy {
  padding-top: 19px;
}

.va-lead,
.va-body-copy {
  color: #52697e;
  font-size: 18px;
  line-height: 1.5;
}

.va-lead {
  margin-top: 27px;
  font-size: 22px;
  line-height: 1.52;
  color: #173e68;
}

.va-body-copy {
  margin-top: 15px;
}

.va-lead p,
.va-body-copy p {
  margin: 0;
}

.va-why-copy .va-btn {
  margin-top: 35px;
}

/* TOPICS */
.va-topics {
  margin-top: 100px;
  padding: 102px 0 100px;
  background: #f7f9fb;
}

.va-topic-grid,
.va-panelist-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 39px;
}

.va-topic-card {
  position: relative;
  height: 360px;
  overflow: hidden;
  padding: 26px;
  border: 1px solid #dfe7ee;
  border-radius: 22px;
  background: #fff;
}

.va-card-orbit {
  position: absolute;
  border: 1px solid rgba(16,76,151,.12);
  border-radius: 50%;
}

.va-card-orbit-one {
  top: -95px;
  left: 151.5px;
  width: 260px;
  height: 260px;
}

.va-card-orbit-two {
  top: -55px;
  left: 196.5px;
  width: 180px;
  height: 180px;
}

.va-card-number {
  position: relative;
  z-index: 2;
  color: var(--va-blue-2);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.4px;
  font-weight: 800;
}

.va-card-arrow {
  position: absolute;
  top: 26px;
  right: 26px;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(16,76,151,.20);
  border-radius: 50%;
  text-decoration: none;
}

.va-card-arrow .va-icon-image {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}

.va-topic-card-copy {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 25px;
}

.va-topic-card h3,
.va-panelist-card h3 {
  margin: 0;
  color: var(--va-blue);
  font-size: 26px;
  line-height: 1.17;
  letter-spacing: -.6px;
  font-weight: 800;
}

.va-topic-card p {
  margin: 10px 0 0;
  color: #62758a;
  font-size: 15px;
  line-height: 21.5px;
}

/* PANELISTS */
.va-panelists {
  padding: 102px 0 100px;
  background: #fff;
}

.va-panelist-card {
  position: relative;
  height: 360px;
  overflow: hidden;
  border-radius: 22px;
  background: var(--va-blue);
}

.va-panelist-photo,
.va-photo-placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.va-photo-placeholder {
  background: linear-gradient(135deg, #a7c0d9 0%, #47668a 100%);
}

.va-panelist-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,27,63,.05) 35%, rgba(2,27,63,.94) 100%);
}

.va-card-number-light {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #fff;
}

.va-card-arrow-light {
  top: 17px;
  right: 16px;
  border-color: rgba(255,255,255,.46);
  background: rgba(255,255,255,.12);
}

.va-panelist-copy {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2;
}

.va-panelist-card h3 {
  color: #fff;
  font-size: 29px;
  line-height: 36px;
}

.va-panelist-card p {
  margin: 2px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 23px;
}

/* AUDIENCE */
.va-audience {
  padding: 102px 0 103px;
  background: #f7f9fb;
}

.va-audience-grid {
  display: grid;
  grid-template-columns: 518px 1fr;
  gap: 90px;
  align-items: center;
}

.va-audience-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.va-audience-card {
  min-height: 87px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid #dfe7ee;
  border-radius: 18px;
  background: #fff;
}

.va-check-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(16,76,151,.08);
}

.va-check-icon:empty::after {
  content: "✓";
  color: var(--va-blue-2);
  font-size: 17px;
  font-weight: 800;
}

.va-check-icon .va-icon-image {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}

.va-audience-card strong {
  color: var(--va-blue);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

/* FINAL CTA */
.va-final-cta-wrap {
  padding: 0 0 100px;
  background: #fff;
}

.va-final-cta {
  position: relative;
  min-height: 222px;
  display: grid;
  grid-template-columns: 65px 1fr auto;
  align-items: center;
  gap: 26px;
  overflow: hidden;
  padding: 44px 40px 44px 50px;
  border-radius: 28px;
  background: var(--va-blue);
  color: #fff;
}

.va-final-icon {
  width: 65px;
  height: 65px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
}

.va-final-icon .va-icon-image {
  width: 29px;
  height: 29px;
  flex-basis: 29px;
}

.va-final-copy {
  position: relative;
  z-index: 2;
}

.va-final-copy .va-section-eyebrow {
  color: #fff;
}

.va-final-copy h2 {
  margin: 8px 0 0;
  color: #fff;
  font-size: 48px;
  line-height: 1.12;
  letter-spacing: -1.7px;
  font-weight: 800;
}

.va-final-copy p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 28.08px;
}

.va-final-cta .va-btn-primary {
  position: relative;
  z-index: 2;
  width: auto;
  min-width: 234px;
}

.va-final-orbit {
  position: absolute;
  width: 270px;
  height: 270px;
  right: -75px;
  top: -135px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
}

/* TABLET */
@media (max-width: 1100px) {
  .va-container {
    width: min(100% - 64px, 1260px);
  }

  .va-hero-copy {
    max-width: 62%;
  }

  .va-hero-title {
    font-size: 64px;
    line-height: .99;
    letter-spacing: -2.8px;
  }

  .va-event-card {
    width: 430px;
    grid-template-columns: 72px 1fr;
  }

  .va-panelist-initials {
    display: none;
  }

  .va-event-copy strong {
    white-space: normal;
  }

  .va-partners-inner {
    grid-template-columns: 1.3fr repeat(4, 1fr);
  }

  .va-why-grid {
    grid-template-columns: 40% 1fr;
    gap: 50px;
  }

  .va-section-head-split {
    grid-template-columns: 1fr 40%;
    gap: 50px;
  }

  .va-topic-grid,
  .va-panelist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .va-audience-grid {
    grid-template-columns: 42% 1fr;
    gap: 50px;
  }

  .va-final-cta {
    grid-template-columns: 65px 1fr;
  }

  .va-final-cta .va-btn-primary {
    grid-column: 2;
    justify-self: start;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .va-container {
    width: calc(100% - 40px);
  }

  .va-webinar-hero {
    min-height: 0;
    border-radius: 0 0 24px 24px;
  }

  .va-hero-bg {
    inset: 0;
    height: 100%;
  }

  .va-hero-container {
    min-height: 0;
    padding: 120px 0 34px;
  }

  .va-hero-copy {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    max-width: none;
  }

  .va-eyebrow,
  .va-section-eyebrow {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 1.35px;
  }

  .va-hero-title {
    margin-top: 15px;
    font-size: clamp(43px, 12.7vw, 58px);
    line-height: .98;
    letter-spacing: -2.2px;
  }

  .va-hero-description {
    margin-top: 23px;
    font-size: 17px;
    line-height: 27px;
  }

  .va-webinar-pills {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 23px;
  }

  .va-webinar-pill {
    min-height: 37px;
    font-size: 13px;
  }

  .va-hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
    margin-top: 25px;
  }

  .va-btn-primary {
    width: 100%;
  }

  .va-event-card {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    min-height: 104px;
    margin-top: 34px;
    grid-template-columns: 72px 1fr;
  }

  .va-panelist-initials {
    display: flex;
    grid-column: 1 / -1;
    width: auto;
    margin-left: 90px;
    margin-top: -13px;
  }

  .va-hero-tags {
    position: relative;
    left: auto;
    bottom: auto;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 30px;
  }

  .va-partners {
    height: auto;
    padding: 30px 0;
  }

  .va-partners-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 28px;
  }

  .va-partners-label {
    width: 100%;
  }

  .va-partner-name {
    text-align: left;
  }

  .va-why-attend {
    margin-top: 64px;
  }

  .va-why-grid {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .va-why-media {
    height: 360px;
  }

  .va-why-copy {
    padding-top: 0;
  }

  .va-section-title,
  .va-section-title-large {
    font-size: 42px;
    line-height: 1.06;
    letter-spacing: -1.6px;
  }

  .va-lead {
    margin-top: 20px;
    font-size: 19px;
  }

  .va-why-copy .va-btn {
    width: 100%;
    margin-top: 25px;
  }

  .va-topics {
    margin-top: 70px;
    padding: 70px 0;
  }

  .va-panelists,
  .va-audience {
    padding: 70px 0;
  }

  .va-section-head-split {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }

  .va-section-intro {
    font-size: 17px;
    line-height: 26px;
  }

  .va-topic-grid,
  .va-panelist-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
  }

  .va-topic-card,
  .va-panelist-card {
    height: 340px;
  }

  .va-audience-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .va-audience-cards {
    grid-template-columns: 1fr;
  }

  .va-final-cta-wrap {
    padding-bottom: 70px;
  }

  .va-final-cta {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 34px 24px;
  }

  .va-final-icon {
    width: 58px;
    height: 58px;
  }

  .va-final-copy h2 {
    font-size: 38px;
    line-height: 1.08;
  }

  .va-final-cta .va-btn-primary {
    grid-column: auto;
    width: 100%;
  }
}

/* ========================================================================
   v1.1.0 — exact Figma/export alignment + bundled defaults
   Source of truth: user supplied Figma HTML/CSS export (1440px artboard).
   ======================================================================== */

.va-heading-underscore { color: #2bace2; }
.va-heading-underscore-yellow { color: #fdeb07; }

/* Bundled design imagery is used automatically until a WP media image is set. */
.va-webinar-hero {
  background-color: #0a356f;
  background-image: url('../images/image0.png');
  background-size: cover;
  background-position: center;
}
.va-why-media {
  background-image: url('../images/why-attend.png');
  background-size: cover;
  background-position: center;
}
.va-panelist-card:nth-child(1) .va-photo-placeholder { background-image: url('../images/panelist-1.png'); }
.va-panelist-card:nth-child(2) .va-photo-placeholder { background-image: url('../images/panelist-2.png'); }
.va-panelist-card:nth-child(3) .va-photo-placeholder { background-image: url('../images/panelist-3.png'); }
.va-panelist-card:nth-child(4) .va-photo-placeholder { background-image: url('../images/panelist-4.png'); }
.va-photo-placeholder { background-size: cover; background-position: center; }

/* Default SVGs from the supplied export. Custom uploaded icons still win. */
.va-webinar-pill::before,
.va-btn-primary::after,
.va-btn-link::after,
.va-card-arrow::before,
.va-final-icon::before,
.va-image-badge::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex: 0 0 auto;
}
.va-webinar-pill:nth-child(1)::before { width:17px; height:17px; background-image:url('../icons/calendar.svg'); }
.va-webinar-pill:nth-child(2)::before { width:17px; height:17px; background-image:url('../icons/clock.svg'); }
.va-webinar-pill:nth-child(3)::before { width:16px; height:16px; background-image:url('../icons/send.svg'); }
.va-webinar-pill:has(.va-icon-image)::before { display:none; }

.va-btn-primary::after { width:18px; height:18px; background-image:url('../icons/arrow-up-blue.svg'); }
.va-btn-primary:has(.va-cta-icon)::after { display:none; }
.va-btn-link::after { width:17px; height:17px; background-image:url('../icons/arrow-down-white.svg'); }
.va-btn-link:has(.va-link-icon)::after { display:none; }
.va-card-arrow::before { width:20px; height:20px; background-image:url('../icons/arrow-up-black.svg'); }
.va-card-arrow:has(.va-icon-image)::before { display:none; }
.va-final-icon::before { width:29px; height:29px; background-image:url('../icons/building.svg'); }
.va-final-icon:has(.va-icon-image)::before { display:none; }
.va-image-badge::before { width:18px; height:18px; background-image:url('../icons/sparkles.svg'); }
.va-image-badge > span { display:none; }

/* HERO — exact 1440 Figma geometry, 1260 content. */
.va-webinar-hero { height:735px; min-height:735px; }
.va-hero-container { height:735px; min-height:735px; }
.va-hero-copy { top:174px; width:680.27px; max-width:none; }
.va-hero-title { margin-top:11.27px; font-size:78px; line-height:76.44px; letter-spacing:-3.51px; }
.va-hero-description { width:592.9px; margin-top:22.44px; font-size:19px; line-height:29.45px; }
.va-webinar-pills { margin-top:27.44px; gap:9px; }
.va-webinar-pill { height:39px; min-height:39px; padding:0 13px; }
.va-webinar-pill:nth-child(1) { width:137.23px; justify-content:flex-start; }
.va-webinar-pill:nth-child(2) { width:127px; justify-content:flex-start; }
.va-webinar-pill:nth-child(3) { width:137px; justify-content:flex-start; padding-left:10px; }
.va-hero-actions { margin-top:30px; gap:24px; }
.va-btn-primary { height:56px; min-height:56px; width:286.2px; padding:0 26px; }
.va-btn-link { width:161.2px; min-height:29.95px; justify-content:flex-start; padding:0 0 6px; }
.va-event-card { top:537.02px; width:518.52px; height:104px; padding:15px; gap:18px; grid-template-columns:78px 1fr 115px; }
.va-event-date { width:78px; height:72px; }
.va-event-copy { margin-left:0; }
.va-panelist-initials { width:115px; }
.va-hero-tags { bottom:22px; gap:23px; }

/* Partner strip — exact 115px height and desktop alignment. */
.va-partners-inner {
  grid-template-columns:177.72px 146.55px 140.18px 104.56px 89.47px;
  justify-content:space-between;
  column-gap:0;
}
.va-partner-2 { font-family:Inter, Arial, sans-serif; font-size:12.8px; line-height:16.5px; }

/* WHY ATTEND — exact white section proportions from export. */
.va-why-attend { margin-top:0; padding:100px 0; background:#fff; }
.va-why-grid { min-height:430px; grid-template-columns:464.09px 1fr; gap:69.91px; }
.va-why-media { height:430px; border-radius:24px; }
.va-why-media-overlay { background:linear-gradient(0deg,rgba(7,47,102,.38) 0%,rgba(7,47,102,0) 55%); }
.va-image-badge {
  height:40.27px; min-height:40.27px; padding:0 15px; gap:8px;
  border:0; background:#fff; color:#104c97; backdrop-filter:none; -webkit-backdrop-filter:none;
  font-size:13px; line-height:20.28px; font-weight:800;
}
.va-why-copy { padding-top:19px; }
.va-why-copy .va-section-eyebrow { color:#d8408b; }
.va-section-title { color:#104c97; font-size:55px; line-height:57.75px; letter-spacing:-1.92px; }
.va-why-copy .va-section-title { margin-top:13.26px; }
.va-lead { margin-top:27px; color:#0c2742; font-size:27px; line-height:33.75px; font-weight:600; }
.va-body-copy { margin-top:21.51px; color:#5d6f82; font-size:18px; line-height:28.08px; }
.va-why-copy .va-btn-primary {
  width:207.05px; height:56px; margin-top:49.66px; padding:0 27px;
  background:transparent; color:#104c97 !important; box-shadow:none;
  border:1px solid #b8c9da;
}
.va-why-copy .va-btn-primary::after { background-image:url('../icons/arrow-up-blue.svg'); }

/* Shared section heads in grey/white blocks. */
.va-topics { margin-top:0; padding:102px 0 100px; background:#f2f4f7; overflow:hidden; }
.va-panelists { padding:102px 0 100px; background:#fff; }
.va-topics .va-section-eyebrow,
.va-panelists .va-section-eyebrow,
.va-audience .va-section-eyebrow { color:#d8408b; }
.va-eyebrow-dot::before { width:7px; height:7px; background:#d8408b; }
.va-section-head-split { grid-template-columns:520px 395.66px; justify-content:space-between; gap:0; align-items:end; }
.va-section-title-large { max-width:510px; font-size:55px; line-height:57.75px; letter-spacing:-1.92px; }
.va-section-intro { color:#5d6f82; font-size:18px; line-height:28.08px; }
.va-topic-grid,.va-panelist-grid { gap:18px; margin-top:39.77px; }

/* Topic cards — exact four Figma gradients. */
.va-topic-card {
  height:360px; padding:26px; border:0; border-radius:21px; color:#fff;
}
.va-topic-card:nth-child(1) { background:linear-gradient(149.61deg,#ef4288 0%,#a3307b 100%); }
.va-topic-card:nth-child(2) { background:linear-gradient(149.61deg,#8d49a9 0%,#553184 100%); }
.va-topic-card:nth-child(3) { background:linear-gradient(149.61deg,#2bace2 0%,#104c97 100%); }
.va-topic-card:nth-child(4) { background:linear-gradient(149.61deg,#978c10 0%,#59520b 100%); }
.va-topic-card .va-card-orbit { border-color:rgba(255,255,255,.25); }
.va-topic-card .va-card-number { color:#fff; top:8px; letter-spacing:1.82px; }
.va-topic-card .va-card-arrow {
  top:26px; right:26px; width:40px; height:40px;
  border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.15);
}
.va-topic-card-copy { left:26px; right:26px; bottom:25px; }
.va-topic-card h3 { color:#fff; font-size:27px; line-height:28.08px; letter-spacing:-.68px; }
.va-topic-card p { margin-top:10px; color:rgba(255,255,255,.86); font-size:15px; line-height:23.25px; }

/* Panelists — same 301.5 × 360 card system as export. */
.va-panelist-card { height:360px; border-radius:21px; }
.va-panelist-card .va-card-orbit-one,
.va-panelist-card .va-card-orbit-two { display:block; }
.va-panelist-card::before,.va-panelist-card::after {
  content:""; position:absolute; z-index:1; border:1px solid rgba(255,255,255,.22); border-radius:50%; pointer-events:none;
}
.va-panelist-card::before { width:260px; height:260px; top:-95px; right:-110px; }
.va-panelist-card::after { width:180px; height:180px; top:-55px; right:-75px; }
.va-panelist-card:nth-child(1)::before,.va-panelist-card:nth-child(1)::after { border-color:rgba(159,108,189,.40); }
.va-panelist-card:nth-child(2)::before,.va-panelist-card:nth-child(2)::after { border-color:rgba(212,60,131,.25); }
.va-panelist-card:nth-child(3)::before,.va-panelist-card:nth-child(3)::after { border-color:rgba(39,158,216,.25); }
.va-panelist-card:nth-child(4)::before,.va-panelist-card:nth-child(4)::after { border-color:rgba(253,235,7,.25); }
.va-panelist-gradient { background:linear-gradient(180deg,rgba(43,23,55,0) 0%,rgba(43,23,55,.5) 57%,rgba(43,23,55,1) 100%); }
.va-panelist-card:nth-child(2) .va-panelist-gradient { background:linear-gradient(180deg,rgba(85,9,44,0) 0%,rgba(85,9,44,.5) 57%,rgba(85,9,44,1) 100%); }
.va-panelist-card:nth-child(3) .va-panelist-gradient { background:linear-gradient(180deg,rgba(7,65,97,0) 0%,rgba(7,65,97,.5) 63%,rgba(7,65,97,1) 100%); }
.va-panelist-card:nth-child(4) .va-panelist-gradient { background:linear-gradient(180deg,rgba(49,49,2,0) 0%,rgba(49,49,2,.69) 58%,rgba(49,49,2,1) 100%); }
.va-panelist-card h3 { font-size:24px; line-height:36px; letter-spacing:-.68px; }
.va-panelist-card p { margin-top:4px; font-size:15px; line-height:23.25px; }
.va-card-arrow-light { background:#c58fe6; border-color:rgba(255,255,255,.35); }
.va-panelist-card:nth-child(2) .va-card-arrow-light { background:#ea71a7; }
.va-panelist-card:nth-child(3) .va-card-arrow-light { background:#7ec4e8; }
.va-panelist-card:nth-child(4) .va-card-arrow-light { background:#fdeb07; }

/* Audience block. */
.va-audience { padding:102px 0 103px; background:#f2f4f7; }
.va-audience-grid { grid-template-columns:508.25px 651.75px; gap:100px; align-items:start; }
.va-audience-copy .va-section-title { margin-top:8.27px; }
.va-section-intro-left { max-width:468.25px; margin-top:24.25px; }
.va-audience-cards { padding-top:46.83px; gap:13px; }
.va-audience-card { min-height:87px; height:87px; padding:16px; gap:13px; border-radius:15px; border-color:#dce3eb; }
.va-check-icon { background:rgba(43,172,226,.13); }
.va-check-icon:empty::after {
  content:""; width:18px; height:18px; background:url('../icons/check.svg') center/contain no-repeat;
}
.va-audience-card strong { color:#0c2742; font-size:15px; line-height:23.4px; font-weight:700; }

/* Final CTA — exact 1260 × 222 gradient card. */
.va-final-cta-wrap { padding:0 0 100px; background:#f2f4f7; }
.va-final-cta {
  height:222px; min-height:222px; grid-template-columns:65px 1fr 234.06px; gap:26px;
  padding:0 40px 0 50px; border-radius:28px;
  background:
    radial-gradient(closest-side at 73% 45%,rgba(216,64,139,.82) 0%,rgba(216,64,139,0) 28%),
    linear-gradient(96.24deg,#0a356f 0%,#104c97 54%,#6d3b92 100%);
}
.va-final-icon { width:65px; height:65px; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.2); }
.va-final-copy .va-section-eyebrow { color:#fdeb07; }
.va-final-copy .va-eyebrow-dot::before { background:#fdeb07; }
.va-final-copy h2 { margin-top:8.27px; font-size:51px; line-height:53.55px; letter-spacing:-1.78px; }
.va-final-copy p { margin-top:10px; font-size:18px; line-height:28.08px; opacity:.8; }
.va-final-cta .va-btn-primary { width:234.06px; min-width:234.06px; height:56px; padding:0 26px; }
.va-final-orbit { width:270px; height:270px; right:-75px; top:-135px; border-color:rgba(255,255,255,.18); }

/* Keep WPBakery/theme inherited paragraph margins from changing Figma geometry. */
.va-webinar-hero p,.va-partners p,.va-why-attend p,.va-topics p,.va-panelists p,.va-audience p,.va-final-cta-wrap p { margin-top:0; margin-bottom:0; }

/* ---------- Responsive: deliberately smaller than desktop Figma ---------- */
@media (max-width: 1199px) {
  .va-container { width:calc(100% - 64px); max-width:1260px; }
  .va-webinar-hero { height:auto; min-height:720px; }
  .va-hero-container { height:auto; min-height:720px; }
  .va-hero-copy { width:58%; max-width:680px; }
  .va-hero-title { font-size:62px; line-height:61px; letter-spacing:-2.6px; }
  .va-hero-description { width:100%; font-size:18px; line-height:28px; }
  .va-event-card { width:43%; grid-template-columns:72px 1fr; }
  .va-panelist-initials { display:none; }
  .va-event-copy strong { white-space:normal; }
  .va-why-grid { grid-template-columns:40% 1fr; gap:48px; }
  .va-section-head-split { grid-template-columns:48% 38%; }
  .va-topic-grid,.va-panelist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .va-audience-grid { grid-template-columns:42% 1fr; gap:50px; }
  .va-final-cta { grid-template-columns:58px 1fr 210px; }
  .va-final-copy h2 { font-size:43px; line-height:46px; }
  .va-final-cta .va-btn-primary { width:210px; min-width:210px; }
}

@media (max-width: 991px) {
  .va-container { width:calc(100% - 48px); }
  .va-webinar-hero { height:auto; min-height:0; }
  .va-hero-container { height:auto; min-height:0; padding:135px 0 36px; }
  .va-hero-copy { position:relative; top:auto; width:100%; max-width:700px; }
  .va-hero-title { font-size:56px; line-height:56px; letter-spacing:-2.2px; }
  .va-webinar-pills { flex-wrap:wrap; }
  .va-event-card { position:relative; top:auto; right:auto; width:100%; max-width:520px; margin-top:34px; }
  .va-hero-tags { position:relative; bottom:auto; margin-top:30px; }
  .va-partners { height:auto; padding:28px 0; }
  .va-partners-inner { grid-template-columns:repeat(2,1fr); gap:20px 28px; }
  .va-partners-label { grid-column:1/-1; }
  .va-why-attend { padding:70px 0; }
  .va-why-grid { grid-template-columns:1fr; gap:34px; }
  .va-why-media { width:100%; max-width:560px; }
  .va-why-copy { padding-top:0; }
  .va-section-head-split { grid-template-columns:1fr; gap:22px; }
  .va-section-title,.va-section-title-large { font-size:44px; line-height:47px; letter-spacing:-1.5px; }
  .va-topics,.va-panelists,.va-audience { padding:72px 0; }
  .va-audience-grid { grid-template-columns:1fr; gap:28px; }
  .va-audience-cards { padding-top:0; }
  .va-final-cta { height:auto; min-height:0; grid-template-columns:58px 1fr; padding:32px; }
  .va-final-cta .va-btn-primary { grid-column:2; justify-self:start; }
}

@media (max-width: 767px) {
  .va-container { width:calc(100% - 40px); }
  .va-webinar-hero { border-radius:0 0 24px 24px; background-position:center; }
  .va-hero-container { padding:105px 0 28px; }
  .va-eyebrow,.va-section-eyebrow { font-size:10px; line-height:16px; letter-spacing:1.2px; }
  .va-glow-dot { width:7px; height:7px; flex-basis:7px; box-shadow:0 0 0 5px rgba(253,235,7,.14); }
  .va-hero-title { margin-top:12px; font-size:42px; line-height:42px; letter-spacing:-1.65px; }
  .va-hero-description { margin-top:19px; font-size:16px; line-height:25px; }
  .va-webinar-pills { margin-top:20px; gap:7px; }
  .va-webinar-pill { width:auto !important; height:35px; min-height:35px; padding:0 11px; gap:7px; font-size:12px; line-height:18px; }
  .va-webinar-pill::before { transform:scale(.88); }
  .va-hero-actions { margin-top:22px; gap:15px; flex-direction:column; align-items:flex-start; }
  .va-btn { min-height:50px; height:50px; font-size:15px; line-height:23px; }
  .va-btn-primary { width:100%; max-width:286px; }
  .va-btn-link { width:auto; min-height:27px; font-size:14px; line-height:22px; }
  .va-event-card { max-width:none; min-height:96px; height:auto; padding:12px; grid-template-columns:64px 1fr; gap:13px; border-radius:16px; }
  .va-event-date { width:64px; height:62px; }
  .va-event-date span { font-size:9px; line-height:14px; }
  .va-event-date strong { font-size:25px; line-height:26px; }
  .va-event-label { font-size:9px; line-height:12px; letter-spacing:1.1px; }
  .va-event-copy strong { font-size:13px; line-height:17px; }
  .va-panelist-initials { display:flex; grid-column:1/-1; width:auto; margin-left:76px; margin-top:-8px; }
  .va-panelist-initials span { width:30px; height:30px; font-size:8px; }
  .va-hero-tags { gap:10px 14px; margin-top:24px; font-size:10px; line-height:16px; }

  .va-partners { padding:24px 0; }
  .va-partners-inner { gap:18px 20px; }
  .va-partner-1 { font-size:14px; }
  .va-partner-2 { font-size:11px; }
  .va-partner-3 { font-size:16px; letter-spacing:1.5px; }
  .va-partner-4 { font-size:17px; }

  .va-why-attend { padding:56px 0; }
  .va-why-grid { gap:28px; }
  .va-why-media { height:300px; border-radius:18px; }
  .va-image-badge { left:14px; bottom:14px; height:34px; min-height:34px; font-size:11px; padding:0 11px; }
  .va-section-title,.va-section-title-large { font-size:36px; line-height:39px; letter-spacing:-1.2px; }
  .va-why-copy .va-section-title { margin-top:10px; }
  .va-lead { margin-top:18px; font-size:20px; line-height:27px; }
  .va-body-copy { margin-top:15px; font-size:15px; line-height:24px; }
  .va-why-copy .va-btn-primary { width:190px; margin-top:25px; }

  .va-topics,.va-panelists,.va-audience { padding:56px 0; }
  .va-section-intro { font-size:15px; line-height:24px; }
  .va-topic-grid,.va-panelist-grid { grid-template-columns:1fr; gap:14px; margin-top:28px; }
  .va-topic-card { height:300px; padding:20px; border-radius:18px; }
  .va-topic-card .va-card-arrow { top:20px; right:20px; width:36px; height:36px; }
  .va-topic-card-copy { left:20px; right:20px; bottom:20px; }
  .va-topic-card h3 { font-size:23px; line-height:25px; }
  .va-topic-card p { font-size:13px; line-height:20px; }
  .va-panelist-card { height:315px; border-radius:18px; }
  .va-panelist-card h3 { font-size:21px; line-height:28px; }
  .va-panelist-card p { font-size:13px; line-height:20px; }

  .va-audience-grid { gap:24px; }
  .va-section-intro-left { margin-top:16px; }
  .va-audience-cards { grid-template-columns:1fr; gap:10px; }
  .va-audience-card { min-height:72px; height:auto; padding:13px; }
  .va-audience-card strong { font-size:13px; line-height:20px; }
  .va-check-icon { width:30px; height:30px; flex-basis:30px; }

  .va-final-cta-wrap { padding-bottom:56px; }
  .va-final-cta { grid-template-columns:1fr; gap:17px; padding:26px 20px; border-radius:22px; }
  .va-final-icon { width:52px; height:52px; }
  .va-final-icon::before { width:24px; height:24px; }
  .va-final-copy h2 { margin-top:8px; font-size:34px; line-height:37px; letter-spacing:-1.1px; }
  .va-final-copy p { margin-top:8px; font-size:15px; line-height:23px; }
  .va-final-cta .va-btn-primary { grid-column:auto; width:100%; min-width:0; max-width:240px; }
  .va-final-orbit { width:210px; height:210px; right:-95px; top:-105px; }
}

@media (max-width: 479px) {
  .va-container { width:calc(100% - 32px); }
  .va-hero-container { padding-top:92px; }
  .va-hero-title { font-size:36px; line-height:37px; letter-spacing:-1.35px; }
  .va-hero-description { font-size:15px; line-height:23px; }
  .va-webinar-pill { font-size:11px; padding:0 9px; }
  .va-event-card { grid-template-columns:58px 1fr; }
  .va-event-date { width:58px; height:58px; }
  .va-panelist-initials { margin-left:70px; }
  .va-section-title,.va-section-title-large { font-size:32px; line-height:35px; }
  .va-lead { font-size:18px; line-height:25px; }
  .va-why-media { height:260px; }
  .va-topic-card { height:280px; }
  .va-panelist-card { height:290px; }
  .va-partners-inner { grid-template-columns:1fr; }
  .va-partners-label { grid-column:auto; }
  .va-final-copy h2 { font-size:30px; line-height:33px; }
}


/* ========================================================================
   v1.2.0 — full-bleed section backgrounds + 1260px content + hero fixes
   ======================================================================== */

/*
 * WPBakery/the theme may place the shortcode inside a boxed 1260px row.
 * Every VirtuAlly section breaks out to viewport width while its own
 * .va-container remains capped at 1260px. This keeps all backgrounds full
 * width without requiring a special "stretch row" setting in WPBakery.
 */
.va-webinar-hero,
.va-partners,
.va-why-attend,
.va-topics,
.va-panelists,
.va-audience,
.va-final-cta-wrap {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.va-container {
  width: calc(100% - 48px);
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

/* Hero tag defaults must remain visible at the bottom of the 735px hero. */
.va-hero-tags {
  display: flex !important;
  visibility: visible !important;
  opacity: 1;
  white-space: nowrap;
}
.va-hero-tags span { display: inline-block; }
.va-hero-tags i { display: block; flex: 0 0 4px; }

/* Keep the yellow CTA identical to the Figma one-line composition. */
.va-hero-actions .va-btn-primary {
  width: auto;
  min-width: 286.2px;
  max-width: none;
  flex: 0 0 auto;
  justify-content: flex-start;
  gap: 10px;
  padding-left: 26px;
  padding-right: 26px;
  white-space: nowrap;
}
.va-hero-actions .va-btn-primary > span {
  display: block;
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
}
.va-hero-actions .va-btn-primary .va-cta-icon,
.va-hero-actions .va-btn-primary::after {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0;
}

/* Secondary hero CTA: keep label and arrow together exactly as one line. */
.va-hero-actions .va-btn-link {
  flex: 0 0 auto;
  width: auto;
  min-width: 161.2px;
  white-space: nowrap;
}
.va-hero-actions .va-btn-link > span {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Prevent theme button/span rules from changing the Figma flex geometry. */
.va-webinar-hero .va-btn span,
.va-final-cta-wrap .va-btn span,
.va-why-attend .va-btn span {
  width: auto;
  max-width: none;
}

@media (max-width: 1307px) {
  .va-container { width: calc(100% - 48px); }
}

@media (max-width: 767px) {
  .va-container { width: calc(100% - 32px); }

  .va-hero-tags {
    white-space: normal;
    flex-wrap: wrap;
  }

  .va-hero-actions .va-btn-primary {
    min-width: 0;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 479px) {
  .va-container { width: calc(100% - 28px); }
  .va-hero-actions .va-btn-primary {
    width: 100%;
    justify-content: center;
  }
}

/* ========================================================================
   v1.3.0 — header overlap + editable responsive hero top spacing
   ======================================================================== */

/*
 * Positive values entered in WPBakery are rendered as negative margin vars
 * for the pull-up controls. The hero itself stays behind the theme header,
 * while its internal content can be pushed down independently.
 */
.va-webinar-hero {
  margin-top: var(--va-hero-pull-desktop, -240px);
  height: calc(735px + var(--va-hero-offset-desktop, 100px));
  min-height: calc(735px + var(--va-hero-offset-desktop, 100px));
  z-index: 0;
}
.va-hero-container {
  height: calc(735px + var(--va-hero-offset-desktop, 100px));
  min-height: calc(735px + var(--va-hero-offset-desktop, 100px));
}
.va-hero-copy {
  top: calc(174px + var(--va-hero-offset-desktop, 100px));
}
.va-event-card {
  top: calc(537.02px + var(--va-hero-offset-desktop, 100px));
}

/* Tablet / smaller desktop uses the dedicated tablet controls. */
@media (max-width: 1199px) {
  .va-webinar-hero {
    margin-top: var(--va-hero-pull-tablet, -140px);
  }
}

/* At <= 991px the hero switches to normal flow, so the content control
 * becomes padding rather than an absolute-position offset. */
@media (max-width: 991px) {
  .va-webinar-hero {
    margin-top: var(--va-hero-pull-tablet, -140px);
    height: auto;
    min-height: 0;
  }
  .va-hero-container {
    height: auto;
    min-height: 0;
    padding-top: calc(135px + var(--va-hero-offset-tablet, 70px));
  }
  .va-hero-copy { top: auto; }
  .va-event-card { top: auto; }
}

@media (max-width: 767px) {
  .va-webinar-hero {
    margin-top: var(--va-hero-pull-mobile, -90px);
  }
  .va-hero-container {
    padding-top: calc(105px + var(--va-hero-offset-mobile, 50px));
  }
}

@media (max-width: 479px) {
  .va-hero-container {
    padding-top: calc(92px + var(--va-hero-offset-mobile, 50px));
  }
}

/* ========================================================================
   v1.4.0 — zero host-row gaps, tighter headings, corrected cards & hovers
   ======================================================================== */

/*
 * Impreza/Zephyr-style WPBakery rows can add their own vertical indents.
 * The companion JS marks only rows that actually contain one of our widgets,
 * then these rules remove the host spacing without touching unrelated rows.
 */
.va-webinar-host-section,
.va-webinar-host-section > .l-section-h,
.va-webinar-host-row,
.va-webinar-host-column,
.va-webinar-host-column > .vc_column-inner,
.va-webinar-host-column > .vc_column-inner > .wpb_wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.va-webinar-host-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.va-webinar-host-section > .l-section-h,
.va-webinar-host-column > .vc_column-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* No artificial spacing between our full-bleed sections. */
.va-partners,
.va-why-attend,
.va-topics,
.va-panelists,
.va-audience,
.va-final-cta-wrap {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Partners is exactly the 115px Figma strip, no extra row/section whitespace. */
.va-partners {
  height: 115px;
  min-height: 115px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Why Attend begins immediately after the preceding strip. */
.va-why-attend {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.va-why-grid {
  min-height: 430px;
}

/* Consistent, tighter eyebrow -> title relationship across all sections. */
.va-section-title,
.va-section-title-large,
.va-why-copy .va-section-title,
.va-audience-copy .va-section-title,
.va-final-copy h2 {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

/* Why Attend CTA: never wrap, keep arrow and label together. */
.va-why-copy .va-btn-primary {
  width: auto !important;
  min-width: 218px;
  max-width: none;
  padding-left: 24px;
  padding-right: 24px;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.va-why-copy .va-btn-primary > span {
  width: auto !important;
  flex: 0 0 auto;
  white-space: nowrap !important;
}
.va-why-copy .va-btn-primary::after,
.va-why-copy .va-btn-primary .va-cta-icon {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-left: 0;
}

/* Correct fourth topic card from the supplied AutoHTML/Figma export. */
.va-topic-card:nth-child(4) {
  background: linear-gradient(149.61deg, #194f9a 0%, #082d62 100%) !important;
}

/* Final CTA user-selected background image. */
.va-final-cta.va-final-cta-has-bg {
  background-color: #0a356f;
  background-image:
    linear-gradient(96deg, rgba(10,53,111,.90) 0%, rgba(16,76,151,.78) 52%, rgba(109,59,146,.68) 100%),
    var(--va-final-custom-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Remove the trailing artificial gap below the last custom section. */
.va-final-cta-wrap {
  padding-bottom: 0 !important;
}

/* Refined hover states. Only activate on devices that actually hover. */
.va-topic-card,
.va-panelist-card,
.va-audience-card,
.va-card-arrow,
.va-btn,
.va-btn-link {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, opacity .22s ease;
}

@media (hover: hover) and (pointer: fine) {
  .va-btn:hover,
  .va-btn:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(4,34,72,.18);
  }

  .va-why-copy .va-btn-primary:hover,
  .va-why-copy .va-btn-primary:focus-visible {
    background: rgba(16,76,151,.06);
    border-color: #104c97;
  }

  .va-btn-link:hover,
  .va-btn-link:focus-visible {
    transform: translateY(-1px);
    opacity: .82;
  }

  .va-topic-card:hover,
  .va-panelist-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(10,53,111,.14);
  }

  .va-topic-card:hover .va-card-arrow,
  .va-panelist-card:hover .va-card-arrow {
    transform: translate(2px,-2px) scale(1.04);
  }

  .va-audience-card:hover {
    transform: translateY(-3px);
    border-color: #b9c9d9;
    box-shadow: 0 12px 26px rgba(10,53,111,.08);
  }
}

@media (max-width: 991px) {
  /* Section backgrounds still touch; only their own responsive inner padding remains. */
  .va-why-attend { padding: 0 !important; }
}

@media (max-width: 767px) {
  .va-partners {
    height: auto;
    min-height: 0;
    padding: 22px 0 !important;
  }

  .va-why-attend {
    padding: 0 !important;
  }

  .va-section-title,
  .va-section-title-large,
  .va-why-copy .va-section-title,
  .va-audience-copy .va-section-title,
  .va-final-copy h2 {
    margin-top: 4px !important;
  }

  .va-why-copy .va-btn-primary {
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }

  .va-final-cta-wrap {
    padding-bottom: 0 !important;
  }
}
.va-webinar-host-section,
.va-webinar-host-section > .l-section-h {
  min-height: 0 !important;
}


/* ========================================================================
   v1.5.0 — restored hero content clearance + consistent section rhythm
   ======================================================================== */

/*
 * When the hero is pulled upward behind/under a theme header, compensate
 * the inner content by the same amount. This preserves the Figma content
 * position instead of letting the eyebrow/title slide underneath the header.
 * The existing WPBakery Hero Spacing controls remain fully editable.
 */
.va-webinar-hero {
  margin-top: var(--va-hero-pull-desktop, -240px);
  height: calc(735px + var(--va-hero-pull-abs-desktop, 240px) + var(--va-hero-offset-desktop, 100px));
  min-height: calc(735px + var(--va-hero-pull-abs-desktop, 240px) + var(--va-hero-offset-desktop, 100px));
}
.va-hero-container {
  height: calc(735px + var(--va-hero-pull-abs-desktop, 240px) + var(--va-hero-offset-desktop, 100px));
  min-height: calc(735px + var(--va-hero-pull-abs-desktop, 240px) + var(--va-hero-offset-desktop, 100px));
}
.va-hero-copy {
  top: calc(174px + var(--va-hero-pull-abs-desktop, 240px) + var(--va-hero-offset-desktop, 100px));
}
.va-event-card {
  top: calc(537.02px + var(--va-hero-pull-abs-desktop, 240px) + var(--va-hero-offset-desktop, 100px));
}

/* Partners stays an exact compact 115px strip with no host-row whitespace. */
.va-partners {
  display: flex;
  align-items: center;
  height: 115px !important;
  min-height: 115px !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden;
}
.va-partners-inner {
  height: 115px;
  min-height: 115px;
}

/*
 * Restore the Figma 100px breathing room around Why Attend and normalize the
 * main content sections to the same desktop rhythm. This is section padding,
 * not an accidental WPBakery row gap.
 */
.va-why-attend,
.va-topics,
.va-panelists,
.va-audience {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* Every non-hero eyebrow gets a dot and a tighter, consistent title gap. */
.va-section-eyebrow {
  line-height: 15px !important;
}
.va-section-eyebrow.va-eyebrow-dot {
  padding-left: 17px;
}
.va-why-attend .va-eyebrow-dot::before,
.va-topics .va-eyebrow-dot::before,
.va-panelists .va-eyebrow-dot::before,
.va-audience .va-eyebrow-dot::before {
  background: #d8408b;
}
.va-final-cta .va-eyebrow-dot::before {
  background: #fdeb07;
}
.va-section-title,
.va-section-title-large,
.va-why-copy .va-section-title,
.va-audience-copy .va-section-title,
.va-final-copy h2 {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

/* Final CTA keeps the Figma-style bottom breathing room. */
.va-final-cta-wrap {
  padding-top: 0 !important;
  padding-bottom: 100px !important;
}

/* Tablet: compensate the tablet pull value and keep a consistent 72px rhythm. */
@media (min-width: 992px) and (max-width: 1199px) {
  .va-webinar-hero {
    margin-top: var(--va-hero-pull-tablet, -140px);
    height: calc(735px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
    min-height: calc(735px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
  }
  .va-hero-container {
    height: calc(735px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
    min-height: calc(735px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
  }
  .va-hero-copy {
    top: calc(174px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
  }
  .va-event-card {
    top: calc(537.02px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
  }
}

@media (max-width: 991px) {
  .va-webinar-hero {
    margin-top: var(--va-hero-pull-tablet, -140px);
    height: auto;
    min-height: 0;
  }
  .va-hero-container {
    height: auto;
    min-height: 0;
    padding-top: calc(135px + var(--va-hero-pull-abs-tablet, 140px) + var(--va-hero-offset-tablet, 70px));
  }
  .va-hero-copy,
  .va-event-card {
    top: auto;
  }
  .va-why-attend,
  .va-topics,
  .va-panelists,
  .va-audience {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .va-final-cta-wrap {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .va-webinar-hero {
    margin-top: var(--va-hero-pull-mobile, -90px);
  }
  .va-hero-container {
    padding-top: calc(105px + var(--va-hero-pull-abs-mobile, 90px) + var(--va-hero-offset-mobile, 50px));
  }
  .va-why-attend,
  .va-topics,
  .va-panelists,
  .va-audience {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .va-final-cta-wrap {
    padding-bottom: 56px !important;
  }
  .va-section-eyebrow {
    line-height: 14px !important;
  }
  .va-section-title,
  .va-section-title-large,
  .va-why-copy .va-section-title,
  .va-audience-copy .va-section-title,
  .va-final-copy h2 {
    margin-top: 3px !important;
  }
}

@media (max-width: 479px) {
  .va-hero-container {
    padding-top: calc(92px + var(--va-hero-pull-abs-mobile, 90px) + var(--va-hero-offset-mobile, 50px));
  }
  .va-final-cta-wrap {
    padding-bottom: 48px !important;
  }
}

/* ========================================================================
   v1.6.0 — stable first paint, equal section rhythm, blinking underscores
   ======================================================================== */

/*
 * Apply the host-row reset without waiting for the footer JS. The inline
 * critical copy is printed in wp_head; this full rule also lives here for
 * normal stylesheet operation and cache/debug visibility.
 */
@supports selector(.l-section:has(.va-webinar-hero)) {
  .l-section:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap),
  .l-section:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap) > .l-section-h,
  .vc_row:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap),
  .wpb_row:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap),
  .vc_column_container:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap),
  .vc_column_container:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap) > .vc_column-inner,
  .vc_column_container:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap) > .vc_column-inner > .wpb_wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .l-section:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap),
  .l-section:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap) > .l-section-h,
  .vc_column_container:has(.va-webinar-hero,.va-partners,.va-why-attend,.va-topics,.va-panelists,.va-audience,.va-final-cta-wrap) > .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }
}

/* Keep the Figma-style underscore alive as a subtle blinking cursor. */
.va-heading-underscore,
.va-heading-underscore-yellow {
  display: inline-block;
  animation: va-heading-cursor-blink 1s steps(1, end) infinite;
}
@keyframes va-heading-cursor-blink {
  0%, 46% { opacity: 1; }
  47%, 86% { opacity: 0; }
  87%, 100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .va-heading-underscore,
  .va-heading-underscore-yellow { animation: none; }
}

/*
 * Partners: force every label into the exact vertical center of the 115px
 * strip so the top and bottom whitespace are visually identical.
 */
.va-partners,
.va-partners-inner {
  height: 115px !important;
  min-height: 115px !important;
}
.va-partners-inner {
  align-items: stretch !important;
}
.va-partners-inner > * {
  height: 115px;
  min-height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.va-partners-inner > .va-partners-label {
  justify-content: flex-start;
}

/*
 * Use inner-container padding for section rhythm. This is more resistant to
 * theme/WPBakery section padding rules than padding the full-bleed section.
 */
.va-why-attend,
.va-topics,
.va-panelists,
.va-audience,
.va-final-cta-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.va-why-attend > .va-container,
.va-topics > .va-container,
.va-panelists > .va-container,
.va-audience > .va-container {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.va-final-cta-wrap > .va-container {
  padding-top: 0 !important;
  padding-bottom: 100px !important;
}

/* 4px tighter than v1.5.0: eyebrow and title now meet with no extra margin. */
.va-section-title,
.va-section-title-large,
.va-why-copy .va-section-title,
.va-audience-copy .va-section-title,
.va-final-copy h2 {
  margin-top: 0 !important;
}

/* Mobile Final CTA: every visible piece is centered, including the eyebrow. */
@media (max-width: 767px) {
  .va-why-attend > .va-container,
  .va-topics > .va-container,
  .va-panelists > .va-container,
  .va-audience > .va-container {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .va-final-cta-wrap > .va-container {
    padding-bottom: 56px !important;
  }

  .va-final-cta {
    justify-items: center !important;
    text-align: center !important;
  }
  .va-final-icon {
    justify-self: center !important;
  }
  .va-final-copy {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .va-final-copy .va-section-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    text-align: center;
  }
  .va-final-copy h2,
  .va-final-copy p {
    width: 100%;
    text-align: center;
  }
  .va-final-cta .va-btn-primary {
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .va-why-attend > .va-container,
  .va-topics > .va-container,
  .va-panelists > .va-container,
  .va-audience > .va-container {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .va-final-cta-wrap > .va-container {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .va-final-cta-wrap > .va-container {
    padding-bottom: 48px !important;
  }
}

/* ========================================================================
   v1.7.0 — partner logos, 1280/1440 safeguards, Why Attend alignment
   ======================================================================== */

/*
 * The main design remains a 1260px desktop container, but every viewport gets
 * a real side gutter. This prevents 1280/1366 laptop widths from pinning fixed
 * Figma geometry against the browser edge while preserving 90px gutters at
 * a full 1440px viewport (1260px centered content).
 */
.va-container {
  width: min(1260px, calc(100% - 48px)) !important;
  max-width: 1260px !important;
  margin-inline: auto !important;
}

/* Partner strip: label stays left; uploaded logos occupy a centered flex zone.
 * The group is centered as a group whether it contains 2, 3, 4, or more logos.
 */
.va-partners-inner {
  display: flex !important;
  align-items: center !important;
  gap: 42px !important;
}
.va-partners-inner > .va-partners-label {
  flex: 0 0 178px;
  width: 178px;
  height: auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}
.va-partners-items {
  min-width: 0;
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(38px, 5vw, 92px);
}
.va-partner-item {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
}
.va-partner-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 180px;
  max-height: 34px;
  object-fit: contain;
}
.va-partner-item .va-partner-name {
  display: block;
  width: auto;
  height: auto;
  white-space: nowrap;
  text-align: center;
}

/* Why Attend desktop: make the copy the same height as the Figma image and
 * pin the CTA to the bottom, so its baseline never falls below the image.
 */
@media (min-width: 992px) {
  .va-why-grid { align-items: stretch !important; }
  .va-why-copy {
    height: 430px;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .va-why-copy .va-btn-primary {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }
}

/* Mid-size desktops/laptops: fluidize the fixed 1440-artboard geometry before
 * it can collide. The design still reads as desktop, just with safe widths.
 */
@media (min-width: 1200px) and (max-width: 1399px) {
  .va-container { width: calc(100% - 64px) !important; }

  .va-hero-copy {
    width: min(620px, 54%) !important;
    max-width: 54% !important;
  }
  .va-hero-title {
    font-size: clamp(62px, 5.1vw, 70px) !important;
    line-height: .99 !important;
    letter-spacing: -2.8px !important;
  }
  .va-hero-description { width: min(560px, 100%) !important; }
  .va-event-card {
    width: min(460px, 40%) !important;
    grid-template-columns: 70px minmax(0,1fr) auto !important;
    gap: 14px !important;
  }
  .va-event-date { width: 70px !important; }
  .va-panelist-initials { width: 102px !important; }
  .va-panelist-initials span { width: 31px !important; height: 31px !important; flex-basis:31px !important; }

  .va-why-grid {
    grid-template-columns: minmax(380px, 41%) minmax(0, 1fr) !important;
    gap: clamp(42px, 4vw, 60px) !important;
  }
  .va-why-media { width: 100% !important; }

  .va-section-head-split {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 38%) !important;
    gap: 48px !important;
  }
  .va-topic-grid,
  .va-panelist-grid { gap: 14px !important; }
  .va-topic-card { padding: 22px !important; }
  .va-topic-card-copy { left:22px !important; right:22px !important; }
  .va-audience-grid {
    grid-template-columns: minmax(410px, 42%) minmax(0,1fr) !important;
    gap: 52px !important;
  }
}

/* 992–1199: keep comfortable side gutters and fluid fixed-width pieces. */
@media (min-width: 992px) and (max-width: 1199px) {
  .va-container { width: calc(100% - 56px) !important; }
  .va-why-grid {
    grid-template-columns: minmax(350px, 40%) minmax(0,1fr) !important;
    gap: 42px !important;
  }
  .va-why-media { width:100% !important; }
  .va-why-copy { height:430px; min-height:430px; }
  .va-section-head-split {
    grid-template-columns: minmax(0,1fr) minmax(300px,38%) !important;
    gap: 38px !important;
  }
}

/* Tablet/mobile partner logos wrap as a centered logo cloud. */
@media (max-width: 991px) {
  .va-container { width: calc(100% - 40px) !important; }
  .va-partners { height:auto !important; min-height:0 !important; padding:24px 0 !important; }
  .va-partners-inner {
    height:auto !important;
    min-height:0 !important;
    flex-direction: column;
    justify-content:center !important;
    gap: 18px !important;
  }
  .va-partners-inner > .va-partners-label {
    flex: none;
    width:100%;
    text-align:center;
    justify-content:center !important;
  }
  .va-partners-items {
    width:100%;
    height:auto;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px 34px;
  }
  .va-partner-item { height:auto; }
  .va-partner-logo { max-width:150px; max-height:30px; }

  .va-why-copy {
    height:auto !important;
    min-height:0 !important;
    display:block !important;
  }
  .va-why-copy .va-btn-primary { margin-top:25px !important; }
}

/* Mobile Why Attend image: preserve the complete exported artwork instead of
 * cropping the nurse at the top/bottom. Uploaded images get the same behavior.
 */
@media (max-width: 767px) {
  .va-container { width: calc(100% - 32px) !important; }
  .va-why-media {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio: 464.09 / 430;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  .va-why-media > img {
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center top !important;
  }
  .va-image-badge {
    left:14px !important;
    bottom:14px !important;
    max-width: calc(100% - 28px);
  }
}

@media (max-width: 479px) {
  .va-container { width: calc(100% - 28px) !important; }
  .va-partners-items { gap:18px 24px; }
  .va-partner-logo { max-width:126px; max-height:28px; }
}

/* ========================================================================
   v1.7.1 — PARTNER STRIP ONLY
   Larger logos + balanced responsive vertical spacing. No other sections.
   ======================================================================== */
.va-partners {
  height: auto !important;
  min-height: 120px !important;
  padding: 24px 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.va-partners-inner {
  height: auto !important;
  min-height: 0 !important;
  align-items: center !important;
}
.va-partners-inner > * {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.va-partners-items,
.va-partner-item {
  height: auto !important;
  min-height: 0 !important;
}
.va-partner-logo {
  width: auto;
  height: auto;
  max-width: 220px;
  max-height: 46px;
  object-fit: contain;
  object-position: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .va-partners {
    min-height: 116px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .va-partners-items { gap: clamp(28px, 4vw, 54px) !important; }
  .va-partner-logo { max-width: 190px; max-height: 42px; }
}

@media (max-width: 991px) {
  .va-partners {
    min-height: 0 !important;
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
  .va-partners-inner { gap: 16px !important; }
  .va-partners-items {
    gap: 18px 30px !important;
    align-items: center !important;
  }
  .va-partner-logo { max-width: 160px; max-height: 38px; }
}

@media (max-width: 767px) {
  .va-partners {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .va-partners-items { gap: 18px 24px !important; }
  .va-partner-logo { max-width: 145px; max-height: 36px; }
}

@media (max-width: 479px) {
  .va-partners {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .va-partners-inner { gap: 14px !important; }
  .va-partners-items { gap: 16px 20px !important; }
  .va-partner-logo { max-width: 132px; max-height: 34px; }
}

/* ========================================================================
   v1.7.4 — PARTNER LOGOS FINAL RESET
   Only the Webinar Partners logo presentation is changed here.
   All logos use the same fixed visual frame, cover the frame consistently,
   and scale up slightly inside the clipped frame to remove excess transparent
   whitespace present in some uploaded logo files.
   ======================================================================== */
.va-partners-items {
  align-items: center !important;
  justify-content: center !important;
}

.va-partner-item {
  flex: 0 0 255px !important;
  width: 255px !important;
  height: 91px !important;
  min-width: 255px !important;
  max-width: 255px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.va-partner-logo {
  display: block !important;
  width: 255px !important;
  height: 91px !important;
  max-width: 255px !important;
  max-height: 91px !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.38) !important;
  transform-origin: center !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .va-partner-item {
    flex-basis: 230px !important;
    width: 230px !important;
    height: 82px !important;
    min-width: 230px !important;
    max-width: 230px !important;
  }
  .va-partner-logo {
    width: 230px !important;
    height: 82px !important;
    max-width: 230px !important;
    max-height: 82px !important;
    transform: scale(1.35) !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .va-partner-item {
    flex-basis: 220px !important;
    width: 220px !important;
    height: 78px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }
  .va-partner-logo {
    width: 220px !important;
    height: 78px !important;
    max-width: 220px !important;
    max-height: 78px !important;
    transform: scale(1.32) !important;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .va-partner-item {
    flex-basis: 205px !important;
    width: 205px !important;
    height: 72px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }
  .va-partner-logo {
    width: 205px !important;
    height: 72px !important;
    max-width: 205px !important;
    max-height: 72px !important;
    transform: scale(1.30) !important;
  }
}

@media (max-width: 479px) {
  .va-partner-item {
    flex-basis: 190px !important;
    width: 190px !important;
    height: 68px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }
  .va-partner-logo {
    width: 190px !important;
    height: 68px !important;
    max-width: 190px !important;
    max-height: 68px !important;
    transform: scale(1.28) !important;
  }
}

/* ========================================================================
   v1.7.5 — Partner logo no-crop final override
   Keep the exact same visual containers from v1.7.4, but show every logo
   completely inside its frame. No clipping, no artificial zoom/crop.
   ======================================================================== */
.va-partner-item {
  overflow: visible !important;
}

.va-partner-logo {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transform-origin: center center !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .va-partner-logo { object-fit: contain !important; transform: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .va-partner-logo { object-fit: contain !important; transform: none !important; }
}

@media (min-width: 480px) and (max-width: 767px) {
  .va-partner-logo { object-fit: contain !important; transform: none !important; }
}

@media (max-width: 479px) {
  .va-partner-logo { object-fit: contain !important; transform: none !important; }
}