/**
 * Base Marketing Page layout styling.
 */
.node--type-marketing-page .field--name-field-component,
.node--type-portal-landing-page  .field--name-field-portal-components {
  margin: 24px 0;
}

.node--type-marketing-page .field--name-field-component > .field__item > .paragraph,
.node--type-portal-landing-page  .field--name-field-portal-components > .field__item > .paragraph {
  margin: 150px 0 0;
}

.node--type-marketing-page .field--name-field-component > .field__item:first-child > .paragraph,
.node--type-portal-landing-page  .field--name-field-portal-components > .field__item:first-child > .paragraph,
.node--type-marketing-page .field--name-field-component > .field__item > .paragraph--type--heading,
.node--type-portal-landing-page  .field--name-field-portal-components > .field__itemchild > .paragraph--type--heading,
.node--type-marketing-page .field--name-field-component > .field__item > .paragraph--type--menu,
.node--type-portal-landing-page  .field--name-field-portal-components > .field__item > .paragraph--type--menu {
  margin: 0;
}

.node--type-marketing-page .field--name-field-component > .field__item > .paragraph--type--stats-block,
.node--type-portal-landing-page  .field--name-field-portal-components > .field__itemchild > .paragraph--type--stats-block {
  margin-top: 70px;
}

.paragraph--type--menu .field--name-field-heading {
  font-family: Gordita;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 52px */
  letter-spacing: -1.6px;
  margin-bottom: 32px;
}



/**
 * Embed Paragraph Styling
 */
.paragraph--type--embed-code iframe {
  width: 100%;
  border: 0;
  min-height: 200px;
  max-height: 550px;
}

.paragraph--type--side-by-side .paragraph--type--embed-code {
  border-radius: 30px;
  background: #EDF7FE;
  padding: 18.5px;
}

.paragraph--type--side-by-side .paragraph--type--embed-code iframe {
  height: 587px;
}

/**
 * Side by Side Paragraph Styling
 */
.paragraph--type--side-by-side p {
 margin: 0px;
}

.paragraph--type--side-by-side {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
  gap: 63px;
}

.paragraph--type--side-by-side .text-side {
  order: 1;
  width: 37%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.paragraph--type--side-by-side .media-side {
  order: 2;
  width: 57%;
  flex-grow: 1;
  flex-shrink: 1;
}

.paragraph--type--side-by-side.layout-supporting .media-side {
  padding-right: 74px;
  box-sizing: border-box;
}

.paragraph--type--side-by-side .media-side .field--name-field-image-half img {
  width: 100%;
  height: auto;
}

.paragraph--type--side-by-side .field--name-field-heading,
.paragraph--type--quote-slider .field--name-field-heading  {
  width: fit-content;
  --s: 8px; /* the size on the corner */
  --t: 2px;  /* the thickness of the border */
  --g: 0px; /* the gap between the border and image */

  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #1A1A1B;
  border-radius: 3px; /* the color here */
  outline-offset: calc(-1*var(--t));
  mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
     0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    conic-gradient(#000 0 0) content-box;
  transition: .4s;
}

.paragraph--type--side-by-side .field--name-field-heading p,
.paragraph--type--quote-slider .field--name-field-heading p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  padding: 0 16px;
}

.paragraph--type--side-by-side .field--name-field-title {
  font-family: Gordita;
  font-size: 54px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 66px */
  letter-spacing: -2.4px;
  margin: 19px 0 23px;
}

.paragraph--type--side-by-side .field--name-field-text {
  max-width: 80%;
  color: rgba(26, 26, 27, 0.70);
}

.paragraph--type--side-by-side .field--name-field-cta a {
  margin: 32px 0 0;
}

.paragraph--type--side-by-side.layout-supporting .text-side {
  order: 3;
}

.paragraph--type--side-by-side.layout-supporting .field--name-field-title {
  font-size: 32px;
  line-height: 140%; /* 44.8px */
  letter-spacing: -1.28px;
}

.layout-headline .paragraph--type--side-by-side .field--name-field-media {
  border-radius: 50px;
  overflow: hidden;
}

/**
 * Statistics Paragraph Styling
 */

.paragraph--type--stats-block .field--name-field-stats {
  display: flex;
  flex-direction: row;
  gap: 36px;
}

.paragraph--type--stats-block .field--name-field-stats .field__item {
  flex-grow: 1;
  flex-basis: 33%;
}

.paragraph--type--stats-block .field--name-field-stats .field__item .paragraph--type--component-statistic {
  padding: 0 32px;
}

.paragraph--type--stats-block .field--name-field-stats .number-wrapper > * {
  display: inline;
  leading-trim: both;
  text-edge: cap;
  font-family: Gordita;
  font-size: 100px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -4px;
}

.paragraph--type--stats-block .field--name-field-stats  .descriptor {
  font-size: 16px;
  line-height: 140%;
}

.paragraph--type--stats-block .field--name-field-footnote {
  border-top: 1px solid rgba(26, 26, 27, 0.10);
  margin: 32px 0 0;
  padding: 16px 0;
  text-align: center;
  color: rgba(26, 26, 27, 0.50);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.paragraph--type--stats-block .field--name-field-footnote p {
  margin: 0;
}

.paragraph--type--stats-block .field--name-field-footnote p:before {
  width: 20px;
  height: 20px;
  content: "";
  background: url(../../images/icons/Circle_Warning.svg) no-repeat;
  display: inline-block;
  position: relative;
  top: 5px;
  left: -8px;
}


/**
 * Contributor Node Page Styling
 */
.node--type-contributor .node__content > .field--name-field-location {
  display: none;
}

.node--type-contributor.node--view-mode-full {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 20px;
}

.node--type-contributor.node--view-mode-full.headshot-present .author-wrapper {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

/* .node--type-contributor.node--view-mode-full .author-wrapper .field--name-field-image img {
  max-width: 200px;
  height: auto;
} */

.node--type-contributor.node--view-mode-full .author-wrapper .author {
  flex-grow: 1;
  display: flex;
  align-self: flex-end;
  flex-direction: column;
}

.node--type-contributor.node--view-mode-full .author-wrapper .author > * {
  flex-shrink: 1;
}

.node--type-contributor.node--view-mode-full .author-wrapper .author h1 {
  font-size: 24px;
  line-height: normal;
  letter-spacing: -0.72px;
  margin: 12px 0;
  flex-grow: 1;
}

.node--type-contributor .author-wrapper p {
  margin: 0;
}

.node--type-contributor .author-wrapper .field--name-field-byline {
  color: rgba(26, 26, 27, 0.80);
  font-size: 16px;
  line-height: 140%;
}

.node--type-contributor .field--name-field-location {
  display: flex;
  gap: 8px;
  margin: 12px 0 0;
}

.node--type-contributor .field--name-field-location p {
  display: flex;
  padding: 6px 16px 6px 6px;
  align-items: center;
  border-radius: 40px;
  background: rgba(181, 181, 181, 0.20);
  flex-shrink: 1;
  gap: 8px;
  margin: 0;
}

.node--type-contributor .field--name-field-location p:before {
  content: "";
  display: flex;
  height: 28px;
  width: 28px;
  background: url(../../images/icons/location-icon.svg) no-repeat;
}

.node--type-contributor.node--view-mode-teaser {
  padding: 20px;
}

.view-contributors .view-content {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.view-contributors .views-row {
  border-radius: 30px;
  background: #EDF7FE;
  position: relative;
  max-width: calc(33.33% - 11px);
  width: 100%;
}

.view-contributors .views-row .node a:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.view-contributors .node .field--name-field-image {
  height: 70px;
  width: 70px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.view-contributors .node .author {
  flex-grow: 1;
}

.view-contributors.featured .node .author {
  margin-top: 20px;
}

.view-contributors.featured .node .field--name-field-image {
  height: auto;
  width: 100%;
}

.node--type-contributor.node--view-mode-full .field--name-field-image {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.node--type-contributor .field--name-field-image img {
  position: relative;
  border-radius: 12px;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.view-contributors.featured .node--type-contributor .field--name-field-image img {
  aspect-ratio: 39/35;
  border-radius: 20px;
}

.view-contributors .node .author-wrapper {
  display: flex;
  gap: 16px;
}

.view-contributors.featured .node .author-wrapper {
  flex-flow: column;
  gap: 0;
}

.node--type-contributor.node--view-mode-teaser a {
  text-decoration: none;
}

.node--type-contributor.node--view-mode-teaser h3 {
  font-size: 24px;
  line-height: normal;
  letter-spacing: -0.72px;
  margin: 0;
}

.view-contributors:not(.featured) .node--type-contributor .field--name-field-location {
  display: flex;
}

.view-contributors:not(.featured) .node--type-contributor .field--name-field-location p {
  background: #fff;
}

.view-contributors:not(.featured) .node--type-contributor .author-wrapper .field--name-field-location {
  display: none;
}

.view-contributors .view-header h2 {
  color: #000;
  font-size: 40px;
  font-style: normal;
  line-height: 130%;/* 52px */
  letter-spacing: -1.6px;
}

.view-contributors.featured .node--type-contributor.node--view-mode-teaser .author {
  position: relative;
}

/* .node--type-contributor.node--view-mode-teaser .author a:after {
  content: "";
  position: absolute;
  height: 52px;
  width: 52px;
  bottom: 0;
  right: 0;
  background: url(../../images/icons/arrow-ne.svg) no-repeat;
  background-color: #00A3A4;
  border-radius: 100px;
}

.node--type-contributor.node--view-mode-teaser .author a:after svg {
  fill: #000;
} */

.node--type-contributor.node--view-mode-teaser a.circle {
  right: 0;
  top: 0;
  bottom: auto;
  position: absolute;
  margin: 0;
}

.node--type-contributor.node--view-mode-teaser .author {
  padding-right: 56px;
}

.node--type-contributor.node--view-mode-teaser .node__content {
  position: relative;
}

.node--type-contributor.node--view-mode-teaser .field--name-field-location {
  margin: 16px 0 0 0;
}

.node--type-contributor .field--name-body {
  margin-top: 56px;
}

.page-node-type-contributor .back-link {
  text-decoration: none;
  color: #1A1A1B;
  display: flex;
  gap: 8px;
}

/**
 * Contributor Homepage Component
 */
.paragraph--type--contributors {
  position: relative;
}

.paragraph--type--contributors .field--type-viewsreference .viewsreference--view-title {
  display: none;
}

.paragraph--type--contributors .field--type-viewsreference {
  margin: 40px 0;
}

.paragraph--type--contributors .field--name-field-heading {
  font-size: 40px;
  line-height: normal;
  letter-spacing: -1.6px;
}

.paragraph--type--contributors .field--name-field-heading p {
  margin: 0;
}

.paragraph--type--contributors .field--name-field-cta {
  position: absolute;
  top: 0;
  right: 0;
}

/**
 * Quote Homepage Component
 */
.node--type-quote p {
  margin: 0;
}

.node--type-quote {
  max-width: 800px;
  margin: 0 auto;
}

.node--type-quote .node__content {
  display: flex;
  flex-flow: column;
}

.node--type-quote .field--name-body {
  font-family: 'gordita';
  font-size: 32px;
  font-weight: 500;
  line-height: 140%; /* 44.8px */
  letter-spacing: -1.28px;
  text-align: center;
}

.node--type-quote .author-wrapper {
  border-radius: 100px;
  background: #F0EFEF;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 16px;
  width: max-content;
  margin: 40px auto 0;
}

.node--type-quote.headshot-present .author-wrapper {
  padding: 8px;
}

.node--type-quote .author-wrapper .field--name-field-image {
  height: 64px;
  width: 64px;
  overflow: hidden;
  border-radius: 64px;
}

.node--type-quote .author-wrapper .author {
  padding: 0 30px;
}

.node--type-quote.headshot-present .author-wrapper .author {
  padding: 0 30px 0 0;
}

.node--type-quote .author-wrapper .field--name-field-image img {
  height: 100%;
  width: auto;
}

.node--type-quote .author-wrapper .field--name-title {
  font-family: acumin-pro;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
  align-self: stretch;
}

.paragraph--type--quote-slider {
  padding: 80px 0;
}
.paragraph--type--quote-slider .vvjs .vvjs-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  top: auto;
}

/**
 * Single Key Feature Slide
 */
.paragraph--type--quote-slider .field--name-field-heading {
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  margin: 0 auto 40px;
}

.paragraph--type--key-feature-single {
  border-radius: 30px;
  border: 1px solid #D8DBDD;
  background: #EDF7FE;
  padding: 24px;
}

.paragraph--type--key-feature-single p {
 margin: 0px;
}

.paragraph--type--key-feature-single {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
  gap: 30px;
}

.paragraph--type--key-feature-single .text-side {
  order: 1;
  width: 40%;
  justify-content: end;
  display: flex;
  flex-direction: column;
  padding: 20px;
  position: relative;
  flex-grow: 1;
}

.paragraph--type--key-feature-single .media-side {
  order: 2;
  width: 25%;
  flex-grow: 1;
  flex-shrink: 1;
  box-sizing: border-box;
  border-radius: 20px;
  background: #FFF;
  overflow: hidden;
}

.paragraph--type--key-feature-single.layout-image_left .text-side {
  order: 3;
}

.paragraph--type--key-feature-single .media-side .field {
  margin: 0 auto;
}

.paragraph--type--key-feature-single .media-side .field--name-field-image-half img {
  width: 100%;
  height: auto;
}

.paragraph--type--key-feature-single .field--name-field-title {
  font-family: gordita;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 52px */
  letter-spacing: -1.6px;
  margin: 0 0 20px 0;
}

.paragraph--type--key-feature-single .field--name-field-text {
  color: rgba(26, 26, 27, 0.70);
  margin: 0 0 20px 0;
}

.paragraph--type--key-feature-single .field--name-field-cta a {
  margin: 32px 0;
  box-sizing: content-box;
}

.paragraph--type--key-feature-single.layout-headline .field--name-field-cta a:after {
  display: inline-block;
  content: "";
  height: 40px;
  width: 40px;
  background: url(../../images/icons/cta-arrow.svg) no-repeat;
  z-index: 10;
}

.paragraph--type--key-feature-single .field--name-field-number {
  width: 67px;
  height: 67px;
  line-height: 67px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/icons/Star.svg) no-repeat;
  text-align: center;
  color: #FAFAFA;
  leading-trim: both;
  text-edge: cap;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.paragraph--type--key-feature-single .field--type-viewsreference {
  margin: 12px 0;
}

.paragraph--type--key-feature-single .field--type-viewsreference .view-id-contributor_count.view-display-id-block_1 .view-content {
  display: flex;
}

.paragraph--type--key-feature-single .field--type-viewsreference .view-id-contributor_count.view-display-id-block_1 .view-content > div {
  border-radius: 40px;
  border: 3px solid #F0EFEF;
  width: 40px;
  height: 40px;
  background: #fff;
  overflow: hidden;
  position: relative;
  margin-left: -10px;
}

.paragraph--type--key-feature-single .field--type-viewsreference .view-id-contributor_count.view-display-id-block_1 .view-content > div:first-child {
  margin-left: 0;
}

.paragraph--type--key-feature-single .field--type-viewsreference .view-id-contributor_count.view-display-id-block_1 .view-content > div .count {
  leading-trim: both;
  text-edge: cap;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Gordita;
  font-size: 11.2px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 15.68px */
  letter-spacing: -0.448px;
  text-align: center;
}

.paragraph--type--key-feature-single .field--type-viewsreference .view-id-contributor_count.view-display-id-block_1 .view-content > div img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.paragraph--type--key-feature-single .taxonomy-icon {
  background: #FFF;
}

/**
 * Key Features animated scroller
 */
.paragraph--type--key-features .field--name-field-heading {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 52px */
  letter-spacing: -1.6px;
  margin: 0 0 40px;
}

.paragraph--type--key-features .field--name-field-heading p {
  margin: 0;
}

.paragraph--type--key-features .field--name-field-referenced-content {
  position: sticky;
  top: 350px;
}

.paragraph--type--key-features .field--name-field-referenced-content > .field__item {
  position: sticky;
  top: 150px;
  margin-bottom: 200px;
  margin-top: -50px;
}

.paragraph--type--key-features .field--name-field-referenced-content > .field__item:nth-child(2) {
  top: 250px;
  margin-top: -170px;
  margin-bottom: 100px;
}
.paragraph--type--key-features .field--name-field-referenced-content > .field__item:nth-child(3) {
  top: 350px;
  margin-bottom: 50px;
  margin-top: -70px;
}

.paragraph--type--key-features .field--name-field-referenced-content > .field__item .paragraph--type--key-feature-single {
  position: relative;
  top: 50px;
}


/**
 * Subscriber Perks
 */
.paragraph--type--subscriber-perk {
  position: relative;
}

.paragraph--type--subscriber-perk .field--name-field-heading p {
  line-height: 53px;
}

.paragraph--type--subscriber-perk .views-element-container {
  margin-top: 32px;
}

.paragraph--type--subscriber-perk .vvjs .vvjs-inner {
  position: static;
}

.paragraph--type--subscriber-perk .paragraph--type--key-feature-single .field--name-field-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.28px;
  margin: 0 0 16px;
}

.paragraph--type--subscriber-perk .paragraph--type--key-feature-single .field--name-field-cta a {
  margin: 4px 0 0 0;
}

/**
 * General styling for the new VVJS slideshow next/prev icons with animation
 */
.vvjs .vvjs-nav {
 display: flex;
 gap: 8px;
 position: absolute;
 top: 0;
 right: 0;
}

.vvjs .vvjs-nav button {
 outline: none;
 border: none;
 margin: 0;
 cursor: pointer;
}

.vvjs .vvjs-nav .next-arrow .icon {
 transform: rotate(45deg);
}

.vvjs .vvjs-nav .prev-arrow .icon {
 transform: rotate(-135deg);
}

/**
 * Add styling for new taxonomy icon view mode
 */
.taxonomy-icon {
  display: inline-flex;
  float: left;
  padding: 6px 16px 6px 16px;
  gap: 8px;
  border-radius: 40px;
  background: #F0F0F0;
  height: 28px;
  margin: 6px 6px 6px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  align-items: center;
  justify-content: center;
}

.taxonomy-icon.has-icon {
  padding: 6px 16px 6px 6px;
}

.taxonomy-icon.has-icon .field--name-field-svg-icon {
  min-width: 22px;
}

.taxonomy-icon.has-icon .field--name-field-svg-icon img {
  display: block;
  margin: 0 auto;
  float: right;
}

/**
Related content and content teasers
**/

.node__content .flag-bookmark {
  float: right;
}
.node__content .flag-bookmark a {
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.node__content .flag-bookmark.action-flag a {
  background-image: url(../../images/icons/bookmark.svg);
}
.node__content .flag-bookmark.action-unflag a {
  background-image: url(../../images/icons/unbookmark.svg);
}

.node__content .article_type {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  padding: 10px 16px 10px 45px;
  border-radius: 40px;
  display: inline-block;
  background: #F0F0F0;
  background-size: 28px;
  background-position: 9px 6px;
  background-repeat: no-repeat;
}
.node__content .article_type_video {
  background-image: url(../../images/icons/article_type_video.svg);
}
.node__content .article_type_on-demand_webinar{
  background-image: url(../../images/icons/on_demand_webcast.svg);
}
.node__content .article_type_podcast{
  background-image: url(../../images/icons/podcast.svg);
}
.node__content .article_type_article{
  background-image: url(../../images/icons/article.svg);
}
.node__content .article_type_glossary{
  background-image: url(../../images/icons/glossary.svg);
}
.node__content .article_type_quick_guide{
  background-image: url(../../images/icons/infographic.svg);
}
.node__content .article_type_checklist{
  background-image: url(../../images/icons/checklist.svg);
}

.node__content ul.node_conditions {
  padding: 0;
  margin: 0 0 20px 0;
}
.node__content ul.node_conditions li {
  gap: 4px;
  border-radius: 40px;
  padding: 8px 12px;
  font-size: 14px;
  display: inline-block;
  margin: 0 8px 8px 0;
  background: #B5B5B533;
}
.node__content ul.node_conditions li.node_condition_with_icon {
  padding-left: 38px;
  background-size: 20px;
  background-position: 10px 9px;
  background-repeat: no-repeat;
}
.node__content ul.node_conditions li.table-view-conditions {
  display: none;
}


/**
 * Related content block
 */
.paragraph--type--free-content h2,
.field__item .paragraph--type--latest-content .field--name-field-heading {
  font-family: Gordita;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -1px;
  vertical-align: middle;
  text-align: left;
  margin-top: 0;
  display: inline-block;
}
.paragraph--type--free-content .field--name-field-cta {
  float: right;
}
.field__item .paragraph--type--latest-content .field--name-field-heading {
  margin-bottom: 32px;
}
.node_related_content .field--name-field-related-content,
.view-current-free-content .view-content,
.field__item .paragraph--type--latest-content .view-content
{
  display: flex;
  flex-wrap: nowrap; /* Prevent wrapping */
  gap: 20px; /* Consistent spacing between items */
}
.field__item .paragraph--type--latest-content .view-content{
  flex-wrap:wrap;
}
.node_related_content .field--name-field-related-content > .field__item,
.view-current-free-content .views-row,
.field__item .paragraph--type--latest-content .views-row{
  flex: 1 1 calc(25% - 20px); /* Ensure each item takes up max 25% width */
  max-width: calc(25% - 20px); /* Explicit max width */
  margin-right: 0; /* Remove right margin to use gap instead */
  border: 1px solid #B5B5B533;
  background: #FAFAFA;
  border-radius: 20px;
  overflow: hidden;
}

/**
Listing view for content (teaser view)
**/
.node--view-mode-teaser .node_image a{
  width: 315px;
  height: 205px;
  display: block;
}
.node--view-mode-teaser .node_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.node--view-mode-teaser .node__content__body {
  margin: 0;
  padding: 10px 15px 15px;
}
.node--view-mode-teaser .node__content__body > div,
.node--view-mode-teaser .node__content__body > ul {
  margin: 12px 0;
}
.node--view-mode-teaser .article_type {
  margin-bottom: 10px;
}
.node--view-mode-teaser .node__content__body .field--name-title {
  font-family: Gordita;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -3%;
  vertical-align: middle;
  display: block;
}
.node--view-mode-teaser .node__content__body .field--name-body {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  margin-bottom: 5px;
  color: #1A1A1BB2;
}
.node--view-mode-teaser .node__content__body .node_conditions {
  margin-bottom: 0;
}

/**
* Listing view for encyclopedic view
**/
.back-link-term {
  display: block;
  margin: 0 0 25px 20px;
  font-size: 16px;
  padding-left: 25px;
  background-image: url(../../images/icons/back_arrow.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 0 50%;
}

.node--type-portal-landing-page .field--name-field-portal-components > .field__item > .paragraph.paragraph--type--content-blocks  {
  margin: 35px 0 0;
}
.node--type-portal-landing-page .field--name-field-portal-components > .field__item > .paragraph.paragraph--type--content-blocks .paragraph--type--content-block {
  position: relative;
}
.field--name-field-content-blocks.field__items{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.field--name-field-content-blocks.field__items > .field__item {
  flex: 1 1 calc(50% - 12px);
  max-width: calc(50% - 12px);
  margin-right: 0;
  border: 1px solid #B5B5B533;
  background: #FAFAFA;
  border-radius: 20px;
  overflow: hidden;
}
.field--name-field-portal-components .field--name-field-content-blocks .field--name-field-heading {
  width: 100%;
  max-width: 100%;
  flex: none;
  border-bottom-right-radius:0;
  border-bottom-left-radius: 0;
  background: #292663;
  color: #fff;
  padding: 16px;
  text-align: left;
  font-family: Gordita;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.72px;
  vertical-align: middle;
  margin-bottom: 0;
}
.field--name-field-portal-components .field--name-field-content-blocks .has-svg-icon .field--name-field-heading {
  padding-left: 55px;
}
.node--view-mode-encyclopedic-view {
  gap: 12px;
  border-radius: 15px;
  border-width: 1px;
  padding: 20px;
  background: #FFFEFE;
  border: 1px solid #B5B5B533;
}
.field--name-field-portal-components .field--name-field-content-blocks .field--name-field-preview-content  {
  padding: 15px 15px 0 15px;
}
.field--name-field-portal-components .field--name-field-content-blocks .field--name-field-preview-content .field__item{
  margin-bottom: 15px;
}
.field--name-field-portal-components .node--view-mode-encyclopedic-view .node__content__body {
  width: 100%;
  margin: 0;
}
.node--view-mode-encyclopedic-view .node__content__body .field--name-title {
  display: block;
  width: 100%;
  font-family: Gordita;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  margin-top: 10px;
}

.field--name-field-portal-components .field--name-field-content-blocks a.view-more {
  color: var(--Primary-Teal-100, #00A3A4);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  padding-right: 25px;
  background-image: url(../../images/icons/view-more-arrow.svg);
  background-size: 20px;
  background-position: right 0;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 30px 30px 20px 30px;
  width: fit-content;
}


.taxonomy-term h2 {
  margin-bottom: 5px;
}
.field--name-field-portal-components .field--name-field-heading p  {
  margin: 0;
}
.path-taxonomy .js-form-item-category {display: none;}
/**
Search Page styles
**/
.paragraph--type--search-page .field--name-field-heading {
  font-family: Gordita;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 78px */
  letter-spacing: -2.4px;
  text-align: center;
}

.paragraph--type--search-page .field--name-field-portal-components .field--name-field-heading p {
  margin: 0 0 0 40px;
}
.view-search-block .js-pager__items .button{
  margin: auto;
}
.view-search-block #fulltext-search {
  position: relative;
  width:400px;
  margin: 45px auto;
  height: 52px;
}
.view-search-block #fulltext-search .fulltext-search-bar{
  width: 320px;
  height: 36px;
  justify-content: space-between;
  border-radius: 30px;
  padding-top: 6px;
  padding-right: 55px;
  padding-bottom: 6px;
  padding-left: 20px;
  position: relative;
  background: #F0EFEF;
  border: none;
}
.view-search-block #fulltext-search .fulltext-search-submit{
  position: absolute;
  top: 4px;
  right: 10px;
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(../../images/icons/search-icon.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -999999999px;
  border: none;
  background-color: unset;
}

.view-search-block .search-toggles-wrapper:after {
  margin-bottom: 15px;
  content: '';
  display: table;
  clear: both;
}
.view-search-block .search-toggles-wrapper .filters-toggle-link {
  display: block;
  float: left;
  padding-left: 25px;
  font-size: 16px;
  background-image: url(../../images/icons/Filter.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  cursor: pointer;
}
.view-search-block .search-toggles-wrapper .filters-display-link {
  display: block;
  float: right;
  padding-left: 25px;
  font-size: 16px;
  background-image: url(../../images/icons/Rows.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  cursor: pointer;
}
.view-search-block.table-view .search-toggles-wrapper .filters-display-link {
  background-image: url(../../images/icons/card_view_icon.svg);
}

.view-search-block details {
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  background: #FFFEFE;
}
.view-search-block details summary {
  padding: 20px;
  position: relative
}
.view-search-block details summary:after {
  width: 32px;
  height: 32px;
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url(../../images/icons/facet_up.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);

}
.view-search-block details[open] summary:after{
  transform: rotate(0deg);
}
.view-search-block details summary::marker {
  content: '';
}
.view-search-block details:first-child{
  margin-top: 0;
}
.view-search-block details .details-wrapper {
  padding: 0px 20px 20px 20px;
}
.view-search-block details .details-wrapper .form-type-checkbox {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.view-search-block details .details-wrapper input[type='checkbox']{
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border-width: 1.2px;
  border: 1.2px solid #FFFEFE
}
.view-search-block details .details-wrapper label{
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -1%;

}

.search-view-wrapper .view-content .views-row {
  margin-right: 0; /* Remove right margin to use gap instead */
  border: 1px solid #B5B5B533;
  background: #FAFAFA;
  border-radius: 20px;
  overflow: hidden;
}

.view-search-block h1 {
  font-family: Gordita;
  font-weight: 500;
  font-size: 60px;
  line-height: 130%;
  letter-spacing: -4%;
  text-align: center;
  vertical-align: middle;
}
.search-view-wrapper {
  display: block;
  width: 100%;
}
.view-search-block.grid-view .search-view-wrapper .view-content > div{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: stretch; /* Ensures items stretch to the same height */
}
.view-search-block.grid-view .search-view-wrapper .view-content .views-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%; /* Ensures all rows stretch to the same height */
}

.view-search-block.table-view .search-view-wrapper .view-content > div{
  display: block;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row {
  display: block;
  width: 100%;
  margin: 20px 0;
  border-radius: 15px;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row:first-child {
  margin-top: 0;
}

.view-search-block.table-view .search-view-wrapper .view-content .views-row  .node__content {
  display: flex;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row   .node__content__body {
  display: flex;
  justify-content: space-between; /* Ensures left & right alignment */
  align-items: center; /* Keeps vertical alignment consistent */
  margin: 0;
  max-width: 100%;
  width: 100%;
  padding: 10px 25px 10px 25px;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row  .node_image,
.view-search-block.table-view .search-view-wrapper .view-content .views-row  .node_image a {
  width: 145px;
  height: 100px;
  display: block;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row  .node_image img {
  width: 100%;
  height: 100%;
}

.view-search-block.table-view .search-view-wrapper.with-filters .view-content .views-row .node-title {
  order: 1;
  width: 250px;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .node-title {
  order: 1;
  width: 290px;
  padding-right: 25px;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .node-title span {
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* Allows max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word; /* Breaks words at the boundary */
  white-space: normal; /* Allows wrapping */
  font-size: 18px;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .article_type {
  order: 2;
  min-width: fit-content;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .field--name-body {
  order: 3;
  width: 270px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
  padding: 0 50px;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .field--name-body p {
  margin: 0;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .node_conditions {
  order: 4;
  width: 225px;
  margin-left: auto;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .flag-bookmark {
  order: 5;
}
.view-search-block.table-view .search-view-wrapper.with-filters .view-content .views-row .field--name-body {
  display: none;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .node_conditions .node_condition_item{
  display: none;
}
.view-search-block.table-view .search-view-wrapper .view-content .views-row .node_conditions .category-item{
  display: inline-block;
}

.search-view-wrapper .view-filters {
  display: none;
}

.search-view-wrapper.with-filters {
  display: grid;
  grid-template-columns: 25% 75%; /* First column 25%, Second column 75% */
  gap: 20px; /* Space between columns */
  align-items: start; /* Allows different heights */
}
.view-search-block.grid-view .search-view-wrapper.with-filters .view-content >div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: stretch; /* Ensures items stretch to the same height */
}
.search-view-wrapper.with-filters .view-filters {
  display: block;
}
.view-search-block.table-view .search-view-wrapper .view-content .node__content ul.node_conditions li.table-view-conditions  {
display: inline-block;
}

.content-block-section-icon {
  position: absolute;
  top: 16px;
  left: 16px;
}
.condition-filters-container {
  position: absolute;
  top: 10px;
  right: 25px;
  z-index: 99;
}
.condition-filters-container .condition-filter-toggle {
  justify-content: space-between;
  border-radius: 30px;
  padding: 8px 75px 8px 35px;
  padding: 16px 75px 16px 20px;
  background-color: #FFFEFE33;
  background-image: url(../../images/icons/Caret_Up_MD.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 11px;
}
.condition-filters-container .condition-filters-wrapper {
  position: absolute;
  right: -10px;
  background-color:#F0EFEF;
  border-radius: 8px;
  border: 1px solid #1A1A1B1A;
  display: none;
}
.condition-filters-wrapper.open {
  display: block;
}
.condition-filters-container .condition-filters-wrapper #condition-filter {
  border-radius: 30px;
  padding: 12px 40px 12px 20px;
  background-color: #B5B5B533;
  border: none;
  background-image: url(../../images/icons/search_icon.svg);
  background-size: 32px;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  margin: 10px;
}
.condition-filters-container .condition-filters-wrapper ul.condition-filters {
  height: 190px;
  overflow-y: scroll;
  margin: 0;
  padding: 15px 0;
}
.condition-filters-container .condition-filters-wrapper ul.condition-filters li a{
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  display: block;
  padding: 10px;
}
.condition-filters-container .condition-filters-wrapper ul.condition-filters li a:hover {
  background-color: #B5B5B533;
}

@media all and (max-width: 997px) {
  .node--type-portal-landing-page .field--name-field-portal-components > .field__item > .paragraph.paragraph--type--content-blocks .paragraph--type--content-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .field--name-field-portal-components .field--name-field-content-blocks .field--name-field-preview-content {
    order: 3;
  }
  .condition-filters-container {
    order: 2;
    width: 100%;
    padding: 16px 16px 0;
    position: static;
  }
  .condition-filters-container .condition-filter-toggle {
    justify-content: space-between;
    border-radius: 30px;
    padding: 10px 55px 10px 20px;
    background-color: #F0EFEF;
    background-image: url(../../images/icons/Caret_Up_MD.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    color: #1A1A1B;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
  }
  .condition-filters-container .condition-filters-wrapper {
    position: absolute;
    margin-top: 6px;
    width:calc(100% - 32px);
    background-color:#F0EFEF;
    border-radius: 15px;
    border: 1px solid #1A1A1B1A;
    display: none;
    padding: 8px;
    box-sizing: border-box;
    z-index: 1;
    left: 15px;
  }
  .condition-filters-wrapper.open {
    display: block;
  }
  .condition-filters-container .condition-filters-wrapper #condition-filter {
    border-radius: 30px;
    width: 100%;
    padding: 2px 40px 2px 15px;
    background-color: #B5B5B533;
    border: none;
    background-image: url(../../images/icons/search_icon.svg);
    background-size: 32px;
    background-position: top 4px right 4px;
    background-repeat: no-repeat;
    margin: 0;
    height: 40px;
  }
  .condition-filters-container .condition-filters-wrapper ul.condition-filters {
    height: 235px;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
  }
  .condition-filters-container .condition-filters-wrapper ul.condition-filters li a{
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    display: block;
    padding: 10px;
  }
  .condition-filters-container .condition-filters-wrapper ul.condition-filters li a:hover {
    background-color: #B5B5B533;
  }
}

/**
** newsletter styles
**/
.field--name-field-portal-components .newsletter-section {
  margin: 95px auto;
}
.newsletter-section{
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
  gap: 100px;
  border-radius: 30px;
  background: #EDF7FE;
  margin: 150px auto;
}
.newsletter-section .newsletter-section__content {
  width: 55%;
  padding: 45px 35px 45px 35px;
}
.newsletter-section .newsletter-section__content .newsletter-section__icon {
  margin: 0 0 20px 0;
}
.newsletter-section .newsletter-section__content .field--name-field-heading p {
  margin: 0;
}
.newsletter-section .field--name-field-heading {
  font-family: Gordita;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -2px;
  vertical-align: middle;
}
.newsletter-section .newsletter-section__content .field--name-field-text {
  color: #1B1C1ECC;
  font-size: 16px;
  margin: 10px 0;
}
.newsletter-section .newsletter-section__content form,
.newsletter .newsletter-section__content form{
  position: relative;
  display: inline-block;
}
.newsletter-section .newsletter-section__content form .hs-email > label,
.newsletter .newsletter-section__content form .hs-email > label,
.newsletter-section .newsletter-section__content form .hs_firstname > label,
.newsletter .newsletter-section__content form .hs_firstname > label,
.newsletter-section .newsletter-section__content form .hs_lastname > label,
.newsletter .newsletter-section__content form .hs_lastname > label {
  display: none;
}
.newsletter-section .newsletter-section__content form input[name="firstname"],
.newsletter .newsletter-section__content form input[name="firstname"],
.newsletter-section .newsletter-section__content form input[name="lastname"],
.newsletter .newsletter-section__content form input[name="lastname"] {
  justify-content: space-between;
  border-radius: 30px;
  padding: 12px 50px 12px 20px;
  background-color: #fff;
  border: none;
}
.newsletter-section .newsletter-section__content form input[name="email"],
.newsletter .newsletter-section__content form input[name="email"] {
  justify-content: space-between;
  border-radius: 30px;
  padding: 12px 50px 12px 20px;
  background-color: #fff;
  border: none;
  width:250px;
  margin: 0;
}

.newsletter-section .newsletter-section__content .hs_submit {
  position: absolute;
  right: 14px;
  bottom: 6px;
}

.newsletter-section .newsletter-section__content form input[type="submit"],
.newsletter .newsletter-section__content form input[type="submit"] {
  margin: 0;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: none;
  text-indent: -9999999px;
  background-image: url(/themes/custom/wcbn/images/icons/arrow-ne.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: #00A3A4;
  transition: .3s ease-out;
}
.newsletter-section .newsletter-section__content form input[type="submit"]:hover,
.newsletter .newsletter-section__content form input[type="submit"]:hover {
  background-image: url(/themes/custom/wcbn/images/icons/arrow-ne-green.svg);
  transition: .3s ease-out;
  background-color: #292663;
}

.newsletter-section .newsletter-section__image {
  width: 45%;
  padding: 15px;
}
.newsletter-section .newsletter-section__image img {
  width: 100%;
  height: auto;
}


/**Pricing section**/
.field--name-field-portal-components .field--name-field-price .field--name-field-heading p {
  margin: 0;
}
.node--type-marketing-page .field--name-field-component > .field__item > .paragraph.paragraph--type--pricing {
  margin-bottom: 150px;
}

.field--name-field-price {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Adjust for how many items you have */
  gap: 20px;
}

.field--name-field-price >.field__item {
  display: flex; /* Allows child element to stretch */
  flex-direction: column;
}

.field__item .paragraph--type--price {
  padding: 32px;
  border-radius: 20px;
  background: #EDF7FE;
  flex-grow: 1; /* Makes sure it stretches to fill the height */
  display: flex;
  flex-direction: column;
}

.field__item .paragraph--type--price.most-popular {
  background: #00A3A4;
  color: #fff;
}

.field--name-field-price .field__item .paragraph--type--price {
  margin-bottom: 10px;
}
.field--name-field-price .field__item .paragraph--type--price .field--name-field-heading {
  /* Headlines desk/H3 - 32 */
  font-family: Gordita;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 44.8px */
  letter-spacing: -1.28px;
  margin-bottom: 0;
}
.field--name-field-price .field__item .paragraph--type--price.most-popular .field--name-field-heading {
  display: inline-block;
}
.field--name-field-price .paragraph--type--price .most-popular-tag {
  padding: 8px 10px 8px 36px;
  align-items: center;
  gap: 8px;
  border-radius: 30px;
  display: none;
  position: relative;
  color: #fff;
  border-radius: 30px;
  border: 0.5px solid rgba(255, 255, 255, 0.20);
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--Neutral-White-100, #FFFEFE);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  background-image: url(../../images/icons/most_popular.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  margin-left: 10px;
}
.field--name-field-price .paragraph--type--price.most-popular .most-popular-tag {
  display: inline-block;
}
.field--name-field-price .field__item .paragraph--type--price .field--name-field-subtext {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 20px;
}
.field--name-field-price .field__item .paragraph--type--price .field--name-field-link a{
  display: inline-block;
  height: auto;
  padding: 16px 0;
  width: 100%;
  justify-content: center;
  align-self: stretch;
  background: var(--Primary-Teal-100, #00A3A4);
  color: var(--Neutral-White-100, #FFFEFE);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 32px;
  border-radius: 100px;
}
.field--name-field-price .field__item .paragraph--type--price .field--name-field-link a:hover {
  background-color: #B5B5B533;
  color: #000;
}
.field--name-field-price .field__item .paragraph--type--price.most-popular .field--name-field-link a{
  background-color: #EDF7FE;
  color: #000;
}
.field--name-field-price .field__item .paragraph--type--price.most-popular .field--name-field-link a:hover{
  background-color: #292663;
  color: #fff;
}

.field--name-field-price .field__item .paragraph--type--price .paragraph--type--cost,
.field--name-field-price .field__item .paragraph--type--price .paragraph--type--cost-text {
  margin-bottom: 40px;
  height: 62px;
}
.field--name-field-price .field__item .paragraph--type--price .paragraph--type--cost .field--name-field-number{
  display: inline;
  /* Headlines desk/H2.1 - 40 */
  font-family: Gordita;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 52px */
  letter-spacing: -1.6px;
}
.field--name-field-price .field__item .paragraph--type--price .paragraph--type--cost .field--name-field-suffix{
  display: inline;
  color: var(--Primary-Navy-60, rgba(41, 38, 99, 0.60));
  /* Body text desk/B5 - 14 - Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.field--name-field-price .field__item .paragraph--type--price.most-popular .paragraph--type--cost .field--name-field-suffix{
  color: #FFFEFE99;
}
.field--name-field-price .field__item .paragraph--type--price .paragraph--type--cost-text .field--name-field-cost-text {
  font-family: Gordita;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.72px;
}
.field--name-field-price .field__item .paragraph--type--price  .field--name-field-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  vertical-align: middle;

}

/**
Our core values section
**/
.paragraph--type--values-block .field--name-field-heading {
  margin-bottom: 40px;
}
.paragraph--type--values-block .field--name-field-heading p{
  margin: 0;
  letter-spacing: -1.28px;
}
.paragraph--type--values-block .field--name-field-value {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* Allows flexibility: 6 columns to handle 33% and 50% easily */
  gap: 20px;
}
.paragraph--type--values-block .field--name-field-value >.field__item {
  padding: 32px;
  border-radius: 30px;
  background: #EDF7FE;
  text-align: center;
}
.paragraph--type--values-block .field--name-field-value >.field__item .field__item {
  display: block;
}
.paragraph--type--values-block .field--name-field-value .field__item.core-value-size-3{
  grid-column: span 2;
}
.paragraph--type--values-block .field--name-field-value .field__item.core-value-size-2{
  grid-column: span 3;
}
.paragraph--type--values-block .field--name-field-value >.field__item .field--name-field-image {
  height: 67px;
  width: 67px;
  margin: 0 auto 7px;
}
.paragraph--type--values-block .field--name-field-value >.field__item .field--name-field-image img{
  width: 100%;
  height: 100%;
}
.paragraph--type--values-block .field--name-field-value >.field__item .field--name-field-heading{
  width: fit-content;
  --s: 8px;
  --t: 2px;
  --g: 0px;
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #1A1A1B;
  border-radius: 3px;
  outline-offset: calc(-1* var(--t));
  mask: conic-gradient(at var(--s) var(--s), #0000 75%, #000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s)), conic-gradient(#000 0 0) content-box;
  transition: .4s;
  padding: 4px 12px;
  font-size: 32px;
  margin: 0 auto 32px;
  line-height: 135%;
}
.paragraph--type--values-block .field--name-field-value >.field__item .field--name-field-text{
  color: var(--Neutral-Black-80, rgba(26, 26, 27, 0.80));
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}

/**
Explore section
**/
.paragraph--type--explore {
  position: relative;
}
.paragraph--type--explore >.field--name-field-heading p{
  margin-top: 5px;
  margin-left: 35.2%;
}
.paragraph--type--explore .field--name-field-suffix {
  position: absolute;
  width: fit-content;
  --s: 8px;
  --t: 2px;
  --g: 0px;
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #1A1A1B;
  border-radius: 3px;
  outline-offset: calc(-1* var(--t));
  mask: conic-gradient(at var(--s) var(--s), #0000 75%, #000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s)), conic-gradient(#000 0 0) content-box;
  transition: .4s;
  padding: 2px 14px;
  font-size: 18px;
}
.paragraph--type--explore .paragraph--type--explore-block {
  display: grid;
  grid-template-columns: repeat(9, 1fr); /* Allows flexibility: 6 columns to handle 33% and 50% easily */
  gap: 90px;
  border-top: 1px solid #EBEBEB;
  padding: 40px 0;
}
.paragraph--type--explore .paragraph--type--explore-block .col-1 {
  grid-column: span 3;
}
.paragraph--type--explore .paragraph--type--explore-block .col-2 {
  grid-column: span 4;
}
.paragraph--type--explore .paragraph--type--explore-block .col-3 {
  grid-column: span 2;
}
.paragraph--type--explore .paragraph--type--explore-block  .field--name-field-heading p {
  margin: 0;
}
.paragraph--type--explore .paragraph--type--explore-block .field--name-field-text p {
  margin-top: 0;
}

/**
Trending now section
**/
.paragraph--type--trending-now .field--name-field-text {
  margin-bottom: 32px;
  overflow: hidden;
  color: var(--Neutral-Black-80, rgba(26, 26, 27, 0.80));
  text-overflow: ellipsis;

  /* Body text desk/B4 - 16 - Regular */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.paragraph--type--trending-now .field--name-field-text p{
  margin-top: 0;
}

.paragraph--type--trending-now .field--name-field-preview-content {
  display: grid;
  grid-template-columns: 3fr 5fr; /* The left div is 1/3 width, right divs are 2/3 width */
  grid-template-rows: 1fr 1fr; /* The right divs are stacked */
  gap: 20px; /* Optional: adds space between the divs */
}

.paragraph--type--trending-now .field--name-field-preview-content >.field__item {
  border-radius:20px;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item .node__content__body {
  background: var(--Secondary-Light-Gray-100, #FAFAFA);
  padding: 30px;
  height: inherit;
  flex: 1;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child {
  grid-row: span 2; /* Makes the left div take up the full height of the container */
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child article,
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child article .node__content {
  height: 100%;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child article .node__content {
  display: flex;
  flex-direction: column;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child .node__content__body {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child .node_image img{
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:nth-child(n+2) .node__content__body {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:nth-child(n+2) .node_image img{
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.paragraph--type--trending-now .field--name-field-preview-content >.field__item:first-child  .node--view-mode-teaser .node_image a {
  width: 100%;
  height: 290px;
}

.paragraph--type--trending-now .field--name-field-preview-content > .field__item:nth-child(n+2) .node__content{
  display: flex;
  flex-direction: row-reverse;
}
.paragraph--type--trending-now .field--name-field-preview-content > .field__item:nth-child(n+2) .node--view-mode-teaser .node_image a{
  width: 450px;
  height: 332px;
}
.paragraph--type--trending-now .field--name-field-preview-content .node--view-mode-teaser .node__content__body .node_conditions {
  margin-top: 16px;
}

/**
FAQ Section
**/
.paragraph--type--faq {
  position: relative;
}
.paragraph--type--faq .field--name-field-suffix{
  position: absolute;
  width: fit-content;
  --s: 8px;
  --t: 2px;
  --g: 0px;
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #1A1A1B;
  border-radius: 3px;
  outline-offset: calc(-1* var(--t));
  mask: conic-gradient(at var(--s) var(--s), #0000 75%, #000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s)), conic-gradient(#000 0 0) content-box;
  transition: .4s;
  padding: 2px 14px;
  font-size: 18px;
  top: 30px;
}
.paragraph--type--faq .field--name-field-heading p {
  font-family: Gordita;
font-weight: 500;
font-size: 60px;
line-height: 130%;
letter-spacing: -4%;
vertical-align: middle;
text-align: center;
}
.paragraph--type--faq .faq-wrapper{
  display: flex;
  gap: 200px
}
.paragraph--type--faq .faq-left  {
  max-width: 300px;
}
.paragraph--type--faq .faq-left .faq-section {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border-radius: 100px;
  background: var(--Neutral-Grey, #F0EFEF);
  padding: 16px 32px 14px 32px;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: inline-block;
  cursor: pointer;
}
.paragraph--type--faq .faq-left .faq-section.active {
  color: #FFF;
  background: var(--Primary-Navy-100, #292663);

}
.paragraph--type--faq  .faq-right {
  flex: 1;
}
.paragraph--type--faq  .faq-right .faq-section {
  display: none;
}
.paragraph--type--faq  .faq-right .faq-section.active {
  display: block;
}
.paragraph--type--faq  .faq-right .faq-section .field--name-field-questions >.field__item {
  border-bottom: 1px solid #EBEBEB;
  padding: 40px 0;
}
.paragraph--type--faq  .faq-right .faq-section .field--name-field-questions > .field__item:first-child {
  border-top: 1px solid #EBEBEB;
}
.paragraph--type--faq  .faq-right .faq-section .field--name-field-question{
  color: var(--Neutral-Black-100, #1A1A1B);
  font-family: Gordita;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
  background-image: url(../../images/icons/chev_down.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  cursor: pointer;
}
.paragraph--type--faq  .faq-right .faq-section .field__item.open .field--name-field-question{
  background-image: url(../../images/icons/chev_up.svg);
}
.paragraph--type--faq  .faq-right .faq-section .field--name-field-text {
  color: var(--Neutral-Black-100, #1A1A1B);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  display:none;
}
.paragraph--type--faq  .faq-right .faq-section .field__item.open .field--name-field-text {
  display: block;
}
.paragraph--type--faq .field--name-field-cta  a {
  border-radius: 100px;
  border: 1.5px solid var(--Primary-Teal-100, #00A3A4);
  color: var(--Primary-Teal-100, #00A3A4);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: none;
  float: right;
  margin-top: 20px;
}
.paragraph--type--faq .field--name-field-cta:after {
  content:' ';
  display: table;
  clear: both;
  width: 100%;
}
/**Gate pop-up**/

.wcbn-gate-pop-up {
  position: relative;
  margin: 50px auto 0;
  width: 569px;
  padding: 30px;
  align-items: center;
  gap: 24px;
  border-radius: 30px;
  background: #EDF7FE;
  text-align: center;
}
.pop-up-title {
  color: var(--Neutral-Black-100, #1A1A1B);
  text-align: center;

  /* Headlines desk/H4 - 24 */
  font-family: Gordita;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.72px;
  margin-bottom: 10px;
}
.pop-up-subtext {
  color: var(--Neutral-Black-100, #1A1A1B);
text-align: center;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 22.4px */
margin-bottom: 24px;
}
.pop-up-information {
  color: var(--Neutral-Black-100, #1A1A1B);

  /* Body text desk/B5 - 14 - Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  width: 400px;
  padding: 30px;
  gap: 10px;
  border-radius: 20px;
  background: var(--Neutral-White-100, #FFFEFE);
  margin: 0 auto 24px auto;
  text-align: left;
}
.pop-up-information ul {
  padding: 0;
  margin: 0;
}
.pop-up-information li {
  margin-bottom: 24px;
  list-style: none;
  position: relative;
  padding-left: 25px;
}
.pop-up-information li:last-child {
  margin-bottom: 0;
}
.pop-up-information li::before {
  content: "";
  display: inline-block;
  background: url(../../images/icons/pop-up-list.svg) no-repeat center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  position: absolute;
  left: 0px;
  top: 2px;
}
.pop-up-links {
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.pop-up-links li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
}
.pop-up-links li:first-child {
  margin-right: 12px;
}
/** End Gate&**/

@media all and (min-width: 767px) and (max-width: 1440px) {

  .paragraph--type--side-by-side .field--name-field-title {
    font-size: 42px;
    line-height: 54px;
  }

  .paragraph--type--side-by-side .field--name-field-text {
    max-width: none;
  }

  .paragraph--type--side-by-side .text-side  {
    width: 55%;
  }

  .paragraph--type--side-by-side .media-side {
    width: 38%;
  }

  .paragraph--type--side-by-side.layout-supporting .media-side {
    padding: 0;
  }

  .paragraph--type--stats-block .field--name-field-stats .number-wrapper > * {
    font-size: 70px;
  }

  .paragraph--type--stats-block .field--name-field-stats {
    gap: 0;
  }

  .paragraph--type--key-feature-single .field--name-field-title {
    font-size: 28px;
  }

  .view-contributors .views-row {
    max-width: calc(50% - 8px);
  }

  .view-contributors.featured .views-row {
    max-width: calc(33.33% - 11px);
  }

  .paragraph--type--trending-now .field--name-field-preview-content > .field__item:nth-child(n+2) .node--view-mode-teaser .node_image a{
    width: 376px;
    height: 332px;
  }
}