@charset "UTF-8";
section.related-content-offers {
  position: relative;
  display: flex;
  padding: 75px 25px;
  flex-direction: column;
  align-items: flex-start;
  gap: 75px;
  align-self: stretch;
  background: var(--surface-surface-light_nw050, #fcfcf8);
}
section.related-content-offers .threads {
  position: absolute;
  width: 100%;
  top: 11%;
  left: 0;
  right: 0;
}
section.related-content-offers .threads svg {
  width: 100%;
  height: auto;
}
section.related-content-offers .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
section.related-content-offers .section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
section.related-content-offers .section-header h3 {
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Euclid Square", sans-serif, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 83.333% */
}
section.related-content-offers .section-header .view-all a {
  color: var(--Brand-Colors-Primary-400, #10845d);
  font-family: "Euclid Square", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 128.571% */
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}
section.related-content-offers .section-header .view-all a .icon svg path {
  fill: var(--primary-400);
}
section.related-content-offers .post-grid .post-item .card {
  margin-bottom: 40px;
  border-radius: 12px;
  background: var(--surface-surface-light_white, #fff);
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
section.related-content-offers .post-grid .post-item .card .post-thumbnail {
  max-height: 190px;
  overflow: hidden;
}
section.related-content-offers .post-grid .post-item .card .post-content {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media all and (max-width: 768px) {
  section.related-content-offers .post-grid .post-item .card .post-content {
    padding: 12px;
    gap: 8px;
  }
}
section.related-content-offers .post-grid .post-item .card .post-content h3 {
  color: var(--primary-800);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.22px;
}
section.related-content-offers .post-grid .post-item .card .post-content h3 a {
  color: inherit;
}
section.related-content-offers
  .post-grid
  .post-item
  .card
  .post-content
  .reading-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--Brand-Colors-Neutral-400-W, #92958e);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  gap: 6px;
}
section.related-content-offers
  .post-grid
  .post-item
  .card
  .post-content
  .reading-time
  svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-top: -2px;
}
section.related-content-offers
  .post-grid
  .post-item
  .card
  .post-content
  p.excerpt {
  line-height: 22px !important;
  color: #000;
  font-family: var(--inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
}
section.related-content-offers
  .post-grid
  .post-item
  .card
  .post-content
  p.excerpt
  a {
  color: var(--Brand-Colors-Primary-400, #10845d);
  font-family: "Euclid Square", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
section.related-content-offers
  .post-grid
  .post-item
  .card
  .post-content
  .categories {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 8px;
}
section.related-content-offers
  .post-grid
  .post-item
  .card
  .post-content
  .categories
  .pill {
  width: auto;
  color: var(--text-text---dark-green, #036d59) !important;
  padding: 0.25rem 1.25rem;
  min-width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: solid 1px var(--primary-500);
  border-radius: 100px;
  font-family: var(--inter);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

main.webinar {
  background: linear-gradient(
    180deg,
    var(--feature-color-background-neutral-inverse-secondary, #11314a) 0.18%,
    var(--surface-surface-blue_p800, #0f2333) 17.02%,
    var(--surface-surface-blue_p900, #0d141c) 55.38%
  );
  position: relative;
}
main.webinar section {
  margin: 0 auto;
}
main.webinar a.dropdown-toggle {
  color: var(--primary-200);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  color: var(--text-text---dark-green, #036d59);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 166.667% */
  text-transform: uppercase;
  cursor: pointer;
}
main.webinar a.dropdown-toggle:after {
  display: none;
}
main.webinar a.dropdown-toggle svg g path {
  fill: var(--text-text---dark-green, #036d59);
}
main.webinar ul.dropdown-menu {
  display: none;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  top: 140%;
  left: -52%;
  z-index: 20;
  border-radius: 12px;
  background: var(--surface-surface-light_nc050, #f8fafc);
}
main.webinar ul.dropdown-menu:before {
  content: "";
  width: 28px;
  height: 24px;
  background: var(--surface-surface-light_nc050, #f8fafc);
  position: absolute;
  top: -12px;
  left: 50%;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: translate(-12px, -50%);
}
main.webinar ul.dropdown-menu.visible {
  display: flex;
  cursor: pointer;
}
main.webinar ul.dropdown-menu li {
  width: 100%;
  border-radius: 4px;
}
main.webinar ul.dropdown-menu li a {
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
main.webinar .hero {
  padding: 80px 0px;
  position: relative;
}
main.webinar .hero .winston-easter-egg {
  position: absolute;
  bottom: 500px;
  right: 0;
  width: auto;
  height: 500px;
  z-index: 1;
}
main.webinar .hero .winston-easter-egg svg {
  width: 100%;
  height: auto;
}
@media all and (max-width: 768px) {
  main.webinar .hero .winston-easter-egg {
    display: none;
  }
}
main.webinar .hero .container {
  position: relative;
  z-index: 15;
}
main.webinar .hero .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0;
  padding-left: 0;
}
@media all and (max-width: 1000px) {
  main.webinar .hero .content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
main.webinar .hero .content .content-type {
  color: var(--text-text-white, #fff);
  font-family: "Euclid Square", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-bottom: 12px;
}
main.webinar .hero .content h1 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 120% */
  margin-bottom: 40px;
}
main.webinar .hero .content .featured-iamge {
  border-radius: 24px;
  border: 10px solid var(--borders-border-cta-green-dark-mode, #4bd675);
  box-shadow: 0 384px 107px 0 rgba(0, 0, 0, 0),
    0 246px 98px 0 rgba(0, 0, 0, 0.01), 0 138px 83px 0 rgba(0, 0, 0, 0.05),
    0 61px 61px 0 rgba(0, 0, 0, 0.09), 0 15px 34px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 40px;
  width: 100%;
  position: relative;
}
main.webinar .hero .content .featured-iamge .cta-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
main.webinar .hero .content .featured-iamge .btn {
  width: auto;
  max-width: none;
  color: var(--primary-800);
  display: flex;
  max-height: 48px;
  padding: 12px 52px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
}
main.webinar .hero .content .featured-iamge img {
  width: 100%;
  min-width: 100%;
}
main.webinar .hero .video-embed {
  padding: 0px 16px 40px;
  width: 100%;
}
main.webinar .hero .webinar-content-preview {
  padding-left: 0;
  padding-right: 48px;
}
@media all and (max-width: 768px) {
  main.webinar .hero .webinar-content-preview {
    padding-right: 0;
  }
}
main.webinar .hero .webinar-content-preview .content-wrapper {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
}
@media all and (max-width: 768px) {
  main.webinar .hero .webinar-content-preview .content-wrapper {
    padding: 40px 16px;
  }
}
main.webinar .hero .webinar-content-preview .content-wrapper .watch_time,
main.webinar .hero .webinar-content-preview .content-wrapper .published_on {
  color: #818181;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 153.846% */
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
main.webinar .hero .webinar-content-preview .content-wrapper .published_on {
  margin-right: 8px;
}
main.webinar .hero .webinar-content-preview .content-wrapper span.line {
  display: inline-block;
}
main.webinar .hero .webinar-content-preview .content-wrapper .meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .meta
  .social-share {
  margin-left: auto;
}
main.webinar .hero .webinar-content-preview .content-wrapper .meta div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
main.webinar .hero .webinar-content-preview .content-wrapper .meta div .icon {
  margin-top: -5px;
}
@media all and (max-width: 1000px) {
  main.webinar
    .hero
    .webinar-content-preview
    .content-wrapper
    .meta
    div:first-of-type {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  main.webinar
    .hero
    .webinar-content-preview
    .content-wrapper
    .meta
    div:first-of-type
    .line {
    display: none;
  }
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .what-youll-learn
  h4,
main.webinar .hero .webinar-content-preview .content-wrapper .highlights h4 {
  margin-bottom: 16px;
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Euclid Square";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  /* 108.333% */
  letter-spacing: 1.2px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .what-youll-learn
  ul.bulletpoints,
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .highlights
  ul.bulletpoints {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .what-youll-learn
  ul.bulletpoints
  li,
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .highlights
  ul.bulletpoints
  li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 147.059% */
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .what-youll-learn
  ul.bulletpoints
  li
  strong,
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .highlights
  ul.bulletpoints
  li
  strong {
  font-weight: 700;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper {
  margin-top: 40px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--surface-surface-light_nw100, #eaece7);
  border-radius: 16px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote,
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  figcaption {
  max-width: 800px;
  padding-left: 2rem;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote
  p {
  color: var(--Green-Shades-Primary-800, var(--Primary-Primary-800, #0f2333));
  font-family: "Euclid Square";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  quotes: "“" "”" "‘" "’";
  text-indent: -1.55em;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote
  p
  strong {
  color: var(--Green-Shades-Primary-300, var(--Primary-Primary-300, #37b971));
  font-style: italic;
  font-weight: 700;
}
@media all and (max-width: 768px) {
  main.webinar
    .hero
    .webinar-content-preview
    .content-wrapper
    .blockquote-wrapper
    blockquote
    .quote
    p {
    max-width: none;
    margin-left: 20px;
  }
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote
  p:before,
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote
  p:after {
  color: var(--primary-200);
  font-family: "Lexend", Arial, sans-serif;
  font-weight: 600;
  position: relative;
  top: 29px;
  font-size: 64px;
  line-height: 0;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote
  p:before {
  content: open-quote;
  margin-right: 5px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  .quote
  p:after {
  content: close-quote;
  margin-left: 5px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  blockquote
  strong {
  font-weight: 700;
  font-style: italic;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  figcaption {
  width: 100%;
}
@media all and (max-width: 768px) {
  main.webinar
    .hero
    .webinar-content-preview
    .content-wrapper
    .blockquote-wrapper
    figcaption {
    margin-left: 25px;
  }
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  figcaption
  cite {
  display: block;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  figcaption
  .source {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.24px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .blockquote-wrapper
  figcaption
  .title {
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.32px;
}
main.webinar .hero .webinar-content-preview .content-wrapper .form-wrapper {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  margin-top: 40px;
  border-radius: 24px;
  border: 1px solid #c4c4c4;
  background: var(--surface-surface-light_nw100, #eaece7);
}
main.webinar .hero .webinar-content-preview .content-wrapper .form-wrapper h3 {
  color: var(--text-text-dark-blue, #11314a);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Euclid Square", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  /* 118.75% */
  margin-bottom: 0;
}
main.webinar .hero .webinar-content-preview .content-wrapper .form-wrapper p {
  color: var(--text-text-dark-blue, #11314a);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 147.059% */
  margin-bottom: 0;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .form-wrapper
  .mktoForm {
  padding: 0 !important;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .form-wrapper
  .mktoForm
  .mktoLabel {
  color: var(--text-text-dark-blue, #11314a);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Euclid Square", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 123.077% */
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .form-wrapper
  .mktoForm
  .mktoLabel
  .mktoAsterix {
  color: #bf0000;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Euclid Square", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
main.webinar
  .hero
  .webinar-content-preview
  .content-wrapper
  .form-wrapper
  .mktoForm
  .mktoButtonRow {
  margin-top: 0px;
}
main.webinar .latest-posts,
main.webinar .speakers {
  display: flex;
  padding: 30px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  z-index: 10;
  border-radius: 24px;
  background: #fff;
}
@media all and (max-width: 1000px) {
  main.webinar .latest-posts,
  main.webinar .speakers {
    margin-top: 40px;
  }
}
main.webinar .latest-posts h4,
main.webinar .speakers h4 {
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Euclid Square", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 100% */
  margin: 0;
}
main.webinar .latest-posts ul,
main.webinar .speakers ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 0px !important;
}
main.webinar .latest-posts ul li,
main.webinar .speakers ul li {
  padding-bottom: 24px;
  border-bottom: solid 1px #d4d4d4;
  width: 100%;
  list-style: none;
  color: var(--text-text---dark-green, #036d59);
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 147.059% */
}
main.webinar .latest-posts ul li a,
main.webinar .speakers ul li a {
  color: inherit;
  text-decoration: none;
}
main.webinar .speakers {
  margin-bottom: 2rem;
}
main.webinar .speakers ul.speakers-list {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
main.webinar .speakers ul.speakers-list li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: none;
  gap: 16px;
}
main.webinar .speakers ul.speakers-list li .image {
  display: flex;
  width: 96px;
  height: 96px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  overflow: hidden;
}
main.webinar .speakers ul.speakers-list li .image img {
  width: 100%;
}
main.webinar .speakers ul.speakers-list li .details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
main.webinar .speakers ul.speakers-list li .details .name {
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Euclid Square", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 177.778% */
}
main.webinar .speakers ul.speakers-list li .details .title {
  color: var(--text-text-dark-blue, #11314a);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
main.webinar .related-content-offers {
  z-index: 10;
}