body.appear {
  display: block
}

header.no-header-style {
  height: auto !important
}

header.lp-overlay-header-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-top: 32px;
  padding-bottom: 32px;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  height: auto
}

header.no-header-style .header.block,
header.no-header-style .header.block .nav-wrapper {
  height: 0
}

header.lp-overlay-header-wrapper .header.block,
header.lp-overlay-header-wrapper .header.block .nav-wrapper {
  height: auto
}

header.no-header-style .header.block #nav {
  display: none
}

header.lp-overlay-header-wrapper .header.block #nav {
  display: block
}

header.no-header-style {
  height: auto !important;
  display: block
}

.breadcrumb-container .breadcrumb.initialize {
  display: none
}

.breadcrumb-container .breadcrumb.initialize.show {
  display: block !important
}

header {
  height: 138px;
  padding: var(--spacing-none);
  width: 100%
}

@media(width >=768px) {
  header {
    height: 146px
  }
}

@media(width >=1024px) {
  header {
    height: 162px
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--body-font-weight-bold);
  line-height: 1.2;
  margin: 1rem 0;
  letter-spacing: 0;
  color: var(--text-on-light-emphasis);
  scroll-margin: calc(var(--nav-height) + 1em)
}

h1 {
  font-size: var(--font-size-1100);
  line-height: 1.1;
  margin-bottom: var(--spacing-large)
}

h2 {
  font-size: var(--font-size-1000);
  margin-bottom: var(--spacing-medium)
}

h3 {
  font-size: var(--font-size-800);
  line-height: 1.1;
  margin-bottom: var(--spacing-regular)
}

h4 {
  font-size: var(--font-size-700);
  margin-bottom: var(--spacing-small)
}

h5 {
  font-size: var(--font-size-700)
}

h6 {
  font-size: var(--font-size-700)
}

html[lang=ar] .main-heading h3 {
  font-weight: 400
}

p,
dl,
ol,
ul,
pre,
blockquote {
  margin-top: 1em;
  margin-bottom: 1em
}

code,
pre {
  font-family: var(--fixed-font-family);
  font-size: var(--font-size-200)
}

code {
  padding: .125em
}

pre {
  overflow: scroll
}

strong {
  font-weight: var(--body-font-weight-bold)
}

main pre {
  background-color: var(--light-color);
  padding: 1em;
  border-radius: .25em;
  overflow-x: auto;
  white-space: pre
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:any-link {
  color: var(--text-on-light-link-primary-enabled);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-weight: 400;
  line-height: 25px;
  text-align: left
}

a:focus-visible,
div[role=button]:focus-visible,
span[role=button]:focus-visible {
  outline: 2px solid var(--keyboard-focus-on-light)
}

html[dir=rtl] a {
  text-align: right
}

.cookie-tooltip p a {
  font-size: var(--font-size-200);
  color: var(--white);
  border-bottom: 1px solid var(--white);
  text-decoration: none
}

p>em>strong>a:any-link,
p strong>em>a:any-link {
  background-color: rgba(0, 0, 0, 0);
  color: var(--text-on-light-link-primary-enabled);
  font-family: var(--global-font-family);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-bold);
  line-height: 24px;
  letter-spacing: .25px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 16px 0 8px;
  font-style: normal;
  cursor: pointer;
  margin: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  border: 0 none;
  border-bottom: 2px solid rgba(0, 73, 114, .3)
}

a:any-link:hover {
  color: var(--blue-55);
  text-decoration-color: var(--blue-55)
}

a:any-link:focus,
a:any-link:active {
  color: var(--blue-55);
  text-decoration-color: var(--blue-90)
}

a:any-link:visited {
  color: var(--blue-90);
  text-decoration-color: var(--blue-90)
}

html[dir=rtl] a:any-link {
  text-align: right
}

a:any-link.disabled {
  color: rgba(0, 41, 77, .42);
  cursor: unset
}

.cookie-tooltip p>a:visited,
.cookie-tooltip p>a:hover {
  color: var(--white)
}

p strong>em>a:any-link:hover {
  color: var(--text-on-light-link-primary-enabled);
  border-bottom: 2px solid #169af3
}

p strong>em>a:any-link:active,
p strong>em>a:any-link:focus {
  color: var(--blue-90);
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

p strong>em>a:any-link.disabled {
  color: rgba(0, 41, 77, .42);
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

p strong>em>a:any-link:visited {
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

html[dir=rtl] p strong>em>a:any-link {
  text-align: center
}

/* buttons */
a.button:any-link,
button {
  font-family: var(--global-font-family);
  font-size: var(--loop-xl-button-font-size);
  font-weight: var(--loop-button-label-font-weight);
  line-height: var(--loop-button-label-line-height);
  letter-spacing: var(--loop-button-label-letter-spacing);
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: 2px solid var(--outline-transparent);
  padding: var(--loop-button-v-padding) var(--loop-button-h-padding);
  font-style: normal;
  cursor: pointer;
  color: var(--text-on-dark-link-primary-enabled);
  background-color: var(--background-container-on-light-link-primary-enabled);
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--border-radius-x-large);
  text-transform: none;
}

.text-button,
a.text-button:any-link {
  font-family: var(--global-font-family);
  font-size: var(--loop-xl-button-font-size);
  font-weight: var(--loop-button-label-font-weight);
  line-height: var(--loop-button-label-line-height);
  letter-spacing: var(--loop-button-label-letter-spacing);
  text-align: left;
  display: inline-block;
  color: var(--text-on-light-link-primary-enabled) !important;
  padding: var(--spacing-none);
  padding-bottom: var(--spacing-tiny);
  padding-top: var(--spacing-medium);
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: rgba(0, 67, 112, 0.55);
  text-decoration-thickness: 2px;
  text-underline-offset: 45%;
  text-underline-position: from-font;
}

.text-button:any-link:hover,
.text-button:any-link:focus:not(:focus-visible),
a.text-button:any-link:hover,
a.text-button:any-link:focus:not(:focus-visible) {
  text-decoration-color: var(--blue-40);
  cursor: pointer;
  background-color: transparent;
}

.lp-text-button .custom-text-wrapper p a.button:any-link {
  font-family: var(--global-font-family);
  font-size: var(--loop-xl-button-font-size);
  font-weight: var(--loop-button-label-font-weight);
  line-height: var(--loop-button-label-line-height);
  letter-spacing: var(--loop-button-label-letter-spacing);
  text-align: left;
  display: inline-block;
  color: var(--text-on-light-link-primary-enabled) !important;
  padding: var(--spacing-none);
  padding-bottom: var(--spacing-tiny);
  padding-top: var(--spacing-medium);
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: rgba(0, 67, 112, 0.55);
  text-decoration-thickness: 2px;
  text-underline-offset: 48%;
  text-underline-position: from-font;
}

.lp-text-button .custom-text-wrapper p a.button:any-link:hover {
  text-decoration-color: var(--domain-interactive-on-light-hover-text);
  cursor: pointer;
}

a.button:hover,
button:hover {
  background-color: var(--blue-40);
  color: var(--text-on-light-link-primary-enabled);
  cursor: pointer;
}

a.button:focus-visible,
button:focus-visible,
a.button.secondary:focus-visible,
button.secondary:focus-visible {
  outline: 2px solid var(--keyboard-focus-on-light);
}

a.button.disabled,
a.button.disabled:hover,
button:disabled,
button:disabled:hover {
  background-color: var(--neutral-solid-30-s);
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

a.button:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  background-color: var(--blue-90);
  color: var(--white);
}

a.button.secondary,
button.secondary {
  background-color: unset;
  border: 2px solid var(--outline-on-light-link-enabled);
  color: var(--text-on-light-link-primary-enabled);
}

a.button.secondary:hover,
button.secondary:hover {
  background-color: var(--blue-40);
  border: 2px solid var(--blue-40);
  color: var(--text-on-light-link-primary-enabled);
}

a.button.secondary.disabled,
a.button.secondary.disabled:hover,
button.secondary:disabled,
button.secondary:disabled:hover {
  background-color: unset;
  border: 2px solid var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s);
  cursor: unset;
}

a.button.secondary:focus:not(:focus-visible),
button.secondary:focus:not(:focus-visible) {
  background-color: var(--blue-10);
  border: 2px solid var(--blue-70);
  color: var(--text-on-light-link-primary-enabled);
}

a.button.light-outline-btn,
button.light-outline-btn {
  background-color: unset;
  border: 2px solid var(--brand-blue);
  color: var(--text-on-light-link-primary-enabled);
}

a.button.light-outline-btn:hover,
button.light-outline-btn:hover {
  background-color: var(--blue-40);
  border: 2px solid var(--blue-40);
  color: var(--text-on-light-link-primary-enabled);
}

a.button.light-outline-btn:hover i,
button.light-outline-btn:hover i {
  color: var(--text-on-light-link-primary-enabled);
}

a.button.light-outline-btn.disabled,
a.button.light-outline-btn.disabled:hover,
button.light-outline-btn:disabled,
button.light-outline-btn:disabled:hover {
  background-color: unset;
  border: 2px solid var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s);
  cursor: unset;
}

a.button.light-outline-btn:focus:not(:focus-visible),
button.light-outline-btn:focus:not(:focus-visible) {
  background-color: var(--blue-10);
  border: 2px solid var(--blue-70);
  color: var(--text-on-light-link-primary-enabled);
}

a.button.ghost,
button.ghost {
  background-color: transparent;
  color: var(--blue-70);
}

a.button.ghost:hover,
button.ghost:hover {
  background-color: var(--blue-05);
  color: var(--blue-70);
}

a.button.ghost.disabled,
a.button.ghost.disabled:hover,
button.ghost:disabled,
button.ghost:disabled:hover {
  background-color: transparent;
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

a.button.ghost:focus:not(:focus-visible),
button.ghost:focus:not(:focus-visible) {
  background-color: var(--blue-10);
  color: var(--blue-70);
}

.lp-white-solid-button {
  color: var(--blue-70);
  background-color: var(--white);
  border: 2px solid transparent;
}

.lp-white-solid-button:hover {
  background-color: var(--blue-40);
}

p.button-container {
  margin: var(--spacing-none);
}

/*End button style*/
main .section[data-sec-spacing=section-none] {
  padding-top: var(--spacing-none)
}

main .section[data-sec-spacing=section-xtiny] {
  padding-top: var(--spacing-xtiny)
}

main .section[data-sec-spacing=section-tiny] {
  padding-top: var(--spacing-tiny)
}

main .section[data-sec-spacing=section-xxsmall] {
  padding-top: var(--spacing-xxsmall)
}

main .section[data-sec-spacing=section-xsmall] {
  padding-top: var(--spacing-xsmall)
}

main .section[data-sec-spacing=section-regular] {
  padding-top: var(--spacing-regular)
}

main .section[data-sec-spacing=section-small] {
  padding-top: var(--spacing-small)
}

main .section[data-sec-spacing=section-medium] {
  padding-top: var(--spacing-medium)
}

main .section[data-sec-spacing=section-large] {
  padding-top: var(--spacing-large)
}

main .section[data-sec-spacing=section-xlarge] {
  padding-top: var(--spacing-xlarge)
}

main .section[data-sec-spacing=section-xxlarge] {
  padding-top: var(--spacing-xxlarge)
}

main .section[data-sec-spacing=section-huge] {
  padding-top: var(--spacing-huge)
}

main .section[data-sec-spacing=section-xhuge] {
  padding-top: var(--spacing-xhuge)
}

main .section[data-sec-spacing=section-xxhuge] {
  padding-top: var(--spacing-xxhuge)
}

main .section[data-sec-spacing=section-padding-between] {
  padding-top: var(--padding-between-sections)
}

main .section[data-sec-spacing=padding-wb-paragraphs] {
  padding-top: var(--padding-wb-paragraphs)
}

main .section[data-sec-spacing=padding-wb-sections] {
  padding-top: var(--padding-wb-sections)
}

main .section[data-sec-spacing=padding-campaigns-sections] {
  padding-top: var(--padding-campaigns-sections)
}

main .section[data-sec-spacing-bottom=section-none] {
  padding-bottom: var(--spacing-none)
}

main .section[data-sec-spacing-bottom=section-tiny] {
  padding-bottom: var(--spacing-tiny)
}

main .section[data-sec-spacing-bottom=section-xxsmall] {
  padding-bottom: var(--spacing-xxsmall)
}

main .section[data-sec-spacing-bottom=section-xtiny] {
  padding-bottom: var(--spacing-xtiny)
}

main .section[data-sec-spacing-bottom=section-xsmall] {
  padding-bottom: var(--spacing-xsmall)
}

main .section[data-sec-spacing-bottom=section-regular] {
  padding-bottom: var(--spacing-regular)
}

main .section[data-sec-spacing-bottom=section-small] {
  padding-bottom: var(--spacing-small)
}

main .section[data-sec-spacing-bottom=section-medium] {
  padding-bottom: var(--spacing-medium)
}

main .section[data-sec-spacing-bottom=section-large] {
  padding-bottom: var(--spacing-large)
}

main .section[data-sec-spacing-bottom=section-xlarge] {
  padding-bottom: var(--spacing-xlarge)
}

main .section[data-sec-spacing-bottom=section-xxlarge] {
  padding-bottom: var(--spacing-xxlarge)
}

main .section[data-sec-spacing-bottom=section-huge] {
  padding-bottom: var(--spacing-huge)
}

main .section[data-sec-spacing-bottom=section-xhuge] {
  padding-bottom: var(--spacing-xhuge)
}

main .section[data-sec-spacing-bottom=section-xxhuge] {
  padding-bottom: var(--spacing-xxhuge)
}

main .section[data-sec-spacing-bottom=section-padding-between] {
  padding-bottom: var(--padding-between-sections)
}

main .section[data-sec-spacing-bottom=padding-wb-paragraphs] {
  padding-bottom: var(--padding-wb-paragraphs)
}

main .section[data-sec-spacing-bottom=padding-wb-sections] {
  padding-bottom: var(--padding-wb-sections)
}

main .section[data-sec-spacing-bottom=padding-campaigns-sections] {
  padding-bottom: var(--padding-campaigns-sections)
}

/*=== End Spacing changes ====*/
.section[class*=bg-primary-blue] a:any-link {
  color: var(--white);
  text-decoration-color: var(--white)
}

.section[class*=bg-primary-blue] p strong>em>a:any-link {
  background-color: rgba(0, 0, 0, 0);
  color: var(--white);
  border-bottom: 2px solid rgba(255, 255, 255, .3)
}

.section[class*=bg-primary-blue] a:any-link:hover {
  color: var(--white);
  text-decoration-color: var(--blue-40)
}

.section[class*=bg-primary-blue] a:any-link:visited {
  color: var(--white);
  text-decoration-color: var(--blue-40)
}

.section[class*=bg-primary-blue] a:any-link:active {
  color: var(--white);
  text-decoration-color: var(--white)
}

.section[class*=bg-primary-blue] p strong>em>a:any-link:hover {
  border-bottom: 2px solid #169af3
}

.section[class*=bg-primary-blue] p strong>em>a:any-link:active {
  color: var(--white);
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.section[class*=bg-primary-blue] a:any-link:focus:not(:focus-visible) {
  color: var(--white);
  text-decoration-color: var(--white)
}

.section[class*=bg-primary-blue] p strong>em>a:any-link:focus:not(:focus-visible) {
  color: var(--white);
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.section[class*=bg-primary-blue] a:any-link.disabled {
  color: rgba(255, 255, 255, .48);
  text-decoration-color: rgba(255, 255, 255, .48);
  cursor: unset
}

.section[class*=bg-primary-blue] p strong>em>a:any-link.disabled {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 41, 77, .42);
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.section[class*=bg-primary-blue] a.button:any-link,
.section[class*=bg-primary-blue] button {
  color: var(--blue-70);
  background-color: var(--white);
  border: 2px solid rgba(0, 0, 0, 0);
  white-space: pre-wrap
}

.section[class*=bg-primary-blue] a.button:hover,
.section[class*=bg-primary-blue] button:hover {
  background-color: var(--blue-40)
}

.section[class*=bg-primary-blue] a.button:any-link:focus-visible,
.section[class*=bg-primary-blue] button:focus-visible {
  outline: 2px solid var(--keyboard-focus-on-light)
}

.section[class*=bg-primary-blue] a.button.disabled,
.section[class*=bg-primary-blue] a.button.disabled:hover,
.section[class*=bg-primary-blue] button:disabled,
.section[class*=bg-primary-blue] button:disabled:hover {
  background-color: var(--white);
  color: var(--global-states-disable-medium);
  border-color: var(--global-states-disable-regular)
}

.section[class*=bg-primary-blue] a.button:focus:not(:focus-visible),
.section[class*=bg-primary-blue] button:focus:not(:focus-visible) {
  background-color: var(--blue-10);
  color: var(--blue-70)
}

.section[class*=transform-teaser-container] .custom-text-wrapper a.button:focus:not(:focus-visible),
.section[class*=transform-teaser-container] .custom-text-wrapper button:focus:not(:focus-visible) {
  background-color: transparent;
  color: var(--blue-70);
  border-bottom: 2px solid var(--background-container-secondary);
}

.section[class*=bg-primary-blue] a.button.secondary,
.section[class*=bg-primary-blue] button.secondary {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid var(--white);
  color: var(--white)
}

.section[class*=bg-primary-blue] a.button.secondary:hover,
.section[class*=bg-primary-blue] button.secondary:hover {
  background-color: var(--blue-40);
  border-color: var(--blue-40);
  color: var(--blue-70)
}

.section[class*=bg-primary-blue] a.button.secondary.disabled,
.section[class*=bg-primary-blue] a.button.secondary.disabled:hover,
.section[class*=bg-primary-blue] button.secondary:disabled,
.section[class*=bg-primary-blue] button.secondary:disabled:hover {
  background-color: unset;
  border-color: var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s)
}

.section[class*=bg-primary-blue] a.button.secondary:focus:not(:focus-visible),
.section[class*=bg-primary-blue] button.secondary:focus:not(:focus-visible) {
  background-color: var(--blue-10);
  color: var(--blue-70);
  border-color: var(--white)
}

.section[class*=bg-primary-blue] a.button.ghost,
.section[class*=bg-primary-blue] button.ghost {
  background-color: rgba(0, 0, 0, 0);
  color: var(--white)
}

.section[class*=bg-primary-blue] a.button.ghost:hover,
.section[class*=bg-primary-blue] button.ghost:hover {
  background-color: var(--blue-05);
  color: var(--blue-70)
}

.section[class*=bg-primary-blue] a.button.ghost.disabled,
.section[class*=bg-primary-blue] a.button.ghost.disabled:hover,
.section[class*=bg-primary-blue] button.ghost:disabled,
.section[class*=bg-primary-blue] button.ghost:disabled:hover {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 41, 77, .42);
  cursor: unset
}

.section[class*=bg-primary-blue] a.button.ghost:focus:not(:focus-visible),
.section[class*=bg-primary-blue] button.ghost:focus:not(:focus-visible) {
  background-color: var(--blue-10);
  color: var(--blue-70)
}

.section[class*=bg-primary-blue] {
  color: var(--text-on-dark-emphasis)
}

.section[class*=bg-primary-blue] .lp-heading p,
.section[class*=bg-primary-blue] .heading p,
.section[class*=bg-primary-blue] .lp-heading p:not(:empty),
.section[class*=bg-primary-blue] .heading .eyebrowtext:not(:empty) {
  color: var(--text-on-dark-default)
}

.section[class*=bg-primary-blue] .lp-heading hr {
  background-color: var(--text-on-dark-default)
}

.section[class*=bg-primary-blue] h1,
.section[class*=bg-primary-blue] h2,
.section[class*=bg-primary-blue] h3,
.section[class*=bg-primary-blue] h4,
.section[class*=bg-primary-blue] h5,
.section[class*=bg-primary-blue] h6,
.section[class*=bg-primary-blue] .heading p:not(:empty),
.section[class*=bg-primary-blue] .lp-heading .eyebrowtext:not(:empty) {
  color: var(--text-on-dark-emphasis)
}

.section[class*=bg-neutrals] {
  color: var(--neutral-solid-90-s)
}

main .section.bg-primary-blue-90,
main .section.bg-primary-blue-90[data-sec-inside-container=true]>div {
  background-color: var(--blue-90)
}

.bg-primary-blue-70 {
  background-color: var(--blue-70);
}

.bg-primary-blue-70 h1,
.bg-primary-blue-70 h2,
.bg-primary-blue-70 h3,
.bg-primary-blue-70 h4,
.bg-primary-blue-70 h5,
.bg-primary-blue-70 h6,
.bg-primary-blue-70 .heading p:not(:empty),
.bg-primary-blue-70 .lp-heading .eyebrowtext:not(:empty) {
  color: var(--text-on-dark-emphasis)
}

main .section.bg-primary-blue-70,
main .section.bg-primary-blue-70[data-sec-inside-container=true]>div {
  background-color: var(--blue-70);
  z-index: 0
}

main .section.bg-primary-blue-70-gradient,
main .section.bg-primary-blue-70-gradient[data-sec-inside-container=true]>div {
  background-color: var(--blue-70);
  z-index: 0
}

main .section.bg-neutrals-10,
main .section.bg-neutrals-10[data-sec-inside-container=true]>div {
  background-color: var(--neutral-solid-05-s)
}

main .section.bg-neutrals-20,
main .section.bg-neutrals-20[data-sec-inside-container=true]>div {
  background-color: var(--neutral-solid-10-s)
}

main .section.stay-connected-container.lp-heading-container[data-sec-inside-container=true] {
  padding-left: var(--grid-margin-12-col) !important;
  padding-right: var(--grid-margin-12-col) !important
}

main .section.bg-neutrals-20-dark,
main .section.bg-neutrals-20-dark[data-sec-inside-container=true]>div {
  background-color: var(--neutral-solid-20-s)
}

main .section.bg-neutrals-05-gradient,
main .section.bg-neutrals-05-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(93deg, var(--neutral-solid-05-s) -0.12%, var(--neutral-solid-15-s) 100%)
}

html[dir=rtl] main .section.bg-neutrals-05-gradient,
html[dir=rtl] main .section.bg-neutrals-05-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(-93deg, var(--neutral-solid-05-s) -0.12%, var(--neutral-solid-15-s) 100%)
}

main .section.bg-neutrals-10-gradient,
main .section.bg-neutrals-10-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(180deg, #ffffff 3.01%, var(--neutral-solid-10-s) 100%)
}

main .section.bg-neutrals-15-gradient,
main .section.bg-neutrals-15-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(180deg, #ffffff 0%, var(--neutral-solid-15-s) 100%)
}

main .section.bg-neutrals-16-gradient,
main .section.bg-neutrals-16-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(180deg, #FFF 16.89%, #E7EDF3 54.47%)
}

main .section.bg-neutrals-07-gradient,
main .section.bg-neutrals-07-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(180deg, rgba(245, 247, 249, 0.4) 0.03%, #F5F7F9 4.9%, #ffffff 100.03%)
}

main .section.bg-primary-blue-50-base,
main .section.bg-primary-blue-50-base[data-sec-inside-container=true]>div {
  background: var(--blue-50-base)
}

main .section[class*=bg-][data-sec-inside-container=true] {
  background-color: rgba(0, 0, 0, 0);
  margin: 0 var(--grid-margin-12-col)
}

main .section.bg-neutrals-20.bg-primary-blue-50-base[data-sec-inside-container=true] {
  background-color: var(--neutral-solid-10-s);
  padding-left: var(--grid-margin-12-col);
  padding-right: var(--grid-margin-12-col);
  margin-left: 0;
  margin-right: 0
}

main .section[class*=bg-][data-sec-inside-container=true]>div {
  max-width: calc(var(--screen-width) - var(--spacing-xxlarge) - var(--spacing-xxlarge));
  padding: var(--spacing-xxlarge);
  border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-medium) var(--border-radius-medium);
  position: relative
}

main .section[class*=bg-][data-sec-inside-container=true]>div.breadcrumb-wrapper {
  padding: 0 0 0 16px;
  border-radius: 10px 10px 0 0;
  max-width: calc(var(--screen-width) - 16px)
}

main .section.bg-primary-blue-80,
main .section.bg-primary-blue-80[data-sec-inside-container=true]>div {
  background-color: var(--blue-80);
  z-index: 0;
  border-radius: var(--border-radius-medium)
}

html[dir=rtl] main .section[class*=bg-][data-sec-inside-container=true]>div.breadcrumb-wrapper {
  padding: 0 16px 0 0;
  border-radius: 10px 10px 0 0
}

main .section[class*=bg-][data-sec-inside-container=true]>div.breadcrumb-wrapper+div {
  border-radius: 0 0 10px 10px
}

/*=== Begin cookies ====*/
.cookie-tooltip p a {
  font-size: var(--font-size-200);
  color: var(--white);
  border-bottom: 1px solid var(--white);
  text-decoration: none
}

.cookie-tooltip p>a:visited,
.cookie-tooltip p>a:hover {
  color: var(--white)
}

.cookie-tooltip {
  background: rgba(0, 0, 0, .87);
  padding: 16px 20px;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 0
}

.cookie-tooltip,
.cookie-tooltip .close {
  animation-duration: .6s;
  animation-name: slideUp
}

.cookie-tooltip .container {
  margin: auto
}

.cookie-tooltip p {
  line-height: 18px;
  color: var(--white);
  margin: 0 auto;
  font-size: var(--font-size-200);
  animation-duration: .6s;
  animation-name: slideUp
}

.cookie-tooltip .close {
  height: 32px;
  width: 32px;
  color: var(--white);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 0;
  margin: var(--spacing-none);
  padding: var(--spacing-none)
}

.cookie-tooltip .close:focus-visible {
  outline: 2px solid var(--keyboard-focus-on-light)
}

.cookie-tooltip>.container>button>span {
  font-size: var(--body-font-size)
}

@media(width >=1024px) {
  .cookie-tooltip .container {
    max-width: calc(var(--screen-width) + var(--grid-margin-12-col)*2 - var(--section-reduced-space)*2)
  }
}

@media(width < 768px) {
  .cookie-tooltip p>a {
    line-height: 14px
  }

  .cookie-tooltip>.container>button>span {
    font-size: var(--font-size-200)
  }
}

/*=== begin components variations ===*/
main img {
  max-width: 100%;
  width: auto;
  height: auto
}

.icon {
  display: inline-block;
  height: 24px;
  width: 24px
}

.icon img {
  height: 100%;
  width: 100%
}

main .section {
  margin: var(--spacing-none);
  padding: var(--spacing-medium) 0;
  position: relative
}

main .section::before {
  inset: 0
}

main .section>div {
  padding: 0 var(--grid-margin-12-col)
}

@media(width >=1024px) {
  main .section>div {
    max-width: var(--screen-width);
    margin: auto
  }

  main .section[data-sec-width=true]>div {
    max-width: calc(var(--screen-width) + var(--grid-margin-12-col)*2 - var(--section-reduced-space)*2)
  }
}

main .section.bg-image {
  overflow: visible
}

main .section.bg-image.bg-image-auto-height,
main .section.bg-image-auto-height {
  position: relative;
  overflow: hidden
}

main .section.bg-image.bg-image-auto-height>picture::after,
main .section.bg-image-auto-height>picture::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.51) 100%)
}

main .section.bg-image.bg-image-auto-height .sec-img,
main .section.bg-image-auto-height .sec-img {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  top: auto
}

main .section.bg-image.bg-image-auto-height .lp-heading h2,
main .section.bg-image.bg-image-auto-height .lp-heading p.subtitltext:not(:empty),
main .section.bg-image-auto-height .lp-heading h2,
main .section.bg-image-auto-height .lp-heading p.subtitltext:not(:empty) {
  color: var(--text-on-dark-emphasis)
}

main .section.bg-image.bg-image-auto-height .lp-heading p:not(:empty),
main .section.bg-image-auto-height .lp-heading p:not(:empty) {
  color: var(--text-on-dark-default)
}

main .section.bg-image.bg-image-auto-height a.button.primary:-moz-any-link,
main .section.bg-image-auto-height a.button.primary:-moz-any-link {
  color: var(--blue-70);
  background-color: var(--white);
  border: 2px solid rgba(0, 0, 0, 0)
}

main .section.bg-image.bg-image-auto-height a.button.primary:any-link,
main .section.bg-image-auto-height a.button.primary:any-link {
  color: var(--blue-70);
  background-color: var(--white);
  border: 2px solid rgba(0, 0, 0, 0)
}

main .section.bg-image.bg-image-auto-height a.button.primary:-moz-any-link:hover,
main .section.bg-image-auto-height a.button.primary:-moz-any-link:hover {
  background-color: var(--blue-40)
}

main .section.bg-image.bg-image-auto-height a.button.primary:any-link:hover,
main .section.bg-image-auto-height a.button.primary:any-link:hover {
  background-color: var(--blue-40)
}

main .section.bg-image .sec-img {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 100%;
  object-fit: cover;
  object-position: top center
}

html[dir=rtl] main .section.bg-image .sec-img {
  transform: scaleX(-1)
}

@media(width >=768px) {
  main .section.bg-image .sec-img {
    height: 130%
  }
}

@media(width >=1024px) {
  main .section.bg-image .sec-img {
    top: 0px;
    height: 85%
  }

  main .section[data-sec-width=true][data-sec-inside-container=true]>div {
    max-width: calc(var(--screen-width) + var(--grid-margin-12-col)*2 - var(--section-reduced-space)*2)
  }
}

@media(width >=1400px) {
  main .section.bg-image .sec-img {
    top: -250px;
    height: 145%
  }

  html[lang=zh] main .section.bg-image .sec-img {
    height: 145%
  }

  html[lang=zh] main .section.bg-image.bg-image-auto-height .sec-img,
  html[lang=zh] main .section.bg-image-auto-height .sec-img {
    height: 100%
  }
}

body.no-scroll {
  overflow-y: hidden
}

#skip-to-main-content {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
  font-size: var(--font-size-200)
}

#skip-to-main-content:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  word-wrap: normal;
  z-index: 1000;
  margin: var(--spacing-xtiny)
}

.auto-image-container {
  padding: 0;
  margin: 0;
  line-height: 0px
}

.cookie-tooltip {
  background: rgba(0, 0, 0, .87);
  padding: 16px 20px;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 0
}

.cookie-tooltip,
.cookie-tooltip .close {
  animation-duration: .6s;
  animation-name: slideUp
}

.cookie-tooltip .container {
  margin: auto
}

.cookie-tooltip p {
  line-height: 18px;
  color: var(--white);
  margin: 0 auto;
  font-size: var(--font-size-200);
  animation-duration: .6s;
  animation-name: slideUp
}

.cookie-tooltip .close {
  height: 32px;
  width: 32px;
  color: var(--white);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 0;
  margin: var(--spacing-none);
  padding: var(--spacing-none)
}

.cookie-tooltip .close:focus-visible {
  outline: 2px solid var(--keyboard-focus-on-light)
}

.cookie-tooltip>.container>button>span {
  font-size: var(--body-font-size)
}

@media(width >=1024px) {
  .cookie-tooltip .container {
    max-width: calc(var(--screen-width) + var(--grid-margin-12-col)*2 - var(--section-reduced-space)*2)
  }
}

@media(width < 768px) {
  .cookie-tooltip p>a {
    line-height: 14px
  }

  .cookie-tooltip>.container>button>span {
    font-size: var(--font-size-200)
  }
}

.main-heading p {
  font-size: var(--font-size-1000);
  text-transform: uppercase;
  margin: 0rem 0rem var(--spacing-medium) 0rem;
  color: var(--blue-90);
  line-height: 112%
}

.carousel-container .default-content-wrapper h2 {
  margin: 0rem 0rem var(--spacing-xlarge) 0rem;
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-1000);
  line-height: 112%;
  text-transform: uppercase;
  letter-spacing: -1.2px;
  color: var(--blue-90)
}

.main-heading h2 {
  font-weight: 400;
  margin: 0rem 0rem var(--spacing-small) 0rem
}

.section[class*=bg-primary-blue] .main-heading p {
  color: var(--white)
}

.auto-image-container-v1 picture,
.columns>div picture {
  display: block;
  line-height: 0
}

.cmp-teaser__pretitle {
  color: var(--text-on-light-subdued);
  font-size: var(--font-size-100);
  font-weight: var(--body-font-weight-bold);
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 var(--spacing-xsmall) 0;
  position: relative;
  z-index: 2
}

.tui_body_text_large_regular {
  color: var(--text-on-light-emphasis);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-600);
  line-height: 150%;
  letter-spacing: -0.084px
}

.tui_body_text_xs_small {
  color: var(--text-on-light-emphasis);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-200);
  line-height: 150%;
  letter-spacing: .25px;
  margin-bottom: var(--spacing-tiny)
}

.tui_body_text_large_regular a {
  color: var(--text-on-light-link-primary-enabled)
}

.emptydiv {
  display: none !important
}

.col-3.collapsible-text-container {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-none)
}

.col-3.collapsible-text-container .section-rows {
  display: flex;
  padding: var(--spacing-none)
}

@media(width <=1023.9px) {
  .col-3.collapsible-text-container .section-rows {
    flex-direction: column-reverse
  }
}

.data-topic-result-container .col-ctrl-1 .lp-heading {
  margin-bottom: var(--spacing-xxlarge);
}

.data-topic-result-container .section-rows {
  margin-top: var(--spacing-xxlarge);
  display: flex;
  -moz-column-gap: var(--spacing-medium);
  column-gap: var(--spacing-medium);
  flex-wrap: wrap
}

.data-topic-result-container .heading-wrapper .heading>div p.button-container {
  display: block;
  width: auto
}

.data-topic-result-container .default-content-wrapper .button-container {
  display: none
}

@media(width <=768px) {
  .data-topic-result-container .default-content-wrapper .button-container {
    display: block
  }

  .data-topic-result-container .heading-wrapper .heading>div p.button-container {
    display: none
  }
}

.data-topic-result-container .heading-wrapper h3 {
  padding-bottom: var(--spacing-xsmall)
}

.data-topic-result-container .heading-wrapper .tui_body_text_md_regular {
  color: var(--text-on-light-default)
}

.data-topic-result-container .col-ctrl-2 .heading-wrapper,
.data-topic-result-container .col-ctrl-3 .heading-wrapper,
.data-topic-result-container .col-ctrl-4 .heading-wrapper {
  margin-bottom: var(--spacing-none)
}

@media(width >=768px) {

  .data-topic-result-container .col-ctrl-2,
  .data-topic-result-container .col-ctrl-3,
  .data-topic-result-container .col-ctrl-4 {
    width: 30.33%
  }

  .data-topic-result-container .col-ctrl-2 .heading-wrapper,
  .data-topic-result-container .col-ctrl-3 .heading-wrapper,
  .data-topic-result-container .col-ctrl-4 .heading-wrapper {
    padding-right: var(--spacing-medium)
  }

  html[dir=rtl] .data-topic-result-container .col-ctrl-2 .heading-wrapper,
  html[dir=rtl] .data-topic-result-container .col-ctrl-3 .heading-wrapper,
  html[dir=rtl] .data-topic-result-container .col-ctrl-4 .heading-wrapper {
    padding: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-medium)
  }
}

@media(width >=1200px) {

  .data-topic-result-container .col-ctrl-2,
  .data-topic-result-container .col-ctrl-3,
  .data-topic-result-container .col-ctrl-4 {
    width: 31.33%
  }
}

.data-topic-result-container .mini-card {
  border-top: 2px solid var(--divider-on-light-subdued);
  padding-block-start: var(--spacing-medium)
}

@media(width <=767px) {
  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper)>.collapsible-text-wrapper .twocolumn ul {
    grid-template-columns: 1fr !important
  }
}

.wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .onecolumn),
.wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .twocolumn) {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: var(--spacing-large)
}

@media(width >=1025px) {

  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .onecolumn),
  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .twocolumn) {
    gap: var(--grid-gutter)
  }

  .wrap-body-text .section-rows>div:not(:has(>.collapsible-text-wrapper)) {
    display: grid;
    grid-template-columns: 8fr 4fr;
    align-items: start;
    gap: var(--grid-gutter)
  }

  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .onecolumn) {
    grid-template-columns: 6fr 6fr
  }

  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .twocolumn) {
    grid-template-columns: 6fr 6fr
  }
}

@media(width >=1400px) {
  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .onecolumn) {
    grid-template-columns: 8fr 4fr
  }

  .wrap-body-text .section-rows>div:has(>.collapsible-text-wrapper .twocolumn) {
    grid-template-columns: 4fr 8fr
  }
}

.wrap-body-text .custom-text-wrapper,
.tui-body-text-md-regular {
  color: var(--text-on-light-default);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-500);
  line-height: 150%;
  letter-spacing: -0.25px
}

.wrap-body-text .custom-text-wrapper p.button-container,
.tui-body-text-md-regular p.button-container {
  margin: 0rem
}

.tui-body-text-md-regular h1,
.tui-body-text-md-regular h2,
.tui-body-text-md-regular h3,
.tui-body-text-md-regular h4,
.tui-body-text-md-regular h5,
.tui-body-text-md-regular h6 {
  margin: 0rem 0rem var(--spacing-medium) 0rem
}

.wrap-body-text .custom-text-wrapper h2,
.tui-body-text-md-regular h2 {
  color: var(--text-on-light-emphasis);
  font-size: var(--font-size-700);
  font-weight: var(--label-font-weight);
  line-height: 125%;
  letter-spacing: -0.42px;
  margin: 0rem 0rem var(--spacing-regular) 0rem
}

.wrap-body-text .custom-text-wrapper p,
.tui-body-text-md-regular p {
  margin: 0rem 0rem var(--spacing-regular) 0rem
}

.wrap-body-text .custom-text-wrapper a.button,
.tui-body-text-md-regular a.button {
  color: var(--text-on-light-link-primary-enabled);
  padding: var(--spacing-none);
  padding-bottom: var(--spacing-tiny);
  background-color: rgba(0, 0, 0, 0);
  border: 0px;
  border-radius: 0px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: rgba(0, 67, 112, .55);
  text-decoration-thickness: 2px;
  text-underline-offset: 48%;
  text-underline-position: from-font
}

.wrap-body-text .custom-text-wrapper a.button:hover,
.tui-body-text-md-regular a.button:hover {
  text-decoration-color: var(--outline-on-light-link-hover)
}

main img {
  width: 100%
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: var(--spacing-none);
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.image-caption .custom-text-wrapper p,
.image-caption .default-content-wrapper p {
  color: var(--text-on-light-default);
  font-size: var(--font-size-200);
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  padding: var(--spacing-xsmall) 0rem 0rem 0rem
}

.border-radius-medium img {
  border-radius: var(--border-radius-medium) !important
}

main .section.border-radius-medium[class*=bg-][data-sec-inside-container=true]>div {
  border-radius: var(--border-radius-medium) !important
}

.image-16by9 p {
  margin: var(--spacing-none)
}

.image-16by9 img {
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto !important;
  border-radius: var(--border-radius-medium) !important
}

.image-3by2 img {
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto !important;
  border-radius: var(--border-radius-medium) !important
}

.image-4by5 img {
  aspect-ratio: 4/5;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto !important;
  border-radius: var(--border-radius-medium) !important
}

.image-1by1 img {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto !important;
  border-radius: var(--border-radius-medium) !important
}

.image-1by1 .popup-card img {
  aspect-ratio: 1/1 !important
}

.banner-image-ratio img {
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: top;
}

@media (width >=768px) {
  .banner-image-ratio img {
    aspect-ratio: 16/9;
  }
}

@media (width >=1024px) {
  .banner-image-ratio img {
    aspect-ratio: 17/6;
  }
}

@media(width <=1023.9px) {
  .accordion-container.custom-image-container.image-1by1 img {
    aspect-ratio: 3/2
  }
}

.image-ratio.image-4by5 img {
  aspect-ratio: 16/9
}

@media(width >=1024px) {
  .image-ratio.image-4by5 img {
    aspect-ratio: 4/5
  }
}

.transform-teaser-container {
  margin: var(--spacing-xlarge) var(--spacing-none) !important
}

.transform-teaser-container .section-rows .col-ctrl-2 .auto-image-container-v1 picture img {
  width: 580px
}

@media(width <=768px) {
  .transform-teaser-container .section-rows {
    flex-direction: column-reverse
  }

  .transform-teaser-container .section-rows .col-ctrl-2 .auto-image-container-v1 picture img {
    width: 287px
  }
}

@media(width <=1023px) {
  .transform-teaser-container .section-rows {
    display: flex
  }
}

.transform-teaser-container .section-rows {
  padding-top: var(--spacing-xxlarge);
  padding-bottom: var(--spacing-xxlarge);
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px
}

@media(width >=830px) {
  .transform-teaser-container .section-rows {
    grid-template-columns: 55% 42%
  }
}

@media(width >=930px) {
  .transform-teaser-container .section-rows {
    grid-template-columns: 65% 35%
  }
}

@media(width >=1200px) {
  .transform-teaser-container .section-rows {
    grid-template-columns: 55% 42%
  }
}

.transform-teaser-container .section-rows::before,
.transform-teaser-container .section-rows::after {
  display: none
}

.transform-teaser-container .section-rows .col-ctrl-2 {
  position: relative;
  right: 0px;
  top: 0;
  z-index: 0;
  margin-top: -60px;
  margin-bottom: var(--spacing-none);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xlarge);
  width: auto
}

.transform-teaser-container .lp-two-column-card {
  display: grid;
  grid-template-columns: 50% 50%;
  width: auto
}

.transform-teaser-container .lp-two-column-card div:nth-child(2).custom-text-wrapper {
  padding-right: var(--spacing-medium)
}

html[dir=rtl] .transform-teaser-container .lp-two-column-card div:nth-child(2).custom-text-wrapper {
  padding: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-medium)
}

@media(width >=768px) {
  .transform-teaser-container .section-rows .col-ctrl-2 {
    position: absolute;
    right: 0px;
    top: -12px;
    z-index: 11;
    margin-top: 0px
  }

  html[dir=rtl] .transform-teaser-container .section-rows .col-ctrl-2 {
    position: absolute;
    left: 0px;
    right: auto;
    top: -12px
  }
}

@media(width >=768px) {
  .transform-teaser-container .section-rows .col-ctrl-2 {
    top: -65px
  }

  html[dir=rtl] .transform-teaser-container .section-rows .col-ctrl-2 {
    top: -65px
  }
}

.transform-teaser-container .section-rows .col-ctrl-2 .auto-image-container-v1 picture img {
  height: auto
}

.transform-teaser-container .custom-text-wrapper p:nth-child(2) {
  font-size: var(--font-size-300);
  line-height: 150%;
  color: var(--text-on-dark-default);
  margin: 0rem 0rem var(--spacing-small) 0rem
}

.transform-teaser-container .custom-text-wrapper p:first-child {
  color: var(--text-on-dark-emphasis);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-bold);
  line-height: 150%;
  margin: 0rem 0rem var(--spacing-xsmall) 0rem;
  text-transform: none;
  letter-spacing: normal
}

.transform-teaser-container .custom-text-wrapper .button-container {
  margin: var(--spacing-none)
}

.transform-teaser-container .custom-text-wrapper a.button:any-link {
  padding: var(--spacing-none) var(--spacing-none) var(--spacing-tiny) var(--spacing-none);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0rem;
  color: var(--text-on-dark-link-primary-enabled) !important;
  font-size: var(--font-size-300);
  font-weight: var(--loop-button-label-font-weight);
  line-height: var(--loop-button-label-line-height);
  letter-spacing: var(--loop-button-label-letter-spacing);
  border-bottom: 2px solid var(--divider-on-dark-emphasis)
}

.transform-teaser-container .custom-text-wrapper a.button:any-link:hover {
  border-bottom: 2px solid var(--background-container-secondary)
}

.transform-teaser-container .custom-text-wrapper:first-child {
  color: var(--text-on-dark-default);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-regular);
  line-height: 150%
}

.transform-teaser-container .custom-text-wrapper:last-child {
  padding-left: var(--spacing-medium);
  border-left: 1px solid var(--divider-on-dark-highlight)
}

html[dir=rtl] .transform-teaser-container .custom-text-wrapper:last-child {
  padding: var(--spacing-none) var(--spacing-medium) var(--spacing-none) var(--spacing-none);
  border: 0px;
  border-right: 1px solid var(--divider-on-dark-highlight)
}

.transform-teaser-container .lp-two-column-card .lp-heading-wrapper {
  grid-column: 1/-1;
  width: 100%
}

@media(width >=768px)and (width <=830px) {
  .transform-teaser-container .lp-two-column-card .lp-heading-wrapper {
    grid-column: 1/-1;
    width: 40%
  }
}

@media(width <=767px) {
  .transform-teaser-container .section-rows {
    display: flex
  }

  .transform-teaser-container .lp-two-column-card {
    display: flex;
    flex-direction: column
  }

  .transform-teaser-container .custom-text-wrapper:last-child {
    padding: var(--spacing-medium) 0rem 0rem 0rem;
    margin: var(--spacing-medium) 0rem 0rem 0rem;
    border: 0px;
    border-top: 1px solid var(--divider-on-dark-highlight)
  }

  html[dir=rtl] .transform-teaser-container .custom-text-wrapper:last-child {
    padding: var(--spacing-medium) 0rem 0rem 0rem;
    margin: var(--spacing-medium) 0rem 0rem 0rem;
    border: 0px;
    border-top: 1px solid var(--divider-on-dark-highlight)
  }

  .transform-teaser-container .section-rows .col-ctrl-2 {
    text-align: center
  }
}

.transform-teaser-container .section-rows .col-ctrl-2::before {
  content: "";
  position: absolute;
  right: 14%;
  top: 10%;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url("../icons/swoosh-tablet.svg")
}

html[dir=rtl] .transform-teaser-container .section-rows .col-ctrl-2::before {
  transform: scaleX(-1);
  left: 14%;
  top: 10%;
  right: auto
}

@media(width >=1200px) {
  .transform-teaser-container .section-rows .col-ctrl-2::before {
    width: 623px;
    height: 592px;
    right: 60px;
    top: -16px;
    background-position: center;
    background-image: url("../icons/swoosh-desktop.svg")
  }

  html[dir=rtl] .transform-teaser-container .section-rows .col-ctrl-2::before {
    left: 60px;
    top: 1%;
    right: auto
  }
}

@media(width < 768px) {
  .transform-teaser-container .section-rows .col-ctrl-2::before {
    right: 3%;
    background-position: top;
    background-image: url("../icons/swoosh-mobile.svg")
  }

  html[dir=rtl] .transform-teaser-container .section-rows .col-ctrl-2::before {
    left: 6%;
    top: 10%;
    right: unset
  }
}

@media(width < 1199px) {
  .transform-teaser-container .section-rows .col-ctrl-2 .auto-image-container-v1 picture img {
    width: 371px
  }
}

@media(width < 768px) {
  .transform-teaser-container .section-rows .col-ctrl-2 .auto-image-container-v1 picture img {
    width: 272px
  }
}

.transform-teaser-container .lp-heading p:not(:empty) {
  line-height: 150%;
  font-size: var(--font-size-500);
  color: var(--text-on-dark-default)
}

.clone-button-bottom .cloned-button:any-link {
  display: none
}

@media(width <=768px) {
  .clone-button-bottom .hide-on-mobile-tablet:any-link {
    display: none
  }

  .clone-button-bottom .cloned-button:any-link {
    display: inline-block;
    margin-top: var(--spacing-large)
  }
}

@media(width <=1023.9px) {
  .clone-text .hide-on-mobile-tablet {
    display: none
  }
}

@media(width >=1024px) {
  .clone-text .hide-on-dektop {
    display: none
  }

  .lp-sticky-section .section-rows .col-ctrl-1 {
    position: sticky;
    top: 15%;
    height: fit-content
  }
}

@media(width <=1023px) {
  .two-col-variation-50-50 .section-rows .research-publications-cards-wrapper {
    margin-bottom: var(--spacing-xxlarge)
  }
}

.columns>div {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: left
}

html[dir=rtl] .columns>div {
  text-align: right
}

@media(width >=1024px) {
  .columns>div {
    flex-direction: unset;
    gap: 32px
  }

  .columns>div>div {
    flex: 1;
    order: unset
  }
}

@media(width <=1024px) {
  .bg-neutrals-20 .columns>div {
    row-gap: var(--spacing-huge)
  }

  .bg-neutrals-20 .columns.columns-feature-card>div>div {
    display: flex
  }
}

@media(width <=767px) {
  [class*=col-ctrl-]:empty {
    display: none
  }
}

.bg-neutrals-20.stay-connected .mini-cards .mini-card .mc-text-wrapper a {
  letter-spacing: -0.25px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1px;
  text-underline-offset: auto
}

.bg-neutrals-20.stay-connected .mini-cards-wrapper .main-heading h2,
.bg-neutrals-20.stay-connected .mini-card-with-button .main-heading p {
  color: var(--text-on-light-emphasis);
  font-size: var(--font-size-700);
  line-height: 116%;
  letter-spacing: -0.42px;
  text-transform: unset;
  font-weight: var(--body-font-weight-bold);
  margin: 0rem 0rem var(--spacing-medium) 0rem
}

.heading-v2 h1 {
  color: var(--text-on-light-emphasis);
  font-size: var(--font-size-1000);
  font-weight: var(--label-font-weight);
  line-height: 115%;
  letter-spacing: -0.6px;
  margin: var(--spacing-none)
}

.heading-v2 .heading-center .lp-heading {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: auto;
  width: 100%
}

@media(width >=1024px) {
  .heading-v2 .heading-center .lp-heading {
    width: 66.6666666667%
  }
}

.heading-v2 .lp-heading h2 {
  color: var(--text-on-light-emphasis);
  font-size: var(--font-size-1100);
  line-height: 112%;
  letter-spacing: -1.44px;
  margin: var(--spacing-none);
  text-transform: none;
}

.carousel-scroll-btn {
  position: relative;
  margin-top: var(--spacing-small)
}

.carousel-scroll-btn .button-container button {
  right: auto;
  left: 0;
  bottom: 0;
  top: auto;
  position: absolute
}

html[dir=rtl] .carousel-scroll-btn .button-container button {
  right: 0 !important;
  left: auto !important;
  bottom: 0;
  top: auto
}

.carousel-scroll-btn .button-container .prev {
  margin: 8px 0 0
}

.carousel-scroll-btn .button-container .next {
  margin: 8px 56px 0
}

html[dir=rtl] .carousel-scroll-btn .button-container .prev {
  margin: 8px 56px 0
}

html[dir=rtl] .carousel-scroll-btn .button-container .next {
  margin: 8px 0px 0
}

.z-index-99 {
  z-index: 99
}

.z-index-100 {
  z-index: 100
}

.border-radius-bottom-y-80 {
  border-bottom-left-radius: var(--border-radius-campaigns-container);
  border-bottom-right-radius: var(--border-radius-campaigns-container)
}

.border-radius-top-y-80 {
  border-top-left-radius: var(--border-radius-campaigns-container);
  border-top-right-radius: var(--border-radius-campaigns-container)
}

.img-slider-container .auto-image-container-v1 picture img {
  width: 250px;
  filter: grayscale(100%);
  height: auto
}

.img-slider-container .auto-image-container-v1 picture img:hover {
  width: 250px;
  filter: none
}

.copy-right,
.image-caption {
  color: var(--text-on-light-default);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-200);
  line-height: 112%;
  letter-spacing: -0.25px;
  margin: var(--spacing-small) var(--spacing-none);
}

.copy-right {
  font-weight: bold
}

.header-wrapper.transparent-white-components {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: auto
}

.transparent-white-components .wbg_ext_global_header__main .wbg_ext_global_header__nav-list li button {
  color: var(--white)
}

.transparent-white-components .wbg_ext_global_header__main img {
  filter: invert(1) brightness(70) !important
}

.transparent-white-components .wbg_ext_hamburger_icon {
  width: 56px;
  height: 56px;
  border-radius: var(--loop-button-border-radius);
  border: 1px solid var(--outline-transparent);
  background: var(--gray-alpha-white-16-a) !important
}

.transparent-white-components .lp-bars:before {
  color: var(--white)
}

@media screen and (max-width: 1199.9px) {
  .header-wrapper.transparent-white-components .wbg_ext_top_navigation.active {
    min-height: 100vh
  }
}

.wbg_ext_full_row_blue_components {
  z-index: 9;
  position: relative
}

.bg-white {
  background-color: var(--white) !important
}

@media(width >=1024px) {
  .position-sticky {
    position: sticky !important;
    top: 0
  }
}

.position-sticky>div {
  margin-bottom: var(--spacing-xlarge)
}

@media(width >=1024px) {
  .position-sticky>div {
    position: sticky !important;
    top: 0;
    margin-bottom: var(--spacing-none)
  }
}

.padding-bottom-xxhuge {
  padding-bottom: var(--spacing-xxhuge)
}

.padding-top-xxhuge {
  padding-top: var(--spacing-xxhuge)
}

.margin-bottom-none {
  margin-bottom: var(--spacing-none)
}

.margin-bottom-none .ai-search {
  margin-bottom: var(--spacing-xxhuge)
}

.spacing-large>div {
  margin-bottom: var(--spacing-large)
}

.spacing-large>div:last-child {
  margin-bottom: var(--spacing-none)
}

.spacing-xlarge>div {
  margin-bottom: var(--spacing-xlarge)
}

.spacing-xlarge>div:last-child {
  margin-bottom: var(--spacing-none)
}

@media(width <=1023px) {
  .medium-spacing-xxlarge {
    padding-bottom: var(--spacing-xxlarge)
  }
}

.custom-image-container.bg-image img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top
}

@media(width >=768px) {
  .custom-image-container.bg-image img {
    aspect-ratio: 16/9;
  }
}

@media(width >=1024px) {
  .custom-image-container.bg-image img {
    aspect-ratio: 17/6;
  }
}

.overlay-section {
  margin-top: -10rem !important;
  margin-bottom: -10rem !important;
  width: 100%;
  height: 100%;
  padding: 10rem 0 !important
}

.overlay-banner {
  width: 100%;
  height: 100%
}

.image-height-680,
.image-height-660 {
  position: relative
}

.image-height-680 .bg-image,
.image-height-660 .bg-image {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%
}

.overlay-banner.image-height-660 {
  height: 300px;
  width: 100%
}

@media(width >=768px) {
  .overlay-banner.image-height-660 {
    height: 456px
  }
}

@media(width >=1024px) {
  .overlay-banner.image-height-660 {
    height: 660px
  }
}

.overlay-banner.image-height-660 .section-rows {
  display: flex;
  align-items: center;
  width: 100%
}

.image-height-660 .default-content-wrapper p {
  margin: 0px;
}

.image-height-660 .default-content-wrapper picture,
.image-height-660 .auto-image-container picture {
  position: relative;
  display: block;
  line-height: 0;
}

.image-height-660 .default-content-wrapper picture:after,
.image-height-660 .auto-image-container picture::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(1, 39, 64, 0) -42.44%, #012740 115.96%)
}

.image-height-660 .default-content-wrapper picture img,
.image-height-660 .auto-image-container picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
  aspect-ratio: 390/300;
  height: 300px;
}

@media(width >=768px) {

  .image-height-660 .default-content-wrapper picture img,
  .image-height-660 .auto-image-container picture img {
    aspect-ratio: 768/458;
    height: 458px;
  }
}

@media(width >=1024px) {

  .image-height-660 .default-content-wrapper picture img,
  .image-height-660 .auto-image-container picture img {
    aspect-ratio: 1456/660;
    height: 660px;
  }
}

.overlay-banner.image-height-680 {
  height: 480px;
}

@media(width >=768px) {
  .overlay-banner.image-height-680 {
    height: 500px;
  }
}

@media(width >=1024px) {
  .overlay-banner.image-height-680 {
    height: 520px;
  }
}

@media(width >=1400px) {
  .overlay-banner.image-height-680 {
    height: 600px;
  }
}

@media(width >=768px) {
  .overlay-banner.image-height-680 .section-rows {
    height: 100%;
  }
}

.overlay-banner.image-height-680 .auto-image-container-v1 picture,
.overlay-banner.image-height-680 .auto-image-container picture {
  display: block;
}

.overlay-banner.image-height-680 .auto-image-container-v1 picture::after,
.overlay-banner.image-height-680 .auto-image-container picture::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(251deg, rgba(0, 0, 0, 0) 47.92%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 41.38%)
}

.overlay-banner.image-height-680 .auto-image-container-v1 picture img,
.overlay-banner.image-height-680 .auto-image-container picture img {
  height: auto;
  aspect-ratio: 4/6;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}

@media(width <=320px) {

  .overlay-banner.image-height-680 .auto-image-container-v1 picture img,
  .overlay-banner.image-height-680 .auto-image-container picture img {
    aspect-ratio: 4/7
  }
}

@media(width >=768px) {

  .overlay-banner.image-height-680 .auto-image-container-v1 picture img,
  .overlay-banner.image-height-680 .auto-image-container picture img {
    aspect-ratio: 4/3
  }
}

@media(width >=1200px) {

  .overlay-banner.image-height-680 .auto-image-container-v1 picture img,
  .overlay-banner.image-height-680 .auto-image-container picture img {
    aspect-ratio: 21/10
  }
}

@media(width >=1400px) {

  .overlay-banner.image-height-680 .auto-image-container-v1 picture img,
  .overlay-banner.image-height-680 .auto-image-container picture img {
    aspect-ratio: 21/9
  }
}

.overlay-banner.image-height-680 picture {
  position: relative;
  display: block
}

.height-100 {
  height: 100%
}

.section.overlay-banner.image-height-680.fragment-container .fragment-wrapper,
.overlay-banner.image-height-680 .custom-image-wrapper,
.overlay-banner.image-height-660 .custom-image-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  padding: 0
}

.lp-body-content.add-style>div,
.lp-body-content.add-style[data-sec-width=true]>div {
  margin-bottom: var(--padding-wb-paragraphs)
}

.lp-body-content .add-style>div:last-child {
  margin-bottom: var(--spacing-none);
}

.lp-body-content.custom-image-container .section-rows .col-md-8 .custom-image-wrapper {
  margin-bottom: var(--padding-wb-paragraphs)
}

.swiper-button-next,
.swiper-button-prev {
  border-radius: 100px;
  border: 2px solid var(--blue-70);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 var(--grid-margin-12-col)
}

.swiper-button-next,
.swiper-button-prev {
  left: 0;
  right: auto;
  top: auto;
  bottom: 0
}

.swiper-button-next {
  left: 50px
}

.swiper-rtl .swiper-button-prev {
  right: auto;
  left: 10px
}

.swiper-rtl .swiper-button-next:after {
  font-family: "loopicon";
  content: "";
  font-size: var(--font-size-300);
  color: var(--blue-120)
}

.swiper-button-next:after {
  font-family: "loopicon";
  content: "";
  font-size: var(--font-size-300);
  color: var(--blue-120)
}

.swiper-rtl .swiper-button-prev:after {
  font-family: "loopicon";
  content: "";
  font-size: var(--font-size-300);
  color: var(--blue-120)
}

.swiper-button-prev:after {
  font-family: "loopicon";
  content: "";
  font-size: var(--font-size-300);
  color: var(--blue-120)
}

html[dir=rtl] .swiper-button-prev {
  right: 0rem
}

html[dir=rtl] .swiper-button-next {
  right: 60px
}

.swiper-arrows-center-bottom .swiper-button-next {
  left: 3rem;
  right: 0;
  margin: auto
}

.swiper-arrows-center-bottom .swiper-button-prev {
  left: 0;
  right: 3rem;
  margin: auto
}

@media(width <=767.9px) {

  .swiper-arrows-left-bottom .swiper-button-prev,
  .swiper-arrows-left-bottom .swiper-button-next {
    margin: var(--spacing-large) auto 0 auto !important;
  }

  .swiper-arrows-left-bottom .swiper-button-next {
    left: 3rem;
    right: 0
  }

  .swiper-arrows-left-bottom .swiper-button-prev {
    left: 0;
    right: 3rem
  }
}

html[dir=rtl] .swiper-arrows-center-bottom .swiper-button-next {
  left: 0;
  right: 3rem;
  margin: auto
}

html[dir=rtl] .swiper-arrows-center-bottom .swiper-button-prev {
  left: 3rem;
  right: 0;
  margin: auto
}

.swiper_enable_arrows .swiper-wrapper {
  padding-bottom: var(--spacing-xxlarge)
}

@media(width <=1199.9px) {
  .swiper_enable_arrows .swiper-wrapper {
    padding-bottom: var(--spacing-xhuge)
  }
}

@media(width <=769.9px) {
  .swiper_enable_arrows .swiper-wrapper {
    padding-bottom: var(--spacing-xhuge)
  }
}

.lp__slidegroup_4 .swiper-wrapper:has(.swiper-slide:nth-child(n + 5)) {
  padding-bottom: 4rem;
}

.swiper-button-lock {
  display: none !important
}

.remove-style .default-content-wrapper a.button:any-link {
  background: rgba(0, 0, 0, 0);
  padding: 0;
  border-radius: 0px;
  color: var(--text-on-light-link-primary-enabled);
  font-size: inherit;
  line-height: normal;
  border: 0px
}

.remove-style .default-content-wrapper a.button:any-link:hover {
  color: var(--blue-55)
}

body[class*=page-swoosh-]::before,
main .section[data-sec-swoosh^=sec-swoosh]:not([data-sec-inside-container=true])::before,
main .section[data-sec-swoosh^=sec-swoosh][data-sec-inside-container=true]>div::before,
main .section[data-sec-swoosh^=sec-bg-image]:not([data-sec-inside-container=true])::before,
main .section[data-sec-swoosh^=sec-bg-image][data-sec-inside-container=true]>div::before {
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0
}

main .section[data-sec-swoosh^=sec-swoosh][data-sec-inside-container=true]>div::before {
  z-index: 0
}

main .section[data-sec-swoosh^=sec-swoosh][data-sec-inside-container=true]>div>* {
  z-index: 1;
  position: relative
}

body[class*=page-swoosh-]::before {
  background-position: left top;
  background-size: 60%
}

@media(width < 768px) {
  main .section[class*=bg-neutrals][data-sec-swoosh=sec-swoosh-type8][data-sec-inside-container=true]>div::before {
    background-image: url("../icons/swoosh/type8/Work_with_us_mobile.svg");
    background-size: cover;
    background-position: top right
  }
}

@media(width >=768px)and (width < 1024px) {
  main .section[class*=bg-neutrals][data-sec-swoosh=sec-swoosh-type8][data-sec-inside-container=true]>div::before {
    background-image: url("../icons/swoosh/type8/Work_with_us_tablet.svg");
    background-size: cover;
    background-position: top right
  }
}

@media(width >=1024px) {
  main .section[class*=bg-neutrals][data-sec-swoosh=sec-swoosh-type8][data-sec-inside-container=true]>div::before {
    background-image: url("../icons/swoosh/type8/Work_with_us_web.svg");
    background-size: cover;
    background-position: top right
  }
}

@media(width >=1024px) {
  body[class*=page-swoosh-]::before {
    background-size: 40%
  }
}

body.page-swoosh-big-curve::before {
  background-image: url("../icons/swoosh/page/big-curve.svg")
}

body.page-swoosh-half-curve::before {
  background-image: url("../icons/swoosh/page/half-curve.svg")
}

/*=== Begin Swoosh image ====*/
/* add global styles that can be loaded post LCP here */

/* Body & Section swoosh
  body color: #F5F7F9
  primary-blue-90: #00538A
  primary-blue-70: #0071BC
  bg-neutrals-20: #FFF
  bg-neutrals-10: #FFF
*/
main .section[data-sec-swoosh="sec-swoosh-type1"]::before {
  background-position: left center;
}

main .section[data-sec-swoosh="sec-swoosh-type2"]::before {
  background-position: right top;
}

main .section[data-sec-swoosh="sec-swoosh-type3"]::before {
  background-position: left top;
}

main .section[data-sec-swoosh="sec-swoosh-primary-blue-90"]::before {
  background-position: center center;
}

main .section[data-sec-swoosh="sec-swoosh-type5"]>div::before {
  background-position: top left;
  background-size: cover;
}

main .section[data-sec-swoosh="sec-bg-image"]::before {
  background-position: center center;
  background-size: cover;
  z-index: 0 !important;
}






@media (width < 768px) {
  main .section.bg-default[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/default-m.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/primary90-m.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/primary70-m.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/neutrals-m.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/default-m.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/primary90-m.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/primary70-m.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/neutrals-m.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/default-m.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/primary90-m.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/primary70-m.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/neutrals-m.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-primary-blue-90"]::before {
    background-image: url('../icons/swoosh/primary-blue-90/mobile.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type10"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type10/Where_we_work_mobile.svg');
    background-size: cover;
    background-position: top right;
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type11"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type11/Region-Mobile.svg');
    background-size: cover;
    background-position: top right;
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type13"]::before {
    background-image: url('../icons/swoosh/type13/stakeholder-mobile.svg');
    background-position: bottom right;
    background-size: cover;
    z-index: 0;
  }

  main .section[class*='bg-primary-blue'][data-sec-swoosh="sec-swoosh-type15"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type15/mobile.svg');
    background-size: cover;
    background-position: top right;
    z-index: 0;
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-bg-image"]::before {
    background-image: url('../icons/swoosh/Image-background/image-mobile.svg');
  }

}

@media (width >=768px) and (width < 1024px) {
  main .section.bg-default[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/default-tab.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/primary90-tab.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/primary70-tab.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/neutrals-tab.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/default-tab.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/primary90-tab.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/primary70-tab.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/neutrals-tab.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/default-tab.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/primary90-tab.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/primary70-tab.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/neutrals-tab.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-primary-blue-90"]::before {
    background-image: url('../icons/swoosh/primary-blue-90/tab.svg');
  }


  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type10"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type10/Where_we_work_tablet.svg');
    background-size: cover;
    background-position: top right;
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type11"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type11/Region-Tablet.svg');
    background-size: cover;
    background-position: top right;
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type13"]::before {
    background-image: url('../icons/swoosh/type13/stakeholder-tablet.svg');
    background-position: top right;
    background-size: cover;
    z-index: 0;
  }

  main .section[class*='bg-white'][data-sec-swoosh="sec-swoosh-type14"]::before,
  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type14"]::before {
    background-image: url('../icons/swoosh/type14/tablet.svg');
    background-size: cover;
    background-position: top right;
    z-index: 0;
  }

  main .section.ai-search-container.accordion-container[class*='bg-white'][data-sec-swoosh="sec-swoosh-type14"]::before,
  main .section.ai-search-container.accordion-container[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type14"]::before {
    background-image: url('../icons/swoosh/type14/tablet.svg');
    background-size: contain;
    background-position: top right;
    z-index: 0;
  }

  main .section[class*='bg-primary-blue'][data-sec-swoosh="sec-swoosh-type15"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type15/tablet.svg');
    background-size: cover;
    background-position: top right;
    z-index: 0;
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-bg-image"]::before {
    background-image: url('../icons/swoosh/Image-background/image-tablet.svg');
  }

}

@media (width <=1400px) and (width >=1200px) {

  main .section.ai-search-container.accordion-container[class*='bg-white'][data-sec-swoosh="sec-swoosh-type14"]::before,
  main .section.ai-search-container.accordion-container[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type14"]::before {
    background-image: url('../icons/swoosh/type14/desktop.svg');
    background-size: contain;
    background-position: top right;
    z-index: 0;
  }
}

@media (width >=1024px) {
  main .section.bg-default[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/default-d.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/primary90-d.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/primary70-d.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type1"]::before {
    background-image: url('../icons/swoosh/type1/neutrals-d.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/default-d.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/primary90-d.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/primary70-d.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type2"]::before {
    background-image: url('../icons/swoosh/type2/neutrals-d.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/default-d.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/primary90-d.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/primary70-d.svg');
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type3"]::before {
    background-image: url('../icons/swoosh/type3/neutrals-d.svg');
  }

  main .section.bg-default[data-sec-swoosh="sec-swoosh-type5"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type5/default-d.svg');
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-type5"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type5/primary90-d.svg');
  }

  main .section.bg-primary-blue-70[data-sec-swoosh="sec-swoosh-type5"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type5/primary70-d.svg');
  }


  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type10"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type10/Where_we_work_web.svg');
    background-size: cover;
    background-position: top right;
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type11"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type11/Region-Desktop.svg');
    background-size: cover;
    background-position: top right;
  }

  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type13"]::before {
    background-image: url('../icons/swoosh/type13/stakeholder-desktop.svg');
    background-size: contain;
    background-position: bottom right;
    z-index: 0;
  }

  main .section[class*='bg-white'][data-sec-swoosh="sec-swoosh-type14"]::before,
  main .section[class*='bg-neutrals'][data-sec-swoosh="sec-swoosh-type14"]::before {
    background-image: url('../icons/swoosh/type14/desktop.svg');
    background-size: cover;
    background-position: top right;
    z-index: 0;
  }

  main .section[class*='bg-primary-blue'][data-sec-swoosh="sec-swoosh-type15"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type15/desktop.svg');
    background-size: 160% 60%;
    background-position: top right;
    z-index: 0;
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-swoosh-primary-blue-90"]::before {
    background-image: url('../icons/swoosh/primary-blue-90/desktop.svg');
  }

  main .section[data-sec-swoosh="sec-swoosh-type5"]>div::before {
    background-position: right center;
    background-size: contain;
  }

  main .section.bg-primary-blue-90[data-sec-swoosh="sec-bg-image"]::before {
    background-image: url('../icons/swoosh/Image-background/image-desktop.svg');
  }

}

@media (width >=1400px) {
  main .section[class*='bg-primary-blue'][data-sec-swoosh="sec-swoosh-type15"][data-sec-inside-container="true"]>div::before {
    background-image: url('../icons/swoosh/type15/desktop.svg');
    background-size: 116% 63%;
    background-position: top right;
    z-index: 0;
  }
}

/* Column - transforming knowledge swoosh */
.columns.columns-transform-teaser .columns-img-col::before {
  content: '';
  position: absolute;
  right: 14%;
  top: 15%;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../../icons/swoosh-tablet.svg');
}

html[dir="rtl"] .columns.columns-transform-teaser .columns-img-col::before {
  transform: scaleX(-1);
  left: 17%;
  top: 15%;
  right: auto;
}


@media (width >=1024px) {
  .columns.columns-transform-teaser .columns-img-col::before {
    width: 623px;
    height: 592px;
    right: -4px;
    top: 24px;
    background-image: url('../icons/swoosh-desktop.svg');
  }

  html[dir="rtl"] .columns.columns-transform-teaser .columns-img-col::before {
    left: -2%;
    top: 1%;
    right: auto;
  }
}

@media (width < 768px) {
  .columns.columns-transform-teaser .columns-img-col::before {
    top: 20%;
    right: 3%;
    height: 353px;
    background-image: url('../../icons/swoosh-mobile.svg');
  }

  html[dir="rtl"] .columns.columns-transform-teaser .columns-img-col::before {
    left: 3%;
    top: 18%;
    right: unset;
  }
}

/* tweetable link css */
/* stylelint-disable no-descending-specificity */
main span.tweetable {
  background: var(--accent-blue-primary-20);
}

main span.tweetable>a,
main span.tweetable>a:visited {
  color: var(--neutral-solid-80-s);
  background: var(--neutral-solid-15-s);
  text-decoration: none;
}

main span.tweetable>a:hover,
main span.tweetable>a:focus {
  background: var(--black);
  color: var(--white);
  text-decoration: none;
}

main span.tweetable>a>i::before {
  content: url('../icons/xlogo.svg');
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: 5px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(313deg) brightness(200%) contrast(100%);
}

/* stylelint-enable no-descending-specificity */

/* end of tweetable link css */

html[dir="rtl"] body[class*='page-swoosh-']::before,
html[dir="rtl"] main .section[data-sec-swoosh^="sec-swoosh"]:not([data-sec-inside-container="true"])::before,
html[dir="rtl"] main .section[data-sec-swoosh^="sec-swoosh"][data-sec-inside-container="true"]>div::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);

}

/*=== End swoosh image ====*/
/*=== Tab css ==== */

/* only visible in author mode, stripped on publish */
.wbgtab-author-marker {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: #f0f4ff;
  border-left: 4px solid #3b82f6;
  border-radius: 4px;
  font-family: sans-serif;
  font-size: 14px;
  color: #1e3a5f;
  margin: 8px 0;
}

.wbgtab-author-icon {
  font-size: 20px;
  color: #3b82f6;
}

.wbgtab-author-label {
  font-weight: 500;
}

.wbgtab-author-label strong {
  color: #1d4ed8;
}

.wbgtab-author-hint {
  margin-left: auto;
  font-size: 12px;
  color: #6b7280;
  font-style: italic;
}

.wbgtabs-nav {
  position: relative;
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}

.wbgtabs-nav .wbgtabs-list {
  display: flex;
  list-style: none;
  white-space: nowrap;
  scroll-behavior: smooth;
  user-select: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding: var(--spacing-none);
  gap: 28px;
  border-bottom: 2px solid var(--neutral-solid-10-s);
  cursor: pointer;
  margin: var(--spacing-none);
  position: relative;
}


.wbgtabs-list::-webkit-scrollbar {
  display: none;
}

.wbgtabs-nav .wbgtabs-list .wbgtab-btn.active {
  border: 0;
  border-bottom: 3px solid var(--background-container-secondary);
  cursor: initial;
  color: var(--text-on-light-emphasis);
}

.wbgtabs-nav .wbgtabs-list .wbgtab-btn.active:hover {
  text-decoration: none;
}

.wbgtabs-nav .wbgtabs-list .wbgtab-btn {
  margin: var(--spacing-none);
  text-transform: none;
  background-color: transparent;
  padding: 0 1px;
  color: var(--background-container-on-light-link-primary-enabled);
  border-radius: 0;
  border-bottom: 5px solid transparent;
  font-size: var(--loop-tabs-label-size);
  font-weight: var(--loop-tabs-label-font-weight);
  line-height: var(--loop-tabs-label-line-heigh);
  padding-bottom: var(--spacing-xsmall);
  letter-spacing: -0.13px;
  overflow: unset;
  text-overflow: unset;
}

.wbgtabs-nav .wbgtabs-list .wbgtab-btn:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  text-decoration-color: var(--blue-40);
  color: var(--text-on-light-emphasis);
  cursor: pointer;
}

.wbgtabs-nav .wbgtabs-list .wbgtab-btn:focus-visible {
  outline: 2px solid var(--keyboard-focus-on-light);
  border-color: transparent;
  outline-offset: -1px;
}

.wbgtabs-nav .wbgtabs-list .wbgtab-btn.active:hover {
  text-decoration: none;
  cursor: initial;
}

.wbgtabs-nav .left-btn,
.wbgtabs-nav .right-btn {
  position: absolute;
  cursor: pointer;
  display: none;
  background: var(--white);
  color: var(--blue-70);
  margin: var(--spacing-none);
  border: 0;
  padding: 6px;
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-bold);
  line-height: 140%;
  top: -5px;
  background-color: #fff;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.32));
  width: 32px;
  height: 32px;
  border-radius: 100%;
  z-index: 1;
}

.wbgtabs-nav .left-btn {
  left: 0;
}

.wbgtabs-nav .right-btn {
  right: 0;
  text-align: right;
}

html[dir='rtl'] .wbgtabs-nav .left-btn {
  right: 0;
  left: unset;
}

html[dir='rtl'] .wbgtabs-nav .right-btn {
  left: 0;
  right: unset;
}

/* tabs-panel starts here */

.wbgtabs-wrapper .wbgtab-panel {
  width: 100%;
  gap: var(--spacing-regular);
  display: flex;
  flex-direction: column;
  padding-top: var(--spacing-medium);
}

.wbgtabs-wrapper .wbgtab-panel .show-more-container .show-more-button {
  margin-top: var(--spacing-xxsmall);
  margin-bottom: var(--spacing-none);
}

.wbgtabs-wrapper .wbgtab-panel .section>div,
.wbgtabs-wrapper .wbgtab-panel main .section>div {
  padding: var(--spacing-none);
}

.wbgtabs-wrapper .wbgtab-panel[aria-hidden="true"] {
  display: none;
}

.wbgtab-container.mini-cards-container .wbgtabs-wrapper .wbgtab-panel {
  padding-top: var(--spacing-large);
  border-top: none;
}

.wbgtab-container.mini-cards-container .mini-cards .mini-card .mc-text-wrapper {
  gap: var(--spacing-xsmall);
}


.wbgtab-panel .spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.wbgtab-panel .spinner-container .spinner {
  border: 3px solid var(--neutral-solid-10-s);
  border-top: 3px solid #00ADE4;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}



@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.mini-card.hide {
  display: none;
}

/*=== begin News tabs ===*/
.wbgtab-container .wbgtab-panel .two-column-view .mini-card-container .mini-card:nth-child(1) {
  border-top: none;
  padding-top: var(--spacing-none);
}

@media (width >=768px) {
  .wbgtab-container .wbgtab-panel .two-column-view .mini-card-container:has(.mini-card:nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }

  .wbgtab-container .wbgtab-panel .two-column-view .mini-card-container .mini-card:nth-child(1),
  .wbgtab-container .wbgtab-panel .two-column-view .mini-card-container .mini-card:nth-child(2) {
    border-top: none;
    padding-top: var(--spacing-none);
  }
}

/*=== end News tabs ===*/
.wbgtab-container .auto-image-container img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: top;
}

.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .default-content-wrapper p {
  color: var(--text-on-light-default);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-500);
  line-height: 150%;
  letter-spacing: -0.25px;
  margin: 0rem 0rem var(--spacing-medium) 0rem;
}

.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .default-content-wrapper p:last-child {
  margin: var(--spacing-none);
}

.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .default-content-wrapper a {
  color: var(--text-on-light-link-primary-enabled);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-500);
  line-height: 150%;
  letter-spacing: -0.25px;
}

.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .default-content-wrapper a.button {
  font-size: var(--loop-xl-button-font-size);
  font-weight: var(--loop-button-label-font-weight);
  line-height: var(--loop-button-label-line-height);
  letter-spacing: var(--loop-button-label-letter-spacing);
  color: var(--text-on-dark-link-primary-enabled);
}

.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .default-content-wrapper a.button:hover {
  background-color: var(--blue-40);
  color: var(--text-on-light-link-primary-enabled);
}

/* .wbgtab-container .wbgtabs-wrapper .wbgtab-panel .section,
.wbgtab-container .wbgtabs-wrapper .wbgtab-panel main .section{
padding: var(--spacing-large) 0rem 0rem 0rem;
} */
.text-align-center .wbgtabs-nav .wbgtabs-list {
  border-bottom: 2px solid var(--divider-on-light-subdued);
}

@media (width >=1024px) {
  .text-align-center .wbgtabs-nav .wbgtabs-list {
    margin: auto;
    justify-content: center;
  }

  .wbgtabs-wrapper .wbgtab-panel .carousel-wrapper {
    padding-left: 9.75rem;
    margin: 0;
  }

  html[dir=rtl] .wbgtabs-wrapper .wbgtab-panel .carousel-wrapper {
    padding-left: 0;
    padding-right: 9.75rem;
    margin: 0;
  }
}

@media (width >=768px) {
  .card-autopull.text-align-center .wbgtabs-nav .wbgtabs-list {
    margin: auto;
    justify-content: center;
  }

}

@media (width >=1400px) {
  .text-align-center .wbgtabs-nav .wbgtabs-list {
    width: 66.6666666667%;
  }
}

.text-align-center .wbgtab-panel .carousel-container.remove-style {
  padding-left: var(--spacing-none) !important;
}

/* .wbgtab-container.text-align-center .wbgtab-panel .section > div {
  padding-left: var(--spacing-none);
  padding-right: var(--spacing-none);
} */
.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .carousel-container>.default-content-wrapper>div:first-child div>p {
  font-size: var(--font-size-600);
  line-height: 150%;
  letter-spacing: -0.084px;
  text-transform: none;
}

.wbgtab-container .wbgtabs-wrapper .wbgtab-panel .accordion-container .accordion-item:first-child {
  border-top: 0px solid var(--divider-on-light-default);
}

.wbgtabs-wrapper .wbgtab-panel .section>div.signup-wrapper {
  padding: var(--spacing-xlarge);
}

/* .wbgtab-container.add-style .wbgtabs-wrapper {
  padding-left: var(--spacing-none);
} */

@media (width <=1600px) {

  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .accordion-wrapper,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel.active .expert-quotes-wrapper,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .sec-swoosh-type5,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .lp-6column-card,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .custom-text-wrapper,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .default-content-wrapper,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtabs-nav,
  .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .width-auto {
    margin-right: var(--grid-margin-12-col) !important;
    width: auto !important;
  }
}
 .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .display-flex.heading-v2 .default-content-wrapper {
 margin-right: var(--spacing-none) !important;
 }
 @media (width >=1024px) {
   .wbgtab-container.add-style .wbgtabs-wrapper .wbgtab-panel .display-flex.heading-v2 .default-content-wrapper {
 margin: auto;
 }
 }
.horizontal-small-image .default-content-wrapper img {
  width: 250px;
  aspect-ratio: 16/9;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;

}

/*=== Begin vertical tabs ===*/
/*=== Begin Topic vartical Tabs ===*/
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtabs-nav .left-btn,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtabs-nav .right-btn {
  display: none !important;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel {
  padding-top: var(--spacing-none);
}

.wbgtab-container .wbgtabs-wrapper.vertical {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-between;
}

@media (width >=768px) {
  .wbgtab-container .wbgtabs-wrapper.vertical {
    grid-template-columns: 38% 58%;
  }
}

@media (width >=1024px) {
  .wbgtab-container .wbgtabs-wrapper.vertical {
    grid-template-columns: 32% 58%;
  }
}

@media (width <=767.9px) {
  .wbgtab-container .wbgtabs-wrapper.vertical {
    row-gap: var(--spacing-large);
  }
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtabs-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-none);
      white-space: normal;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn {
  background-color: transparent;
  color: var(--text-on-light-link-primary-enabled);
  font-size: var(--font-size-500);
  font-weight: var(--body-font-weight-bold);
  line-height: 150%;
  letter-spacing: -0.25px;
  text-align: left;
  border-radius: 0;
  border-bottom: 1px solid var(--divider-on-light-default);
  background: var(--background-container-on-light-link-tertiary-enabled);
  padding: var(--spacing-regular) var(--loop-button-h-padding) var(--spacing-regular) var(--spacing-regular);
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn:last-child {
  border-bottom: 1px solid var(--divider-on-light-default);
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn:last-child.active {
  border-radius: 0px 0px 8px 8px;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn:first-child.active {
  border-radius: 8px 8px 0px 0px;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn:hover {
  background: var(--background-container-on-light-link-tertiary-hover);
  text-decoration: none;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn.active {
  border: 1px solid var(--outline-transparent);
  background: var(--blue-20);
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel main .section,
.wbgtab-container .wbgtabs-wrapper.vertical-panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xlarge);
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel main .section,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel main .section>div {
  padding: 0;
  margin: 0;
}

.wbgtab-container .vertical-tabs-panel[aria-hidden="true"] {
  display: none;
}


.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper h1,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper h2,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper h3,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper h4,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper h5,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper h6 {
  margin: 0rem;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .collapsible-text-container,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper p {
  color: var(--text-on-light-default);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-500);
  line-height: 150%;
  letter-spacing: -0.25px;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper p:first-child,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .collapsible-text-container p:first-child {
  margin: 0rem;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper p,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .collapsible-text-container p {
  margin: var(--spacing-regular) 0rem 0rem 0rem;
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper a {

  font-size: var(--font-size-500);
  line-height: 150%;
  letter-spacing: -0.25px;
  color: var(--text-on-light-link-primary-enabled);
}

.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .collapsible-text-container a:hover,
.wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-panel .default-content-wrapper a:hover {
  color: var(--global-interactive-on-dark-focused);
}

.wbgtab-container .collapsible-text-container a.read-more-button,
.wbgtab-container .collapsible-text-container a.read-less-button {
  color: var(--text-on-light-link-primary-enabled);
  font-size: var(--loop-button-label-font-size);
  font-weight: var(--loop-button-label-font-weight);
  line-height: var(--loop-button-label-line-height);
  letter-spacing: var(--loop-button-label-letter-spacing);
  padding-bottom: var(--spacing-tiny);
  border-bottom: 2px solid rgba(0, 67, 112, 0.55);
  text-decoration: none;
  padding-top: var(--spacing-none);
  display: inline-block;
}

html[dir="rtl"] .wbgtab-container .wbgtabs-wrapper.vertical .wbgtab-btn {
  text-align: right;
}

.wbgtabs-wrapper .wbgtab-panel .see-all-link-wrapper-header {
  display: block;
  margin-top: var(--spacing-large);
}

.wbgtabs-wrapper .wbgtab-panel {}

/*=== ENd Topic vartical Tabs ===*/

.spacing-top-none {
  padding-top: var(--spacing-none);
}

.spacing-top-xtiny {
  padding-top: var(--spacing-xtiny);
}

.spacing-top-tiny {
  padding-top: var(--spacing-tiny);
}

.spacing-top-xxsmall {
  padding-top: var(--spacing-xxsmall);
}

.spacing-top-xsmall {
  padding-top: var(--spacing-xsmall);
}

.spacing-top-regular {
  padding-top: var(--spacing-regular);
}

.spacing-top-small {
  padding-top: var(--spacing-small);
}

.spacing-top-medium {
  padding-top: var(--spacing-medium);
}

.spacing-top-large {
  padding-top: var(--spacing-large);
}

.spacing-top-xlarge {
  padding-top: var(--spacing-xlarge);
}

.spacing-top-xxlarge {
  padding-top: var(--spacing-xxlarge);
}

.spacing-top-huge {
  padding-top: var(--spacing-huge);
}

.spacing-top-xhuge {
  padding-top: var(--spacing-xhuge);
}

.spacing-top-xxhuge {
  padding-top: var(--spacing-xxhuge);
}

.spacing-top-campaigns-sections {
  padding-top: var(--padding-campaigns-sections);
}

.spacing-top-wb-paragraphs {
  padding-top: var(--padding-wb-paragraphs);
}

.spacing-top-wb-sections {
  padding-top: var(--padding-wb-sections);
}

.spacing-bottom-none {
  padding-bottom: var(--spacing-none);
}

.spacing-bottom-xtiny {
  padding-bottom: var(--spacing-xtiny);
}

.spacing-bottom-tiny {
  padding-bottom: var(--spacing-tiny);
}

.spacing-bottom-xxsmall {
  padding-bottom: var(--spacing-xxsmall);
}

.spacing-bottom-xsmall {
  padding-bottom: var(--spacing-xsmall);
}

.spacing-bottom-regular {
  padding-bottom: var(--spacing-regular);
}

.spacing-bottom-small {
  padding-bottom: var(--spacing-small);
}

.spacing-bottom-medium {
  padding-bottom: var(--spacing-medium);
}

.spacing-bottom-large {
  padding-bottom: var(--spacing-large);
}

.spacing-bottom-xlarge {
  padding-bottom: var(--spacing-xlarge);
}

.spacing-bottom-xxlarge {
  padding-bottom: var(--spacing-xxlarge);
}

.spacing-bottom-huge {
  padding-bottom: var(--spacing-huge);
}

.spacing-bottom-xhuge {
  padding-bottom: var(--spacing-xhuge);
}

.spacing-bottom-xxhuge {
  padding-bottom: var(--spacing-xxhuge);
}

.spacing-bottom-campaigns-sections {
  padding-bottom: var(--padding-campaigns-sections);
}

.spacing-bottom-wb-paragraphs {
  padding-bottom: var(--padding-wb-paragraphs);
}

.spacing-bottom-wb-sections {
  padding-bottom: var(--padding-wb-sections);
}

main .section.carousel-container.add-style {
  /* margin: var(--spacing-none);
  position: relative; */
  max-width: 100%;
  padding-left: var(--spacing-none)!important;
  display: block;
}

main .section.carousel-container.add-style .wbgtabs-wrapper {
  padding-right: var(--spacing-none); 
  max-width: calc(1600px - var(--grid-margin-12-col));
}

.carousel-container .display-flex {
  display: flex;
  /* max-width: calc(1600px - var(--grid-margin-12-col)); */
  box-shadow: none;
}

@media (width <=767px) {
  .carousel-container .display-flex {
    flex-direction: column;
    padding: var(--padding-between-sections) 0;
    gap: var(--spacing-xxlarge);
  }
}

@media (width <=1023.9px) {
  .carousel-container .display-flex {
    max-width: var(--screen-width);
    margin: auto;
    flex-direction: column;
    gap: var(--spacing-xxlarge);
  }
}

.wbgcolumn-container.signup-container .bg-neutrals-20 .signup-wrapper {
  padding: var(--spacing-xlarge);
  background-color: var(--neutral-solid-10-s);
}

/*=== begin Primary Three Column Card ===*/
.primary-three-column-card .lp-heading {
  margin-bottom: var(--spacing-xxlarge);
}

.primary-three-column-card .section-rows {
  display: flex;
  flex-direction: column;
}

.primary-three-column-card .custom-text-wrapper {
  line-height: 112%;
  grid-area: title;
  margin: 0rem 0rem var(--spacing-large) 0rem;
}

.primary-three-column-card .custom-text-wrapper:last-child {
  margin-bottom: var(--spacing-huge);
}

.primary-three-column-card .custom-image-wrapper {
  margin-bottom: var(--spacing-large);
}

@media (width >=768px) {
  .primary-three-column-card .section-rows>div {
    display: grid;
    grid-template-columns: 228px 1fr;
    grid-template-areas: "title title" "thumbnail description";
    position: relative;
    -moz-column-gap: 28px;
    column-gap: 28px;
    margin-bottom: var(--spacing-xhuge);
  }

  .primary-three-column-card .custom-image-wrapper {
    grid-area: thumbnail;
  }

  .primary-three-column-card .custom-text-wrapper:last-child {
    grid-area: description;
  }

  .primary-three-column-card .custom-text-wrapper:last-child {
    margin-bottom: var(--spacing-none);
  }
}

@media (width >=1024px) {
  .primary-three-column-card .section-rows>div {
    display: block;
  }

  .primary-three-column-card .section-rows {
    display: grid;
    grid-template-columns: repeat(auto-fill, calc(33.3333% - 43px));
    -moz-column-gap: var(--spacing-xxlarge);
    column-gap: var(--spacing-xxlarge);
    align-items: flex-start;
  }

  .primary-three-column-card .custom-text-wrapper:first-child h2 {
    min-height: 132px;
    line-height: 44px;
    margin: 0rem 0rem var(--spacing-large) 0rem;
  }
}

.bg-primary-blue-90.primary-three-column-card .section-rows:after,
.bg-primary-blue-90.primary-three-column-card .section-rows:before {
  display: none;
}

.primary-three-column-card .section-rows>div {
  width: 100%;
}

.primary-three-column-card .custom-text-wrapper h2 {
  font-weight: var(--body-font-weight-regular);
  letter-spacing: -1.2px;
}

.primary-three-column-card .custom-text-wrapper {
  font-size: var(--font-size-500);
  line-height: 150%;
  letter-spacing: -0.25px;
  font-weight: 400;
  text-align: left;
  margin: var(--spacing-none);
  margin-bottom: var(--spacing-tiny);
  color: var(--text-on-dark-default);
}

html[dir=rtl] .primary-three-column-card .custom-text-wrapper {
  text-align: right;
}

.primary-three-column-card .custom-text-wrapper p {
  margin: 0rem 0rem var(--spacing-regular) 0rem;
}

.primary-three-column-card .custom-text-wrapper p.button-container {
  margin-bottom: var(--spacing-regular);
  display: flex;
  line-height: 0;
}

.primary-three-column-card .custom-text-wrapper a.button {
  background-color: transparent !important;
  color: var(--text-on-dark-link-primary-enabled) !important;
  font-size: var(--loop-button-label-font-size);
  font-style: normal;
  font-weight: var(--loop-button-label-font-weight);
  line-height: 190%;
  letter-spacing: var(--loop-button-label-letter-spacing);
  padding: var(--spacing-none) var(--spacing-none) var(--spacing-tiny) var(--spacing-none);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--divider-on-dark-emphasis);
  text-decoration-thickness: 2px;
  text-underline-offset: 45%;
  text-underline-position: from-font;
  text-align: left;
  border-radius: var(--border-radius-none);

}

.primary-three-column-card .custom-text-wrapper a.button:hover {
  color: var(--text-on-dark-link-primary-enabled);
  text-decoration-color: var(--background-container-secondary);

}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper h2 {
  min-height: auto;
  margin: 0 0 var(--spacing-small) 0;
}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper {
  min-height: auto;
  color: var(--text-on-light-default);
}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper ul {
  padding: var(--spacing-none);
  margin: var(--spacing-none);
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-small);
  list-style: none;
}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper ul li {
  list-style: none;
  display: flex;
}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper ul li a {
  color: var(--text-on-light-link-primary-enabled);
  font-size: var(--loop-xl-button-font-size);
  font-weight: 400;
  line-height: 190%;
  letter-spacing: var(--loop-button-label-letter-spacing);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: rgba(0, 67, 112, 0.55);
  text-decoration-thickness: 2px;
  text-underline-offset: 60%;
  text-underline-position: from-font;
}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper ul li a:hover {
  color: var(--text-on-light-link-hover);
  text-decoration-color: var(--text-on-light-link-hover);
}

main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper ul li a:visited,
main .section.bg-neutrals-20.primary-three-column-card .custom-text-wrapper ul li a:visited {
  color: var(--text-on-light-link-primary-enabled) !important;
  text-decoration-color: var(--text-on-light-link-primary-enabled);
}

main .section.bg-neutrals-20.primary-three-column-card .section-rows>div {
  margin-bottom: var(--spacing-none);
}

@media (width <=1023.9px) {
  main .section.bg-neutrals-20.primary-three-column-card .section-rows>div {
    display: flex;
    row-gap: var(--spacing-huge);
    margin-bottom: var(--spacing-huge);
  }
}

/*=== End Primary Three Column Card ===*/
.text-color-neutral90.custom-text-medium .custom-text-wrapper {
  color: var(--neutral-solid-90-s);
}

.width-auto {
  width: auto;
}

.carousel-wrapper {
  position: relative;
}

/*=== Begin feature-cards-container === */

.bg-neutrals-07-gradient.feature-cards-container .section-rows::before,
.bg-neutrals-07-gradient.feature-cards-container .section-rows::after {
  display: none;
}

.bg-neutrals-07-gradient.feature-cards-container .section-rows {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: var(--spacing-medium);
  row-gap: var(--spacing-xlarge);
}

.bg-neutrals-07-gradient.feature-cards-container .section-rows>div {
  width: 100%;
}

.bg-neutrals-07-gradient.feature-cards-container .display-flex {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  -moz-column-gap: var(--spacing-medium);
  column-gap: var(--spacing-medium);
  padding-top: var(--spacing-medium);
  border-top: 2px solid var(--divider-on-light-subdued);
  width: 100%;
}

@media (width >=768px) {
  .knowledge-item.teaser {
    grid-template-columns: 1fr 3fr;
    -moz-column-gap: var(--spacing-regular);
    column-gap: var(--spacing-regular);
  }

  .bg-neutrals-07-gradient.feature-cards-container .display-flex {
    grid-template-columns: 1fr 3fr;
  }
}

@media (width >=1024px) {
  .bg-neutrals-07-gradient.feature-cards-container .section-rows {
    grid-template-columns: 50% 50%;
  }

  .bg-neutrals-07-gradient.feature-cards-container .display-flex {
    grid-template-columns: 1fr 1.5fr;
  }
}

@media (width >=1400px) {
  .knowledge-item.teaser {
    grid-template-columns: 1fr 3fr;
  }
}

@media (width >=1400px) {
  .bg-neutrals-07-gradient.feature-cards-container .display-flex {
    grid-template-columns: 1fr 3fr;
  }
}

.knowledge-item p:first-child,
.knowledge-item .cmp-webtopic {
  color: var(--text-on-light-subdued);
  font-size: var(--font-size-150);
  font-weight: var(--body-font-weight-bold);
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 var(--spacing-xsmall) 0;
  position: relative;
  z-index: 2;
}

.bg-neutrals-07-gradient.feature-cards-container .auto-image-container-v1 picture img {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: var(--border-radius-medium);
}

.bg-neutrals-07-gradient.feature-cards-container .auto-image-container-v1 picture img {
  aspect-ratio: 167/209;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (width >=768px) {
  .bg-neutrals-07-gradient.feature-cards-container .auto-image-container-v1 picture img {
    aspect-ratio: 237/297;
  }
}

@media (width >=1024px) {
  .bg-neutrals-07-gradient.feature-cards-container .auto-image-container-v1 picture img {
    aspect-ratio: 167/209;
  }
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper h3 {
  color: var(--text-on-light-emphasis);
  font-size: var(--font-size-600);
  line-height: 125%;
  letter-spacing: -0.084px;
  margin: 0 0 var(--spacing-xsmall) 0;
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper h3 a {
  text-decoration: none;
  font-weight: bold;
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p {
  color: var(--text-on-light-default);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p:first-child {
  color: var(--text-on-light-subdued);
  font-size: var(--font-size-150);
  font-weight: var(--body-font-weight-bold);
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 var(--spacing-xsmall) 0;
  position: relative;
  z-index: 2;
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p.button-container {
  margin-top: var(--spacing-medium);
  display: flex;
  line-height: 0;
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p.button-container .button {
  color: var(--blue-70);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0rem 0rem var(--spacing-xsmall) 0rem;
  border: 0px;
  border-bottom: 2px solid rgba(0, 73, 114, 0.6);
  border-radius: 0px;
  text-decoration: none;
  display: flex;
  background-color: transparent;
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p.button-container .button:visited {
  color: var(--blue-70);
}

.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p.button-container .button:focus:not(:focus-visible),
.bg-neutrals-07-gradient.feature-cards-container .custom-text-wrapper p.button-container .button:hover {
  color: var(--blue-70);
  border-bottom: 2px solid var(--blue-40);
  text-decoration: none;
  background-color: transparent;
}

.bg-neutrals-07-gradient.feature-cards-container .section-rows .col-ctrl-5 {
  grid-column: 1/-1;
  width: 100%
}

/*=== Begin ombc-intro-section ===*/

.ombc-intro-section.one-column .custom-text-wrapper:nth-child(2) p {
  color: var(--text-on-light-highlight);
  font-size: var(--font-size-500);
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  letter-spacing: -0.25px;
  margin: 0rem 0rem var(--spacing-xtiny) 0rem;
}

@media (width <=1049.9px) {
  .ombc-intro-section.one-column {
    margin-bottom: var(--spacing-huge);
  }
}

.ombc-intro-section.one-column .custom-text-wrapper .button-container a.button {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.25px;
  padding: var(--loop-button-v-padding) 0px var(--spacing-xxsmall) 0px;
  background-color: transparent;
  border: 0px;
  border-bottom: 2px solid rgba(0, 67, 112, 0.6);
  border-radius: 0px;
  color: var(--background-container-on-light-link-primary-enabled);
  white-space: pre-wrap;
}

.ombc-intro-section.one-column .custom-text-wrapper .button-container a.button:hover {
  text-decoration: none;
  border-bottom: 2px solid var(--blue-40);
}

@media (width >=1024px) {
  .ombc-intro-section.one-column {
    display: flex;
    align-items: center;
    /* width: auto; */
  }

  .ombc-intro-section.one-column .custom-text-wrapper:nth-child(2) {
    width: 60%;
    border-left: 1px solid var(--divider-on-light-emphasis);
    padding: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-medium);
    margin-left: var(--spacing-medium);
  }

  html[dir=rtl] .ombc-intro-section.one-column .custom-text-wrapper:nth-child(2) {
    border: 0px;
    border-right: 1px solid var(--divider-on-light-emphasis);
    padding: var(--spacing-none) var(--spacing-medium) var(--spacing-none) var(--spacing-none);
    margin: var(--spacing-none) var(--spacing-medium) var(--spacing-none) var(--spacing-none);
  }
}

.ombc-intro-section.two-column .default-content-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 12px var(--spacing-xsmall);
  flex-wrap: wrap;
}

.ombc-intro-section.two-column {
  width: auto;
}

.expressive {
  .lp-body-content h2 {
    font-size: var(--font-size-800);
    letter-spacing: -0.96px;
  }
}

.moderate {
  .lp-heading-metadata h1 {
    color: var(--text-on-dark-emphasis);
    font-size: var(--font-size-1200);
    font-weight: var(--heading-font-weight);
    line-height: 112%;
    /* 67.2px */
    letter-spacing: -1.8px;
  }
}