/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by  applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

/* stylelint-disable */
/* Translations classes from One Link */
.OneLinkShow_jp,
main .section.OneLinkShow_jp.columns-2,
.OneLinkShow_de,
main .section.OneLinkShow_de.columns-2,
.OneLinkShow_fr,
main .section.OneLinkShow_fr.columns-2,
.OneLinkShow_ko,
main .section.OneLinkShow_ko.columns-2,
.OneLinkShow_it,
main .section.OneLinkShow_it.columns-2,
.OneLinkShow_es,
main .section.OneLinkShow_es.columns-2,
.OneLinkShow_zh,
main .section.OneLinkShow_zh.columns-2 {
  display: none;
}

/* Will be hidden on translated pages */
.OneLinkHide {
  display: block;
}
/* stylelint-enable */

/* stylelint-disable no-descending-specificity */
:root {
  /* Brand Colors */
  --color-primary: #008da9;
  --color-primary-rgb: 0 141 169;
  --color-secondary: #ee7624;
  --color-secondary-rgb: 238 118 36;
  --color-tertiary: #6eb43f;
  --color-tertiary-rgb: 110 180 63;
  --color-primary-dark: #003b4d;
  --color-primary-dark-rgb: 0 59 77;
  --color-highlight: #00758d;
  --color-highlight-rgb: 0 117 141;
  --color-highlight-2: #007bc4;
  --color-highlight-2-rgb: 0 123 196;
  --color-link: #337ab7;
  --color-link-rgb: 51 122 183;
  --color-link-hover: #0066a4;
  --color-link-hover-rgb: 0 102 164;
  --color-button-primary: #038296;
  --color-button-primary-rgb: 3 130 150;
  --color-button-secondary: #4c9eaf;
  --color-button-secondary-rgb: 76 158 175;
  --color-text-primary: #34393d;
  --color-text-primary-rgb: 52 57 61;

  /* State Colors */
  --color-state-danger: #f00;
  --color-state-success: #09b571;

  /* Color Input */
  --color-input: #5f696b;
  --color-input-border: #bebebe;

  /* Component Tokens – Scoped Usage */
  --agenda-links-hover: rgb(19 154 218 / 25%);
  --category-form-bg: rgb(1 59 78 / 50%);
  --carousel-blue-wave-indicator: #23bfd9;
  --hubspot-modal-block-after: #004c70;
  --hero-video-overlay-bg: #00b8dd;
  --product-comparison-dark-gray: #8a959b;
  --color-theme-gray: #6a747c;
  --color-theme-gray-dark: #5b6670;
  --color-primary-alpha-5: rgb(var(--color-primary-rgb) / 5%);

  /* Mega Menu */
  --color-mm-product-card: #161e2d;
  --color-mobile-menu-caret: #c4ccda;
  --gutter-product: 30px;

  /* Black Alpha Colors */
  --color-transparent: rgb(0 0 0 / 0%);
  --color-black-alpha-5: rgb(0 0 0 / 5%);
  --color-black-alpha-10: rgb(0 0 0 / 10%);
  --color-black-alpha-20: rgb(0 0 0 / 20%);
  --color-black-alpha-30: rgb(0 0 0 / 30%);
  --color-black-alpha-40: rgb(0 0 0 / 40%);
  --color-black-alpha-50: rgb(0 0 0 / 50%);
  --color-black-alpha-60: rgb(0 0 0 / 60%);
  --color-black-alpha-70: rgb(0 0 0 / 70%);
  --color-black-alpha-80: rgb(0 0 0 / 80%);
  --color-black-alpha-90: rgb(0 0 0 / 90%);
  --color-black: rgb(0 0 0 / 100%);

  /* Gray Scale Hierarchy */
  --color-white-rgb: 255 255 255;
  --color-white: #fff;
  --color-gray-25: #fafafa;
  --color-gray-50: #f2f2f2;
  --color-gray-100: #efefef;
  --color-gray-200: #e6e6e6;
  --color-gray-250: #dcdcdc;
  --color-gray-300: #d3d3d3;
  --color-gray-350: #c9c9c9;
  --color-gray-400: #bfbfbf;
  --color-gray-500: #999;
  --color-gray-550: #7f7f7f;
  --color-gray-600: #666;
  --color-gray-650: #595959;
  --color-gray-700: #4c4c4c;
  --color-gray-750: #333;
  --color-gray-800: #1a1a1a;
  --color-gray-900: #0d0d0d;

  /* ================ FWN template Colors ================ */
  --color-blue: #0d6efd;
  --color-purple: #660ff3;
  --color-cyan: #6be6df;
  --color-pink: #d31e83;
  --color-orange: #f97b16;
  --color-light-green: #3be086;

  /* Gradient Helper */
  --gh-primary: #1591a4;
  --gh-secondary: #2e9f79;
  --gh-tertiary: #61b249;
  --gh-primary-cta: #00748d;
  --gh-secondary-cta: #0190ac;

  /* ================ Gradients ================ */
  --gradient-theme: linear-gradient(90deg, var(--gh-primary) 0, var(--gh-secondary) 50%, var(--gh-tertiary) 100%);
  --gradient-theme-left: linear-gradient(
    to left,
    var(--gh-primary) 0,
    var(--gh-secondary) 50%,
    var(--gh-tertiary) 100%
  );
  --gradient-overlay: linear-gradient(
    var(--color-transparent),
    var(--color-transparent),
    var(--color-black-alpha-80) 80%
  );
  --gradient-bottom-overlay: linear-gradient(to bottom, var(--color-transparent) 55%, var(--color-black-alpha-90));
  --gradient-cta: linear-gradient(
    to bottom,
    var(--gh-primary-cta) 0%,
    var(--gh-secondary-cta) 52%,
    var(--gh-primary-cta) 100%,
    var(--gh-primary-cta) 100%
  );
  --gradient-whats-new: linear-gradient(var(--color-purple) 0, var(--color-cyan) 100%);

  /* ================ Font Families ================ */
  --ff-proxima-regular:
    "Proxima Nova Regular", "Proxima Nova Regular Fallback", "helvetica neue", helvetica, arial, sans-serif;
  --ff-proxima-xbold:
    "Proxima Nova ExtraBold", "Proxima Nova ExtraBold Fallback", "helvetica neue", helvetica, arial, sans-serif;
  --ff-proxima-light:
    "Proxima Nova Light", "Proxima Nova Light Fallback", "helvetica neue", helvetica, arial, sans-serif;
  --fixed-font-family: menlo, monaco, consolas, "courier new", monospace;

  /* ================ Font Sizes ================ */
  --fs-base: 16px;

  /* Line heights */
  --line-height-body: 1.33;
  --line-height-heading: 1.1;

  /* Body */
  --fs-body-xs: 0.75rem; /* 12px */
  --fs-body-s: 0.875rem; /* 14px */
  --fs-body-m: 1rem; /* 16px */
  --fs-body-l: 1.125rem; /* 18px */
  --fs-body-xl: 1.25rem; /* 20px */
  --fs-body-xxl: 1.375rem; /* 22px */
  --fs-body-xxxl: 1.625rem; /* 26px */

  /* Headings */
  --fs-h6: 0.75rem; /* 12px */
  --fs-h5: 0.875rem; /* 14px */
  --fs-h4: 1.125rem; /* 18px */
  --fs-h3: 1.5rem; /* 24px */
  --fs-h2: 1.875rem; /* 30px */
  --fs-h1: 2.25rem; /* 36px */

  /* Display / Hero */
  --fs-display-l: 3.75rem; /* 60px */
  --fs-display-xl: 4.375rem; /* 70px */

  /* Body text (desktop) */
  --font-size-body-xs: var(--fs-body-s);
  --font-size-body-s: var(--fs-body-m);
  --font-size-body-m: var(--fs-body-l);
  --font-size-body-l: var(--fs-body-xxl);
  --font-size-body-xl: var(--fs-body-xxxl);

  /* Headings (desktop) */
  --font-size-h1: var(--fs-h1);
  --font-size-h2: var(--fs-h2);
  --font-size-h3: var(--fs-h3);
  --font-size-h4: var(--fs-h4);
  --font-size-h5: var(--fs-h5);
  --font-size-h6: var(--fs-h6);

  /* ================ Layout Variables ================ */
  --nav-height: 170px;
  --nav-height-mobile: 70px;
  --layout-max-width: 1170px;
  --layout-carousel-max-width: 1140px;
  --layout-blog-width: 800px;
  --center-space: calc((100vw - var(--layout-max-width)) / 2);
}

@media only screen and (min-width: 768px) {
  :root {
    --font-size-h1: var(--fs-display-xl); /* 70px */
    --font-size-h2: var(--fs-display-xl); /* 70px */
  }
}

@media only screen and (max-width: 1199px) {
  :root {
    --layout-max-width: 970px;
    --layout-carousel-max-width: 940px;
  }
}

@media only screen and (max-width: 991px) {
  :root {
    --layout-max-width: 750px;
    --layout-carousel-max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --layout-max-width: 100%;
    --layout-blog-width: 100%;
    --font-size-body-xs: 0.875rem; /* 14px */
    --font-size-body-s: 1rem; /* 16px */
    --font-size-body-m: 0.875rem; /* 14px */
    --font-size-body-l: 1.25rem; /* 20px */
    --font-size-body-xl: 1.5rem; /* 24px */
    --font-size-h1: 2.25rem; /* 36px */
    --font-size-h2: 1.875rem; /* 30px */
    --font-size-h3: 1.5rem; /* 24px */
    --font-size-h4: 1.125rem; /* 18px */
    --font-size-h5: 0.875rem; /* 14px */
    --font-size-h6: 0.75rem; /* 12px */
  }
}

@media only screen and (max-width: 390px) {
  :root {
    --font-size-h1: 1.875rem; /* 30px */
    --font-size-h2: 1.875rem; /* 30px */
  }
}

/* base */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: var(--fs-base);
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  margin: 0;
  display: none;
  overflow-x: hidden;
  color: var(--color-text-primary);
  font-size: var(--font-size-body-m);
  line-height: var(--line-height-body);
  font-family: var(--ff-proxima-regular);
  background-color: var(--color-white);
}

body.appear {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-weight: 100;
  margin-top: 0;
  line-height: var(--line-height-heading);
  scroll-margin: calc(var(--nav-height) + 1em);
}

h1,
h2 {
  font-family: var(--ff-proxima-light);
}

h2,
h3 {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-top: 20px;
  margin-bottom: 10px;
}

h3,
h4,
h5,
h6 {
  font-family: var(--ff-proxima-regular);
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

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

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

a:any-link {
  color: var(--color-link);
  text-decoration: none;
}

a:hover {
  color: var(--color-link-hover);
}

.background-gray main {
  background-color: var(--color-gray-100);
}

/* SCREEN READER TEXT */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* progressive section appearance */
main .section[data-section-status="loading"],
main .section[data-section-status="initialized"],
main .section[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
}

body.no-scroll {
  overflow: hidden;
  padding-right: 17px;
}

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

ul ul {
  margin-top: 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

a i.fa {
  margin-left: 5px;
}

.fa-facebook-f {
  margin-top: -2px;
}

a i.fa.fa-external-link {
  position: relative;
  top: -5px;
  font-size: 13px;
  margin-left: 2px;
  color: var(--color-link);
}

code,
pre,
samp {
  font-family: var(--fixed-font-family);
  font-size: var(--font-size-body-s);
}

code,
samp {
  padding: 0.125em;
}

pre {
  overflow: scroll;
}

strong {
  font-family: var(--ff-proxima-xbold);
}

em {
  font-style: italic;
}

em strong {
  font-family: var(--ff-proxima-regular);
  font-weight: 700;
}

.text-left,
div[data-align="left"] {
  text-align: left;
}

.text-center,
.center,
div[data-align="center"] {
  text-align: center;
}

.text-right,
div[data-align="right"] {
  text-align: right;
}

.text-justify,
div[data-align="justify"] {
  text-align: justify;
}

.text-caption {
  margin: 15px 0 25px;
  font-size: var(--font-size-body-xs);
  display: block;
  color: var(--color-gray-600);
  font-style: italic;
}

iframe {
  border: 0;
  width: 100%;
}

/* video player styles and overlays */
.video-wrapper {
  margin: 40px auto;
  max-width: 700px;
}

p.video-title {
  font-size: 14px;
  font-style: italic;
  color: var(--color-text-primary);
  font-family: var(--ff-proxima-regular);
  margin-bottom: 20px;
  margin-top: 15px;
  background-color: var(--color-white);
  font-weight: 400;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .vidyard-close-container {
    top: 50% !important;
    left: 50%;
    margin-left: calc(680px / 2);
    margin-top: calc(-426px / 2);
  }

  .vidyard-close-container:focus {
    outline: none !important;
  }
}

.vidyard-close-x {
  cursor: pointer;
  background-color: rgb(0 0 0 / 50%);
  padding: 10px;
  border-radius: 50%;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}

.vidyard-close-x:hover {
  transform: rotate(90deg);
}

/* buttons */
a.button:any-link,
button {
  box-sizing: border-box;
  font-family: var(--ff-proxima-regular);
  font-weight: 400;
  font-size: var(--font-size-body-m);
  color: var(--color-link);
  line-height: 18px;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 0;
  transition: all 0.2s;
  min-width: 140px;
  position: relative;
  height: auto;
  padding: 15px 18px 16px;
  margin-bottom: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  touch-action: manipulation;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-user-select: none;
  user-select: none;
}

a[role="button"] {
  cursor: pointer;
  touch-action: manipulation;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-user-select: none;
  user-select: none;
}

a.button:any-link:has(span.icon),
button:has(span.icon) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

a.button:any-link > span.icon,
button > span.icon {
  line-height: 0;
}

a.button .fa,
a.button i.fa {
  padding: 0 0.25rem;
  color: inherit;
}

a.button:hover,
a.button:focus,
button:hover,
button:focus {
  cursor: pointer;
  color: var(--color-link-hover);
}

button:disabled,
button:disabled:hover {
  background-color: var(--color-gray-200);
  cursor: unset;
}

a.button.primary,
button.primary {
  color: var(--color-white);
  background-color: var(--color-primary);
  white-space: break-spaces;
  padding: 14px 18px;
  line-height: 21px;
}

.button-container:has(+ .button-container) a.button.primary {
  margin-bottom: 0;
}

a.button.primary:hover,
a.button.primary:focus,
button.primary:hover,
button.primary:focus {
  color: var(--color-link-hover);
  background-color: var(--color-white);
  box-shadow: 0 0 10px 1px var(--color-black-alpha-20);
}

a.button.primary:hover .button-border {
  display: block;
  width: 50%;
  margin-bottom: 0;
  position: absolute;
  margin-left: 0;
  height: 4px;
  background: var(--color-link-hover);
  left: 25%;
  bottom: -5px;
}

a.button.secondary,
button.secondary {
  font-style: normal;
  border-color: var(--color-button-secondary);
  color: var(--color-button-primary);
}

a.button.secondary:hover,
a.button.secondary:focus,
button.secondary:hover,
button.secondary:focus {
  color: var(--color-link-hover);
  background-color: var(--color-white);
  box-shadow: 0 0 10px 1px var(--color-black-alpha-20);
}

main input:not([type="radio"], [type="checkbox"]),
main textarea,
main select {
  display: block;
  padding: 5px 15px;
  box-sizing: border-box;
  background-color: var(--color-white);
  border: 1px solid var(--color-input-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--color-input);
  font-size: 15px;
  height: 40px;
  line-height: 1.4286;
  outline: none;
  width: 100% !important;
  max-width: 100% !important;
  font-family: inherit;
}

main textarea {
  height: 100px;
}

main pre {
  background-color: var(--color-gray-200);
  padding: 1em;
  border-radius: 0.25em;
  overflow-x: auto;
  white-space: pre;
}

main blockquote {
  font-style: italic;
  margin: 3rem;
  text-indent: -1rem;
}

main blockquote p::before {
  content: "“";
  line-height: 0;
}

main blockquote p::after {
  content: "”";
  line-height: 0;
}

hr {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 0;
  border-bottom: 1px solid var(--color-gray-200);
}

img,
video {
  max-width: 100%;
  width: auto;
  height: auto;
}

main .section {
  padding-top: 50px;
  padding-bottom: 50px;
}

main .section > div,
main .section > article,
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: var(--layout-max-width);
}

main .section.buttons-in-row {
  padding-top: 0;
  padding-bottom: 0;
}

main .section.buttons-in-row > div {
  padding: 0;
}

@media (max-width: 991px) {
  main .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  main .section .default-content-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  main .section.wavecarousel {
    padding-top: 200px;
  }
}

/* Marked as !important as these should not get overriden */
main .section.hero-container,
main .section.hero-advanced-container,
main .section.page-tabs-container,
main .section.html-snippet-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

main .section > .featured-posts-wrapper {
  padding-top: 40px;
}

main .section.columns-2 {
  display: grid;
  margin: 0 auto;
}

main .section.columns-2 > div,
main .section.columns-2 > article {
  width: 100%;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  a.button:any-link,
  button {
    font-size: var(--font-size-body-xs);
    width: 100%;
    max-width: 200px;
  }

  main .breadcrumbs-wrapper {
    height: 30px;
  }
}

@media only screen and (min-width: 768px) {
  main .section.columns-2 {
    grid-template-columns: 1fr;
    padding-left: var(--center-space);
    padding-right: var(--center-space);
  }

  main .section .section.columns-2 {
    padding-left: 0;
    padding-right: 0;
  }

  main .section.columns-2.layout-33-66 {
    grid-template-columns: 33fr 66fr;
  }

  main .section.background-molecules .columns.columns-2-cols > div {
    align-items: flex-start;
  }
}

@media (min-width: 992px) {
  main .section.columns-2 {
    grid-template-columns: 1fr 1fr;
  }
}

main .section.highlight {
  background-color: var(--color-gray-350);
}

main .section.background-grey + .section.wave,
main .section.background-grey-top-half,
main .section.background-grey-bottom-half {
  position: relative;
}

main .section.background-grey + .section.wave {
  margin-bottom: 50px;
}

main .section.background-grey,
main .section.background-grey + .section.wave:not(.background-grey-top-half, .bluegreen) {
  background-color: var(--color-gray-100);
  margin-top: 0;
}

main .section.background-grey-top-half::before,
main .section.background-grey-bottom-half::before,
main .section.background-grey + .section.wave::before {
  content: "";
  background-color: var(--color-gray-100);
  position: absolute;
  left: 0;
  height: 200px;
  width: 100%;
  z-index: -1;
  margin-top: -50px;
}

main .section.background-grey-top-half::before,
main .section.background-grey + .section.wave::before {
  top: 0;
}

main .section.background-grey-bottom-half::before {
  bottom: 0;
}

@media only screen and (max-width: 991px) {
  main .section.background-molecules {
    background-size: auto 50px;
    padding-top: 50px;
  }

  main .section.background-grey-top-half::before,
  main .section.background-grey-bottom-half::before,
  main .section.background-grey + .section.wave::before {
    height: 100%;
    top: -50%;
  }

  main .section.wave.wavecarousel.blue:not(.no-margin-top),
  main .section.wave.wavecarousel.bluegreen:not(.no-margin-top) {
    margin-top: 10em !important;
  }
}

main .section.full-width .default-content-wrapper,
main .section.full-width .html-snippet-wrapper {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

main .section.full-width img {
  width: 100%;
}

/* nav */
nav {
  display: block;
}

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

ul.keyword-list li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  font-size: 18px;
  vertical-align: middle;
}

ul.keyword-list li:not(:last-of-type)::after {
  content: "|";
  display: inline-block;
  margin-left: 10px;
}

/* errors */

main.error .section .hero-wrapper {
  padding: 0;
}

main.error .section > div {
  margin: 0 auto;
  padding: 15px 15px 0;
}

main .section.horizontal-line > div:first-child,
main .section.horizontal-line > article:first-child {
  border-top: 1px solid var(--color-gray-350);
  padding-top: 45px;
}

main .section.horizontal-line {
  padding-top: 0;
}

/* news and publication */
.event,
main .event-container {
  --font-size-h1: var(--fs-h1);
  --font-size-h2: 30px;
  --font-size-h3: 20px;
}

main .event-container::after {
  width: 100%;
}

@media (max-width: 767px) {
  main .event-container p {
    --font-size-body-m: 0.875rem; /* 14px */
    --font-size-body-s: 0.8125rem; /* 13px */
    --font-size-body-xs: 0.75rem; /* 12px */
  }

  .event,
  main .event-container {
    --font-size-h1: 24px;
  }
}

main .event-container p {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
}

main .event-container strong {
  font-weight: 700;
}

main .section.tabs[aria-labelledby="order"] strong {
  font-family: var(--ff-proxima-regular);
}

main .section.tabs[aria-labelledby="order"] .default-content-wrapper img {
  display: block;
  margin: 0 auto;
}

.section.title-big > .default-content-wrapper > h3 {
  font-size: var(--fs-h1);
}

.section.small-text {
  font-size: var(--font-size-body-xs);
}

.section.space-list li {
  margin-top: 8px;
}

main .default-content-wrapper ol li:not(:last-child),
main .default-content-wrapper ul li:not(:last-child) {
  margin-bottom: 8px;
}

.section.no-paragraph-spacing p {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .section.title-big > article.default-content-wrapper > h2 {
    font-size: var(--fs-display-xl);
  }
}

.section.title-light > article.default-content-wrapper > h2,
.section.title-light > article.default-content-wrapper > h2 > strong {
  font-family: var(--ff-proxima-light);
}

main .section .columns .columns-col h3 + ul {
  padding-top: 20px;
}

main .section .columns .columns-col h3 + ul,
main .section .columns .columns-col p + ul {
  padding-left: 20px;
}

main .event-container .text-strong {
  padding-top: 15px;
}

main .event-container .event-date {
  font-size: var(--font-size-body-xs);
  font-family: var(--ff-proxima-light);
  font-weight: 600;
  font-style: normal;
  display: block;
  padding-bottom: 30px;
  width: 100%;
}

main .section .default-content-wrapper h2:only-child {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

main .section.tabs .default-content-wrapper h2 {
  padding-bottom: 15px;
}

main .section.buttons-in-row p.button-container {
  margin-top: 0;
}

main .section.buttons-in-row p.button-container,
main .section.wave.orange-buttons p.button-container {
  display: inline-block;
}

main .section.wave.orange-buttons p.button-container {
  margin-top: 20px;
}

main .section.buttons-in-row p.button-container + p.button-container {
  margin-left: 20px;
}

main .section .columns .columns-col .button-container,
main .section .columns .columns-col .button-container:only-of-type {
  margin-left: 0;
}

main .section .columns > div > div ul + p.button-container,
main .section.wave.orange-buttons p.button-container + p.button-container {
  margin-left: 20px;
}

/* services & support */

main .section.service-support .default-content-wrapper h2 {
  font-size: var(--fs-h1);
  padding-top: 90px;
  font-weight: 100;
  line-height: 1;
}

main .section.service-support.support-options h2 {
  font-size: var(--fs-display-xl);
}

main .section.related-applications-container h2:first-child {
  padding-top: 26px;
}

@media (max-width: 991px) {
  main .section.service-support.support-options h2 {
    font-size: var(--fs-h1);
    padding-top: 30px;
  }
}

/* Features Section */
main .section.features-section {
  padding-top: 50px;
  padding-bottom: 30px;
  background:
    url("/images/molecules-left.webp") left bottom,
    url("/images/molecules-right.webp") right top,
    url("/images/molecules-left.png") left bottom,
    url("/images/molecules-right.png") right top;
  background-repeat: no-repeat;
  background-color: var(--color-gray-50);
}

main .section.features-section .default-content-wrapper,
main .section.applications-carousel-container .default-content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  margin-bottom: 30px;
}

main .section.features-section .default-content-wrapper h2,
main .section.applications-carousel-container .default-content-wrapper h2 {
  font-family: var(--ff-proxima-light);
  font-size: var(--font-size-h2);
  margin-bottom: 0;
  padding: 0;
}

main .section.features-section .default-content-wrapper::after {
  content: "";
  clear: both;
  display: block;
}

main .section.features-section .button-container {
  margin-top: 50px;
}

@media only screen and (max-width: 991px) {
  .section.features-section .default-content-wrapper h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  main .section.features-section {
    padding-top: 30px;
  }

  .section.features-section .default-content-wrapper h2 {
    font-size: var(--fs-h1);
  }

  main .section.features-section .default-content-wrapper em {
    width: 100%;
    padding: 0 15px;
  }

  main .section.buttons-in-row p.button-container,
  main .section.wave.orange-buttons p.button-container {
    display: block;
  }

  main .section.buttons-in-row p.button-container + p.button-container,
  main .section.wave.orange-buttons p.button-container + p.button-container {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) {
  .features-section .default-content-wrapper p > em:only-child {
    margin-top: 30px;
    display: block;
    text-align: left;
    font-size: var(--fs-body-xs);
    font-style: italic;
    float: right;
    width: 50%;
  }
}

.picture + p > em:only-child,
.blog ol.text-caption,
.columns-wrapper + div > p:first-child > em:only-child,
.vidyard-wrapper + div > p:first-child > em:only-child,
.table-wrapper + div > p:first-child > em:only-child {
  margin: 15px 0 25px;
  font-size: var(--font-size-body-xs);
  display: block;
  color: var(--color-gray-600);
  font-style: italic;
}

.caption-left .picture + p > em:only-child,
.caption-left .columns-wrapper + div > p:first-child > em:only-child,
.caption-left .vidyard-wrapper + div > p:first-child > em:only-child,
.caption-left .table-wrapper + div > p:first-child > em:only-child {
  text-align: left;
}

.caption-right .picture + p > em:only-child,
.caption-right .columns-wrapper + div > p:first-child > em:only-child,
.caption-right .vidyard-wrapper + div > p:first-child > em:only-child,
.caption-right .table-wrapper + div > p:first-child > em:only-child {
  text-align: right;
}

.caption-left .picture img {
  display: block;
}

/* Featured Asset section */
main .section.featured-asset {
  background-image: url("/images/featured-asset-background.webp"), url("/images/featured-asset-background.jpg");
  background-position: center top;
  background-size: cover;
  color: var(--color-white);
  padding-bottom: 100px;
}

main .section.featured-asset .button-container {
  margin-top: 2em;
}

main .section.featured-asset a.button.secondary,
main .section.featured-asset button.secondary {
  border-color: var(--color-white);
  color: var(--color-white);
}

main .section.featured-asset a.button.secondary:hover,
main .section.featured-asset a.button.secondary:focus,
main .section.featured-asset button.secondary:hover,
main .section.featured-asset button.secondary:focus {
  color: var(--color-link-hover);
}

main .section.featured-asset .default-content-wrapper h2 {
  margin-top: 0;
  font-family: var(--ff-proxima-regular);
  color: var(--color-tertiary);
}

main .section.featured-asset .columns h3 {
  font-size: 25px;
}

main .section.featured-asset .columns > div {
  align-items: unset;
}

main .section .columns.columns-2-cols > div:not(:last-child) {
  margin-bottom: 50px;
}

main .section .columns.no-row-gap > div:not(:last-child) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  main .section.featured-asset {
    padding: 0;
  }

  main .section.featured-asset > div {
    padding: 30px 15px;
    overflow: hidden;
  }

  main .section.featured-asset img {
    margin-top: 30px;
  }
}

/* Parallax section */

main .section.background-parallax {
  background-image: url("/images/parallax-background.webp"), url("/images/parallax-background.png");
  background-position: center top;
  background-size: cover;
  color: var(--color-white);
  padding-top: 90px;
  padding-bottom: 100px;
}

main .section.background-parallax a {
  color: var(--color-white);
}

main .section.background-parallax .default-content-wrapper .button-container {
  margin: 60px 30px;
}

main .section.background-parallax .default-content-wrapper .button-container > a {
  color: var(--color-white);
  border-radius: 0;
  padding: 18px 18px 16px;
  border: 1px solid var(--color-white);
}

@media only screen and (max-width: 991px) {
  main .section.background-parallax {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  main .section.background-parallax .default-content-wrapper .button-container {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  main .section.background-parallax {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  main .section.footer-wave {
    clear: both;
  }
}

/* Wave sections */

main .section.wave {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  overflow: visible;
  color: var(--color-white);
  text-align: center;
  clear: both;
}

main.error .section.wave {
  color: var(--color-text-primary);
  text-align: unset;
}

main.error .section.wave:last-child {
  margin-top: 0;
}

main .section.wave.orange-buttons,
main .section.wave:not(.bluegreen):last-child {
  margin: 0;
  padding-bottom: 0;
}

main .section.wave.orange-buttons {
  padding-bottom: 0;
  margin-bottom: 48px;
}

main .section.wave > picture,
main .section.wave > picture > img,
main .section.wave:last-child picture,
main .section.wave:last-child img {
  width: 100%;
  display: block;
}

main .section.wave .default-content-wrapper {
  margin-top: 50px;
  padding: 0 15px;
  padding-right: 15px;
}

main .section.wave .default-content-wrapper h2 {
  font-size: var(--font-size-h2);
  margin-bottom: 30px;
  line-height: 1;
  font-family: var(--ff-proxima-light);
}

main .section.wave p {
  margin: 0;
}

main .section.wave .default-content-wrapper p:first-of-type {
  padding: 0 20px 20px;
  margin-bottom: 10px;
}

main .section.columns-2 .default-content-wrapper:has(picture),
main .section.columns-2 .default-content-wrapper:has(.video-wrapper) {
  text-align: center;
}

main .section.background-molecules-enhance {
  background-image: url("/images/molecules-enhance.png");
  background-repeat: no-repeat;
}

/* WAVE sections variants */

/* BlueGreen Variant */
main .section.wave.bluegreen {
  background-size: 100% 100%;
}

main .section.wave.wave-bottom-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

main .section.wave.bluegreen .default-content-wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}

main .section.wave.wave-bottom-section .default-content-wrapper {
  margin-bottom: 0;
}

.application .hero-container + .section > .default-content-wrapper:first-child {
  margin-top: 15px;
}

.technology .section.tabs:not(.wave) .default-content-wrapper + .columns-wrapper,
.application .section.tabs:not(.wave) .default-content-wrapper + .columns-wrapper {
  margin-top: 0;
  padding-top: 0;
}

main .section.wave.bluegreen .default-content-wrapper h2,
main .section.wave.bluegreen2 .default-content-wrapper h2 {
  font-family: var(--ff-proxima-regular);
  font-size: 60px;
}

main .section.wave.bluegreen::after {
  content: none;
}

/* BlueGreen2 Variant */

main .section.wave.bluegreen2:not([style*="background-image"]) {
  padding-bottom: 150px;
  position: relative;
  background: var(--gradient-theme) !important;
  background-image: none;
  margin-bottom: 30px;
}

main .section.wave.bluegreen2:has(picture img[src*="wave-footer-bg-top.png"]) {
  padding-bottom: 0;
}

main .section.wave:not(.background-grey-top-half, .bluegreen),
main .section.wave.bluegreen2:not(.background-grey-top-half, .bluegreen) {
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
  main .section.wave.wave-bottom-section {
    min-height: 549px;
  }
}

@media only screen and (min-width: 1500px) {
  main .section.wave.wave-bottom-section {
    min-height: 700px;
  }
}

@media only screen and (max-width: 767px) {
  main .section.bluegreen {
    background: var(--gradient-theme) !important;
    background-image: none;
  }

  main .section.wave.bluegreen2 {
    padding-bottom: 100px;
  }

  main .section.wave.bluegreen2::after {
    background-image: none;
  }

  main .section.blue {
    background: var(--color-link-hover) !important;
    background-image: none;
  }

  main .section.wave.bluegreen .default-content-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  main .section.wave.bluegreen .default-content-wrapper h2,
  main .section.wave.bluegreen2 .default-content-wrapper h2 {
    font-size: var(--font-size-h1);
  }
}

/* Service Support Variant */
main .section.wave.bg-support-service {
  background-position: 100% 30%;
}

/* Carousel Variant */
main .section.wave.wavecarousel::after {
  content: none;
}

main .section.wave.wavecarousel {
  min-height: 550px;
  background-size: 100% 100%;
}

main .section.wave.wavecarousel.blue {
  background-image: url("/images/wave-background-blue.webp"), url("/images/wave-background-blue.png");
}

main .section.wave.wavecarousel.bluegreen {
  background-image: url("/images/wave-background-blue-green.webp"), url("/images/wave-background-blue-green.png");
}

main .section.wave.wavecarousel.blue:not(.no-margin-bottom),
main .section.wave.wavecarousel.bluegreen:not(.no-margin-bottom) {
  margin-bottom: 40px;
}

main .section.wave.wavecarousel.blue:not(.no-margin-top),
main .section.wave.wavecarousel.bluegreen:not(.no-margin-top) {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  main .section.wave.wavecarousel {
    min-height: 100%;
    margin-top: 240px;
  }
}

/* Green secondary buttons */
main div.green-secondary-buttons .button {
  border-color: var(--color-tertiary);
}

main div.green-secondary-buttons .button.secondary {
  color: var(--color-text-primary);
}

/* Orange Buttons */
main .orange-buttons .button {
  height: 50px;
  min-width: 200px;
}

main .orange-buttons .button.primary:link,
main .orange-buttons .button.primary:visited {
  color: var(--color-white);
  background: var(--color-secondary);
  text-transform: none;
}

main .orange-buttons .button.primary:hover,
main .orange-buttons .button.primary:active {
  color: var(--color-secondary);
  background: var(--color-white);
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
}

main .orange-buttons .button.secondary:link,
main .orange-buttons .button.secondary:visited,
main .orange-secondary-buttons .button.secondary:link,
main .orange-secondary-buttons .button.secondary:visited {
  color: var(--color-white);
  background: transparent;
  border-color: var(--color-white);
  text-transform: none;
}

main .orange-buttons .button.secondary:hover,
main .orange-buttons .button.secondary:active,
main .orange-secondary-buttons .button.secondary:hover,
main .orange-secondary-buttons .button.secondary:active {
  color: var(--color-secondary);
  background: var(--color-white);
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
}

main .orange-secondary-buttons .button.secondary:link,
main .orange-secondary-buttons .button.secondary:visited {
  color: var(--color-secondary);
  border-color: var(--color-secondary);
}

main .orange-buttons .button.primary > .button-border {
  display: none;
}

main .section.center {
  text-align: center;
}

main .section.background-molecules {
  padding-top: 90px;
  background-image: url("/images/grey_molecules.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 90px;
}

@media only screen and (max-width: 767px) {
  main .section .default-content-wrapper {
    padding: 0 15px;
    overflow: hidden;
  }

  main .section.background-molecules .hero-wrapper::after {
    background-size: auto 50px;
    height: 50px;
  }

  main div.orange-buttons .button {
    min-width: 140px;
    max-width: max-content;
    width: 100%;
    font-size: var(--fs-body-xs);
    padding: 9px 12px 10px;
    height: 37px;
  }

  main div.orange-buttons .button.secondary:link,
  main div.orange-buttons .button.secondary:visited,
  main div.orange-secondary-buttons .button.secondary:link,
  main div.orange-secondary-buttons .button.secondary:visited {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
  }

  /* ------ */

  main .section.wave h2 {
    font-size: 40px;
  }
}

/* --list-- */
.list > .filter > .select:not(.open) > .dropdown-menu {
  display: none;
  visibility: hidden;
}

.list > .filter .select:last-of-type {
  margin-bottom: 10px;
}

/* --store-- */
.company-links li.store-link {
  margin-top: 2px;
}

.company-links li.store-link .icon-store > svg {
  margin-top: -2px;
}

.company-links li.cart-link {
  margin: -5px 5px 0 0;
  padding-right: 30px;
}

.company-links li.cart-link i.fa.fa-shopping-cart {
  font-size: 19px;
  color: var(--color-gray-350);
  position: relative;
  padding-right: 5px;
}

.company-links .cart-count {
  text-align: center;
  vertical-align: middle;
  background-color: var(--color-secondary);
  color: var(--color-white);
  font-weight: 700;
  line-height: 19px;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  font-size: 10px;
  top: -11px;
  min-width: 21px;
  max-width: 40px;
}

.product .cart-widget {
  display: inline-block;
  margin-right: 8px;
  position: fixed;
  top: 50%;
  right: -110px;
  transform: translateY(-50%);
  background: var(--color-secondary);
  padding: 16px 24px;
  border-radius: 30px 0 0 30px;
  transition: right 0.3s;
  z-index: 1;
  cursor: pointer;
  font-size: 18px;
}

.product .cart-widget.open {
  right: -15px;
}

.product .cart-widget i {
  margin-right: 15px;
  color: var(--color-white);
}

.product .cart-widget .view-cart-link {
  color: var(--color-white);
}

.product .cart-widget .view-cart-link:hover {
  text-decoration: underline;
}

.product .cart-widget .fa-shopping-cart::before {
  content: "\f07a";
}

.product .cart-widget .cart-count {
  position: absolute;
  top: -12px;
  left: 29px;
  background: var(--color-white);
  color: var(--color-secondary);
  padding: 0;
  font-size: 75%;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid var(--color-secondary);
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

/* videos-and-webinars theme */

.videos-and-webinars main::after {
  margin-top: 100px;
}

.videos-and-webinars .hero.wave .hero-inner p:first-of-type {
  color: var(--color-button-primary);
  font-size: 25px;
  font-weight: 600;
}

.videos-and-webinars .hero.wave.green-category .hero-inner p:first-of-type {
  color: var(--color-tertiary);
}

.videos-and-webinars .section.hero-container:has(.hero.wave) ~ .section h2 {
  color: var(--color-primary);
  font-family: var(--ff-proxima-regular);
  font-size: var(--fs-h1);
}

.application .section.tabs:not(.wave) .default-content-wrapper h2 ~ h2:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.homepage h2 {
  color: var(--color-highlight);
  margin-bottom: 30px;
}

.homepage .section > div,
.homepage .section > article {
  padding: 70px 15px 0;
}

.application-note main .section:not(.hero-container) {
  padding: 20px 0;
}

.section.home-promo {
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-white);
  text-align: center;
  overflow: visible;
  position: relative;
}

.section.home-promo .columns-wrapper {
  margin-top: 0;
  padding-top: 0;
}

.homepage .section.home-promo > .carousel-wrapper,
.homepage .section.home-promo > .carousel-wrapper .carousel-item {
  padding-top: 0;
}

.homepage .section.home-promo .carousel-dot-buttons {
  display: none;
}

main .section.home-promo .carousel-item-columns-container {
  display: grid;
  gap: 30px;
  align-items: unset;
}

main .section.home-promo .carousel-item-columns-container .carousel-item-column {
  width: 100%;
}

.section.home-promo .columns > div > div:last-child {
  padding: 20px 0 40px;
}

.section.home-promo .carousel {
  padding-inline: 0;
}

.section.home-promo .carousel-item-columns-container .carousel-item-column a.button.secondary {
  color: var(--color-white);
  background: rgb(0 0 0 / 25%);
  border-color: var(--color-white);
  white-space: normal;
  font-size: 18px;
  padding: 16px 20px;
  line-height: 24px;
}

.section.home-promo .carousel-item-columns-container .carousel-item-column a.button.secondary:hover {
  background: var(--color-white);
  color: var(--color-primary);
}

@media only screen and (min-width: 768px) {
  main .section.home-promo .carousel-item-columns-container {
    grid-template-columns: 60fr 40fr;
    align-items: center;
  }
}

@media only screen and (min-width: 992px) {
  .section.home-promo {
    padding: 0;
    background-position: 0 49px;
    margin-top: -50px;
  }

  .section.home-promo .carousel-item-columns-container .carousel-item-column:last-child {
    padding: 40px 0;
  }

  .section.home-promo .carousel-item-columns-container .carousel-item-column h3 {
    font-size: 28px;
    margin-bottom: 2rem;
  }

  .section.home-promo .carousel-item-columns-container .carousel-item-column a.button.secondary {
    padding: 16px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .homepage .section > div {
    padding: 50px 15px 0;
  }
}

@media only screen and (max-width: 991px) {
  .product main .section {
    padding: 67px 0 70px;
  }

  .section.home-promo .columns.layout-60-40 > div {
    display: block;
  }

  .section.home-promo .carousel-item-columns-container .carousel-item-column p.button-container {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product main .section {
    padding: 30px 0 45px;
  }

  .product main .video-title {
    font-size: 14px;
  }
}

.product .section.tabs h2 {
  font-family: var(--ff-proxima-regular);
  font-size: var(--fs-h1);
  margin-top: 0;
}

.product .section.tabs > div > h3 {
  margin: 45px 15px 15px;
}

.product .section.tabs > div > h3 ~ p {
  margin: 0 15px;
}

.product p.video-title {
  font-size: 24px;
  font-family: var(--ff-proxima-xbold);
  font-style: normal;
}

.product .section.tabs h2:has(+ h4) {
  font-family: var(--ff-proxima-light);
  margin-bottom: 0;
  padding-bottom: 0;
}

.product .section.tabs h4 {
  font-family: var(--ff-proxima-regular);
  font-size: 30px;
  color: var(--color-gray-700);
  margin-top: 0;
}

.product .section.tabs h4:last-child {
  margin-bottom: 45px;
}

.product .section.tabs:not(.feature-section) .default-content-wrapper + .image-list-wrapper {
  margin-top: 50px;
}

/* -- Technology -- */

.application .section h2 {
  font-size: var(--fs-h1);
}

.product .section > div,
.technology .section > div,
.application .section > div,
.product .section > article,
.technology .section > article,
.application .section > article {
  padding-bottom: 20px;
  padding-top: 20px;
}

.product .section > .default-content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.product .section.tabs .columns-wrapper h2,
.technology
  .section.tabs:not(.wave, .category-form)
  .default-content-wrapper
  h2:not(#latest-resources, #features, .video-resources-title),
.technology .section.tabs .columns-wrapper h2,
.application
  .section.tabs:not(.wave, .category-form)
  .default-content-wrapper
  h2:not(#latest-resources, #features, .video-resources-title),
.application .section.tabs .columns-wrapper h2 {
  font-size: var(--fs-h1);
  font-family: var(--ff-proxima-regular);
  margin-top: 0;
}

.technology .section.tabs .default-content-wrapper p + h2,
.application .section.tabs .default-content-wrapper p + h2 {
  padding-top: 50px;
}

.technology .section.tabs .columns-wrapper p + h2,
.application .section.tabs .columns-wrapper p + h2 {
  padding-top: 20px;
}

.product main .section.tabs:not(.related-applications-container) h2,
.technology main .section.tabs:not(.related-applications-container) h2,
.application main .section.tabs:not(.related-applications-container) h2 {
  margin: 20px 0 10px;
}

.technology .section.tabs h2 + p,
.application .section.tabs h2 + p {
  margin-top: 0;
}

.technology .section.resources-container .default-content-wrapper:first-child,
.application .section.resources-container .default-content-wrapper:first-child,
.technology .section.tabs.related-products-container .default-content-wrapper:first-child,
.application .section.tabs.related-products-container .default-content-wrapper:first-child,
.technology .section.tabs.related-applications-container .default-content-wrapper:first-child,
.application .section.tabs.related-applications-container .default-content-wrapper:first-child,
.technology .section.tabs.latest-resources-container .default-content-wrapper:first-child,
.application .section.tabs.latest-resources-container .default-content-wrapper:first-child {
  padding-bottom: 0;
}

.product .section.resources-container .default-content-wrapper:first-child h2,
.technology .section.resources-container .default-content-wrapper:first-child h2,
.application .section.resources-container .default-content-wrapper:first-child h2 {
  padding-bottom: 0;
}

.technology .columns.block.columns-1-cols,
.application .columns.block.columns-1-cols {
  background-color: var(--color-gray-100);
  padding: 15px 26px 15px 32px;
}

.technology .columns.block.columns-1-cols h2,
.application .columns.block.columns-1-cols h2 {
  font-size: 40px;
  text-align: center;
  padding-bottom: 26px;
}

.technology .columns.block.columns-1-cols h3,
.application .columns.block.columns-1-cols h3 {
  font-size: 22px;
  margin: 10px 0;
}

.technology .columns.block.columns-1-cols ul li,
.application .columns.block.columns-1-cols ul li {
  color: var(--color-link);
  line-height: 21px;
  margin-bottom: 10px;
}

.product .section.tabs h2 + h4:only-of-type,
.technology .section.tabs h2 + h4:only-of-type,
.application .section.tabs h2 + h4:only-of-type {
  font-family: var(--ff-proxima-light);
  margin-bottom: 0;
  padding-bottom: 0;
}

.product .section.tabs h4,
.technology .section.tabs h4,
.application .section.tabs h4 {
  font-family: var(--ff-proxima-regular);
  font-size: 30px;
  color: var(--color-gray-700);
  margin-top: 0;
}

.product .section.tabs h4:last-child,
.technology .section.tabs h4:last-child,
.application .section.tabs h4:last-child {
  margin-bottom: 45px;
}

.blend-image img {
  mix-blend-mode: darken;
}

.section.title-center > h2,
.section.title-center > h3,
.section.title-center > h4,
.section.title-center > .default-content-wrapper > h2,
.section.title-center > .default-content-wrapper > h3,
.section.title-center > .default-content-wrapper > h4,
.section.button-center > .default-content-wrapper > p.button-container {
  text-align: center;
}

.background-black,
.background-black img {
  background-color: var(--color-black);
}

.background-black h3 {
  color: var(--color-tertiary);
}

.background-black p,
.background-black h4 {
  color: var(--color-white);
}

.section.title-no-spacing > .default-content-wrapper > h2,
.section.title-no-spacing > .default-content-wrapper > h3 {
  margin: 0 !important;
  padding: 0 !important;
}

.section.image-title-inline > .default-content-wrapper > p.picture:first-child,
.section.image-title-inline > .default-content-wrapper > p.picture:first-child + h2 {
  display: inline;
  vertical-align: middle;
}

.section.image-title-inline > .default-content-wrapper > p.picture:first-child img {
  height: 60px;
  margin-left: -20px;
}

.section.image-title-inline > .default-content-wrapper > p.picture:first-child + h2 {
  margin-left: 10px;
}

.section.multicolor-subtitle > .default-content-wrapper > h3 {
  display: inline-block;
  margin-left: 5px;
  margin-right: 0;
}

.section.multicolor-subtitle > .default-content-wrapper > h3:first-of-type {
  color: var(--color-tertiary);
}

.section.multicolor-subtitle > .default-content-wrapper > h3:nth-of-type(2) {
  color: var(--color-secondary);
  display: inline;
}

.section.multicolor-subtitle > .default-content-wrapper > h3:last-of-type {
  color: var(--color-highlight-2);
}

/*
  Category page
*/

.category .default-content-wrapper h3 {
  font-size: 34px;
}

.category .default-content-wrapper h3 a {
  color: var(--color-black);
}

.category .default-content-wrapper h2 + h3 {
  font-size: 24px;
}

.category .columns-wrapper h3 + h4,
.category .columns-wrapper h4 + h4 {
  font-size: 20px;
  line-height: 1.5rem;
}

.category-3d-biology .default-content-wrapper h3 {
  font-size: var(--fs-h1);
}

.category-3d-biology .default-content-wrapper h2 + h3 {
  margin-bottom: 0;
}

.category main .columns-wrapper h3:first-child,
.section.product-titles .default-content-wrapper > h2,
.section.product-titles .default-content-wrapper > h3 {
  font-size: 40px;
}

.section.product-titles .default-content-wrapper > h4 {
  font-size: 30px;
}

.section.blue-title .default-content-wrapper > h2,
.section.blue-title .default-content-wrapper > h3,
.section.blue-subtitle div > h3 {
  color: var(--color-primary);
}

.section.green-title .default-content-wrapper > h2,
.section.green-title .default-content-wrapper > h3 {
  color: var(--color-tertiary);
}

main .section.white-title .default-content-wrapper > h2,
main .section.white-title .default-content-wrapper > h3,
main .section .block.white-title h2,
main .section .block.white-title h3,
main .section .block.white-title h4 {
  color: var(--color-white);
}

main .block.orange-main-title h2,
main .section.orange-title h2,
main .section.orange-title h3,
main .section.orange-title h4 {
  color: var(--color-secondary);
}

main .block.electric-blue-main-title h2 {
  color: var(--color-highlight-2);
}

/*
  Customer breakthrough pages
*/

.customer-breakthrough main .default-content-wrapper {
  margin-bottom: 50px;
}

.customer-breakthrough main .hero-container + .section > .default-content-wrapper:first-child {
  margin: 0 auto;
}

.customer-breakthrough main .background-parallax .default-content-wrapper {
  margin-bottom: 0;
}

.customer-breakthrough main .default-content-wrapper p + h2 {
  margin-top: 50px;
}

/*
  Service Support pages
*/

.service-support main .section.features-section .default-content-wrapper {
  text-align: left;
}

/*
  Video Gallery
*/
.video-gallery .section {
  padding-top: 60px;
  padding-bottom: 40px;
}

.video-gallery main .section .default-content-wrapper h2 {
  color: var(--color-primary);
  font-size: 40px;
  margin-bottom: 40px;
  font-family: var(--ff-proxima-light);
}

/*
  Contact us page
*/

.contact main .section.hero-container .hero-inner img {
  object-position: center center;
}

.contact main > .section.columns-container > .columns-wrapper {
  margin-top: 0;
}

@media (min-width: 992px) {
  .contact main .section.hero-container .hero-inner .container {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}

.section.main-title-bold > .default-content-wrapper > h2,
.section .block.main-title-bold h2 {
  font-family: var(--ff-proxima-xbold);
}

.section.main-title-light > .default-content-wrapper > h2 {
  font-family: var(--ff-proxima-light);
}

.section.title-regular > .default-content-wrapper > h2,
.section.title-regular > .default-content-wrapper > h3 {
  font-family: var(--ff-proxima-regular);
}

main .section.no-padding-bottom {
  padding-bottom: 0;
}

main .section.no-padding-top {
  padding-top: 0;
}

main .section > div:has(> .block.no-padding-top) {
  padding-top: 0;
}

main .section > div:has(> .block.no-padding-bottom) {
  padding-bottom: 0;
}

main .section.space-wrappers > div {
  margin-bottom: 50px;
  margin-top: 50px;
}

@media only screen and (max-width: 420px) {
  .section .block.mobile-subtitle-small h3,
  .section.mobile-subtitle-small > .default-content-wrapper > h3 {
    font-size: 16px;
  }
}

.block.image-auto-size img {
  width: auto;
  height: auto;
}

.list-inline ul {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-left: 0;
  margin-bottom: 0;
}

main .list-inline .icon svg,
main .list-inline .icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

main .list-inline .icon svg,
main .list-inline .icon svg g[fill],
main .list-inline .icon svg path[style*="fill"] {
  fill: currentcolor;
}

.list-spacing-8 ul li:not(:last-child) {
  margin-bottom: 8px !important;
}

.list-spacing-10 ul li:not(:last-child) {
  margin-bottom: 10px !important;
}

.list-spacing-16 ul li:not(:last-child) {
  margin-bottom: 16px !important;
}

.list-spacing-16 ul li > ul {
  margin-top: 8px;
}

.list-spacing-16 ul li > ul li:not(:last-child) {
  margin-bottom: 4px !important;
}

.no-indented-list ul,
.no-indented-list ol {
  padding-left: 20px;
}

.disc-sub-heading ol > li > ol,
.disc-sub-heading ol > ol {
  list-style: disc;
}

.lower-alpha-sub-heading ol > li > ol,
.lower-alpha-sub-heading ol > ol {
  list-style: lower-alpha;
}

/* QA LIST */
main .qa-list ul,
.blog main .qa-list ul {
  list-style: none;
  padding-left: 0;
}

main .qa-list ul,
main .qa-list ul > li > ul {
  list-style: none;
  padding-left: 0;
  margin-top: 4px;
}

main .qa-list ul > li,
main .qa-list ul > li > ul > li {
  font-weight: 700;
  position: relative;
  padding-left: 24px;
}

main .qa-list ul > li > ul > li {
  padding-left: 0;
  font-weight: 400;
}

main .qa-list ul > li::before,
main .qa-list ul > li > ul > li::before {
  content: "Q. ";
  position: absolute;
  left: 0;
  top: 0;
}

main .qa-list ul > li > ul > li::before {
  content: "A. ";
  left: -24px;
}

main .section.qa-list .columns-wrapper {
  margin-top: 0;
}

main .qa-list .columns-wrapper .image-right ul li::before {
  display: none;
}

main .columns-separator-line .columns-wrapper .columns {
  border-bottom: 1px solid var(--color-gray-350);
  padding-bottom: 3rem;
}

/* technology */
.technology main .default-content-wrapper + div.columns-wrapper {
  margin-top: 0;
  padding-top: 0;
}

/* title with green/theme highlight */
.title-with-green-highlight h2:first-child em,
.title-with-green-highlight h3:first-child em,
.title-with-theme-highlight h2:first-child em,
.title-with-theme-highlight h3:first-child em {
  font-style: normal;
}

.title-with-green-highlight h2:first-child em,
.title-with-green-highlight h3:first-child em {
  color: var(--color-tertiary);
}

.title-with-theme-highlight h2:first-child em,
.title-with-theme-highlight h3:first-child em {
  color: var(--color-primary);
}

.section.title-with-green-highlight .default-content-wrapper h2:first-child,
.section.title-with-green-highlight .default-content-wrapper h3:first-child,
.section.title-with-theme-highlight .default-content-wrapper h2:first-child,
.section.title-with-theme-highlight .default-content-wrapper h3:first-child {
  margin: 0;
  padding-bottom: 20px;
}

.columns.image-center div:has(picture:only-of-type) img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* SLAS PAGES */
main .block.text-white,
main .section.text-white {
  color: var(--color-white);
}

main .block.no-margin,
main .section.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

main .block.no-margin-top,
main .section.no-margin-top {
  margin-top: 0;
}

main .block.no-margin-bottom,
main .section.no-margin-bottom {
  margin-bottom: 0 !important;
}

/* eBook contact */
.section.background-teal,
.section.ebook-contact {
  background-color: var(--color-button-primary);
  color: var(--color-white);
}

.section.ebook-contact h3,
.section.ebook-contact a {
  color: inherit;
}

.section.ebook-contact h3 {
  padding-top: 0;
}

.section.ebook-contact .columns > div > div:last-child {
  text-align: center;
}

.section.ebook-contact em > a {
  box-sizing: border-box;
  font-family: var(--ff-proxima-regular);
  font-weight: 400;
  font-size: var(--font-size-body-l);
  font-style: normal;
  line-height: 18px;
  display: inline-block;
  border-radius: 0;
  transition: all 0.2s;
  position: relative;
  padding: 15px 18px 16px;
  margin-bottom: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  height: 50px;
  min-width: 200px;
  color: var(--color-primary);
  background: var(--color-white);
  border: 2px solid var(--color-white);
  text-transform: none;
}

.section.ebook-contact em > a:hover {
  color: var(--color-white);
  background: transparent;
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
}

.share-event ul.button-container li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.section.events-container .events.block .list {
  padding-top: 0;
}

/* Workflow Tab Heading */
.no-list-padding ul,
.section.no-default-padding .default-content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.no-list-margin ul {
  margin-top: 0;
  margin-bottom: 0;
}

.application .columns.workflow-tab-heading.block.columns-1-cols {
  padding: 0;
  background-color: transparent;
}

.application .columns-wrapper:has(> .workflow-tab-heading) {
  margin-top: 0;
  padding: 0;
  margin-bottom: 60px;
}

.application .columns.block.workflow-tab-heading h2 {
  font-family: var(--ff-proxima-light);
  font-size: 34px;
  text-transform: capitalize;
  background: var(--color-link-hover);
  padding: 8px 24px;
  color: var(--color-white);
  width: 100%;
  text-align: center;
  margin: 0 auto !important;
  border-radius: 20px;
  line-height: 1.33;
}

@media only scrren and (min-width: 768px) {
  .application .columns.block.workflow-tab-heading h2 {
    font-size: 48px;
  }
}

main div.dark-button.orange-buttons .button.secondary,
main div.dark-button.orange-buttons .button.secondary:visited {
  color: var(--color-black);
  border-color: var(--color-black);
}

.section.heading-36 .default-content-wrapper h2:only-child,
.section.heading-36 .default-content-wrapper h3:only-child {
  font-size: var(--fs-h1);
  font-family: var(--ff-proxima-regular);
}

/* application notes */
.application-note h2 {
  font-size: 36px;
  margin-bottom: 20px;
  font-family: var(--ff-proxima-regular);
  font-weight: 400;
}

.application-note h4 {
  font-weight: bold;
  margin-bottom: 1em;
}