@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Thin.woff2') format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl Book;
  src: url('../fonts/SuisseIntl-Book.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl Hairline;
  src: url('../fonts/SuisseIntl-Hairline.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/SuisseIntl-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --typography--body: Suisseintl, Arial, sans-serif;
  --colors--darkest: #262626;
  --typography--heading: Suisseintl, Arial, sans-serif;
  --colors--black-059: #00000096;
  --colors--white: white;
  --colors--lighter: #f0f0f0;
  --colors--lightest: #f7f7f7;
  --colors--black: black;
  --colors--darker: dimgrey;
  --colors--brand-prime: #3a7dba;
  --colors--brand-second: #fe6c1a;
  --colors--white-059: #ffffff96;
  --colors--black-035: #00000059;
  --colors--dark: #a6a6a6;
  --colors--black-003: #00000008;
  --colors--light: #dedede;
  --colors--brand-special: #39bca6;
  --colors--brand-yellow: #d8bb44;
  --colors--neutral: #bcbcbc;
  --colors--black-006: #0000000f;
  --colors--black-013: #00000021;
  --colors--black-026: #00000042;
  --colors--white-003: #ffffff08;
  --colors--white-006: #ffffff0f;
  --colors--white-013: #ffffff21;
  --colors--white-026: #ffffff42;
  --colors--white-035: #ffffff59;
  --colors--brand-third: #8fe6ff;
  --colors--brand-fourth: #fe76fb;
  --colors--success-green: #0e6027;
  --colors--success-green-light: #b6e9e1;
  --colors--error-red: #b73b3b;
  --colors--error-red-light: #faecec;
  --colors--light-blue: #e7eff7;
  --colors--brand-second-hover: #f06416;
  --colors--brand-prime-hover: #2f6791;
  --colors--light-yellow: #f9f3dd;
  --colors--light-green: #e7f7f4;
  --colors--brand-fifth: #0dee9f;
  --colors--brand-sixth: #ffbb08;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-userformheader {
  text-align: center;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  font-family: var(--typography--body);
  color: var(--colors--darkest);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  font-family: var(--typography--heading);
  letter-spacing: -.03ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  font-family: var(--typography--heading);
  letter-spacing: -.04ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  font-family: var(--typography--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  font-family: var(--typography--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  font-family: var(--typography--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

h6 {
  font-family: var(--typography--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

p {
  letter-spacing: -.005ch;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  text-decoration: underline;
  transition: all .2s, box-shadow .2s, background-color .2s, color .2s;
}

ul, ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .5rem;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

strong {
  color: var(--colors--darkest);
  font-weight: 600;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 1px solid var(--colors--black-059);
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  font-size: 18px;
  line-height: 22px;
}

.style-section-container {
  z-index: 0;
  background-color: var(--colors--white);
  max-width: 1200px;
  box-shadow: none;
  padding: 2.5rem;
  position: relative;
}

.style-section-container.margin-vertical.margin-xsmall.shadow-tiny.roundend-0-5rem {
  background-color: var(--colors--white);
}

.component-line {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.component-line.lighter-border-bottom {
  border-bottom: 1px solid var(--colors--lighter);
  padding-bottom: 1.5rem;
}

.component-line.darkest-border-bottom {
  border-bottom: 1px solid var(--colors--darkest);
  padding-bottom: 1.5rem;
}

.component-line.flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  align-items: stretch;
}

.component-line.last-line {
  margin-bottom: 0;
}

.label-container {
  width: 12.5rem;
  color: var(--colors--darkest);
}

.label-container.wider {
  width: 20rem;
}

.label-container.narrow {
  width: 8.5rem;
}

.component-container {
  flex: 1;
}

.blue-label {
  color: var(--colors--white);
  background-color: #2c68c5;
  border-radius: 2px;
  margin: .125rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  line-height: 1.5rem;
  display: inline-flex;
}

.left-sidebar {
  background-color: var(--colors--white);
  width: 17.5rem;
  height: 100vh;
  padding: 1.5rem 1.5rem 1rem;
  position: fixed;
}

.style-guide-body {
  background-color: var(--colors--lightest);
}

.style-guide-container {
  display: flex;
}

.style-guide-wrap {
  flex: 1;
  margin-left: 17.5rem;
  padding: 2.5rem;
}

.style-section {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.purple-label {
  color: var(--colors--white);
  background-color: #b051a1;
  border-radius: 2px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  line-height: 1.5rem;
  display: inline-flex;
}

.heading-style-h1 {
  font-family: var(--typography--heading);
  letter-spacing: -.07ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6rem;
  line-height: 1.2;
}

.heading-style-h2 {
  font-family: var(--typography--heading);
  letter-spacing: -.06ch;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-h2.margin-bottom.margin-small.slide-to-top-0-4s.h-500 {
  text-transform: capitalize;
  font-weight: 500;
}

.heading-style-h3 {
  font-family: var(--typography--heading);
  letter-spacing: -.06ch;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-h3:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  text-transform: capitalize;
}

.heading-style-h3.slide-to-top-0-4s {
  text-transform: none;
}

.heading-style-h3.slide-to-top-0-4s.margen-big-5.max-w-80 {
  width: 80%;
}

.heading-style-h3.slide-to-top-0-2s:where(.w-variant-a1f66308-8fc6-8caa-2487-6bced0bfaf3e), .heading-style-h3.slide-to-top-0-2s:where(.w-variant-9058a7e3-de4c-75d8-ed9a-7e41aa923ee9) {
  text-transform: none;
}

.heading-style-h3.slide-to-top-0-2s.max-w-60 {
  text-transform: none;
  width: 60%;
}

.heading-style-h3.slide-to-top-0-2s.none-btn-3, .heading-style-h3.slide-to-top-0-2s.none-btn-23 {
  text-transform: capitalize;
}

.heading-style-h3.slide-to-top-0-2s.mob {
  display: none;
}

.heading-style-h3._992-style-h4 {
  font-size: 2rem;
}

.heading-style-h3.text-color-darkest.max-w-70 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h3.text-color-darkest.max-w-70:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .heading-style-h3.text-color-darkest.max-w-70.about-4 {
  text-transform: none;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h3.tablet-small {
  width: 90%;
}

.heading-style-h3.width-100._7-5rem {
  margin-left: 7.5rem;
}

.heading-style-h3.style-h3 {
  font-size: 3rem;
}

.heading-style-h4 {
  font-family: var(--typography--heading);
  letter-spacing: -.05ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h5 {
  font-family: var(--typography--heading);
  letter-spacing: -.04ch;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h5.margin-bottom.margin-large.slide-to-top-0-2s, .heading-style-h5.no-caps {
  text-transform: none;
}

.heading-style-h6 {
  font-family: var(--typography--heading);
  letter-spacing: -.04vh;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h6.text-color-white, .heading-style-h6.text-color-white:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .heading-style-h6.text-color-white.about-55, .heading-style-h6.text-color-white.about-56, .heading-style-h6.text-color-white.about-62 {
  text-decoration: none;
}

.heading-style-h6.slide-to-top-0-4s.mob {
  display: none;
}

.text-size-large {
  letter-spacing: -.015ch;
  font-size: 1.25rem;
}

.text-size-medium {
  letter-spacing: -.01ch;
  font-size: 1.125rem;
}

.text-size-small {
  font-size: .875rem;
}

.text-size-tiny {
  font-size: .75rem;
}

.darkest-background {
  background-color: var(--colors--darkest);
  padding: .5rem 1rem;
}

.text-color-white {
  color: var(--colors--white);
}

.text-color-white:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
  color: var(--colors--black);
}

.text-color-darkest {
  color: var(--colors--darkest);
}

.text-color-darker {
  color: var(--colors--darker);
}

.text-color-brand-prime {
  color: var(--colors--brand-prime);
}

.text-color-brand-second {
  color: var(--colors--brand-second);
}

.text-color-white-059 {
  color: var(--colors--white-059);
}

.text-color-white-059.margin-top.margin-large:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .text-color-white-059.margin-top.margin-large.about-73 {
  margin-top: 4rem;
}

.text-color-black-059 {
  z-index: 2;
  color: var(--colors--black-059);
  position: relative;
}

.text-color-black-059.margin-top.margin-small.slide-to-top-0-4s:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6), .text-color-black-059.margin-top.margin-small.slide-to-top-0-4s:where(.w-variant-eab502f3-ec5b-ab31-ad18-c88598062c16) {
  display: block;
}

.text-color-black-059.margin-bottom.margin-large.slide-to-top-0-6s.text-color-white {
  color: var(--colors--white);
}

.text-color-black-059.margin-bottom.margin-large.slide-to-top-0-6s.h-500 {
  font-weight: 600;
}

.text-color-black-059.margin-bottom.margin-large.slide-to-top-0-6s.max-w-70 {
  width: 76%;
}

.text-color-black-059.margin-bottom.margin-large-special {
  margin-bottom: auto;
}

.text-color-black-059.margin-bottom.margin-large-special.slide-to-top-0-6s.text-color-white {
  color: var(--colors--white);
}

.text-color-black-059.margin-bottom.margin-large-special.slide-to-top-0-6s.h-500 {
  font-weight: 600;
}

.text-color-black-059.margin-bottom.margin-large-special.slide-to-top-0-6s.max-w-70 {
  width: 76%;
}

.text-color-black-059.text-size-small.text-align-center {
  text-align: center;
}

.text-color-black-059.aling-right {
  text-align: right;
}

.text-color-black-059.aling-right.max-w-8 {
  width: 29rem;
}

.text-color-black-059.max-w-70 {
  width: 80%;
}

.text-color-black-059.bottom-margin-auto {
  margin-bottom: auto;
}

.text-color-black-035 {
  color: var(--colors--black-035);
}

.text-color-dark {
  color: var(--colors--dark);
}

.left-sidebar-nav {
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.left-sidebar-nav-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0000;
  border-radius: 4px;
  align-items: center;
  width: 100%;
  margin-bottom: .5rem;
  padding: .5rem .5rem .5rem 1rem;
  font-size: .875rem;
  line-height: 1.5rem;
  text-decoration: none;
  display: flex;
}

.left-sidebar-nav-link:hover {
  background-color: var(--colors--black-003);
  color: var(--colors--light);
}

.left-sidebar-nav-link:active {
  color: var(--colors--darkest);
}

.left-sidebar-nav-link.w--current {
  background-color: var(--colors--lightest);
  color: var(--colors--darkest);
}

.left-sidebar-brand {
  width: 100%;
  margin-bottom: 1.5rem;
}

.left-sidebar-nav-menu {
  flex-flow: column wrap;
  display: flex;
}

.left-sidebar-container {
  flex-flow: column wrap;
  flex: 1;
  display: flex;
}

.svg-icon {
  display: inline-flex;
}

.svg-icon:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664) {
  width: 3rem;
}

.svg-icon:where(.w-variant-d62b3a6e-24fc-8d1f-2a4c-94f0921f016d) {
  color: var(--colors--brand-special);
}

.svg-icon.chevron-fix {
  margin-left: 2px;
}

.svg-icon.chevron-fix._2-card-37 {
  width: 3rem;
}

.svg-icon.accordion-expand {
  position: absolute;
}

.svg-icon.accordion-expand.plus {
  opacity: 0;
}

.svg-icon.opacity-59 {
  opacity: .59;
}

.svg-icon.mini:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .svg-icon.mini._2-card-13, .svg-icon.mini._2-card-25 {
  width: 70%;
}

.svg-icon._2-card-7, .svg-icon._2-card-19, .svg-icon._2-card-31 {
  width: 3rem;
}

.svg-icon.color-grin {
  color: var(--colors--brand-special);
}

.svg-icon.color-yelow {
  color: var(--colors--brand-yellow);
}

.svg-icon.color-blue {
  color: var(--colors--brand-prime);
}

.border-light {
  border: 1px solid var(--colors--light);
}

.grid-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.grid-list-item {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: .75rem;
  list-style-type: none;
  display: inline-flex;
}

.grid-list-item.text-align-center {
  align-items: center;
}

.icon-div-block {
  display: flex;
}

.left-sidebar-link-text {
  flex: 1;
}

.color-div-container {
  width: 7.5rem;
  height: 7.5rem;
  margin-bottom: .5rem;
}

.color-div-block {
  z-index: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  height: 100%;
  display: grid;
  position: relative;
}

.lightest-background {
  background-color: var(--colors--lightest);
}

.darkest-label {
  background-color: var(--colors--darkest);
  color: var(--colors--lightest);
  border-radius: 2px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  line-height: 1.5rem;
  display: inline-flex;
}

.lightest-label {
  background-color: var(--colors--lightest);
  box-shadow: inset 0 0 0 1px var(--colors--light);
  color: var(--colors--darker);
  border-radius: 2px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  line-height: 1.5rem;
  display: inline-flex;
}

.grid-color-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lighter-background {
  background-color: var(--colors--lighter);
}

.light-background {
  background-color: var(--colors--light);
}

.neutral-background {
  background-color: var(--colors--neutral);
}

.dark-background {
  background-color: var(--colors--dark);
}

.darker-background {
  background-color: var(--colors--darker);
}

.black-003-background {
  background-color: var(--colors--black-003);
}

.black-006-background {
  background-color: var(--colors--black-006);
}

.black-013-background {
  background-color: var(--colors--black-013);
}

.black-026-background {
  background-color: var(--colors--black-026);
}

.black-035-background {
  background-color: var(--colors--black-035);
}

.black-059-background {
  background-color: var(--colors--black-059);
}

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

.white-003-background {
  background-color: var(--colors--white-003);
}

.white-006-background {
  background-color: var(--colors--white-006);
}

.white-013-background {
  background-color: var(--colors--white-013);
}

.white-026-background {
  background-color: var(--colors--white-026);
}

.white-035-background {
  background-color: var(--colors--white-035);
}

.white-059-background {
  background-color: var(--colors--white-059);
}

.brand-prime-background {
  background-color: var(--colors--brand-prime);
}

.brand-second-background {
  background-color: var(--colors--brand-second);
}

.brand-third-background {
  background-color: var(--colors--brand-third);
}

.brand-fourth-background {
  background-color: var(--colors--brand-fourth);
}

.success-green-background {
  background-color: var(--colors--success-green);
}

.success-green-light {
  background-color: var(--colors--success-green-light);
}

.error-red-background {
  background-color: var(--colors--error-red);
}

.error-red-light {
  background-color: var(--colors--error-red-light);
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.text-rich-text h2, .text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h4, .text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.white-to-brand-prime-link {
  color: var(--colors--white);
}

.white-to-brand-prime-link:hover {
  color: var(--colors--brand-prime);
}

.darkest-to-brand-prime-link {
  color: var(--colors--darkest);
}

.darkest-to-brand-prime-link:hover {
  color: var(--colors--brand-prime);
}

.darker-to-darkest-link {
  color: var(--colors--darker);
}

.darker-to-darkest-link:hover {
  color: var(--colors--darkest);
}

.dark-to-darkest-link {
  color: var(--colors--dark);
}

.dark-to-darkest-link:hover {
  color: var(--colors--darkest);
}

.brand-prime-to-darkest-link {
  color: var(--colors--brand-prime);
}

.brand-prime-to-darkest-link:hover {
  color: var(--colors--darkest);
}

.brand-second-to-darkest-link {
  color: var(--colors--brand-second);
}

.brand-second-to-darkest-link:hover {
  color: var(--colors--darkest);
}

.info-box {
  align-items: center;
  padding: .25rem;
  display: flex;
}

.info-box.padding-xxsmall.concave.rounded-100.is-brand-green {
  color: var(--colors--brand-special);
}

.info-box.padding-xxsmall.concave.rounded-100.fix-height {
  height: 2rem;
}

.info-box.padding-xxsmall.dislay-inline-flex {
  display: inline-flex;
}

.info-box.padding-small.concave-darker {
  background-color: #00000059;
}

.info-box.padding-small.rounded-100.brand-special {
  background-color: var(--colors--brand-special);
  color: var(--colors--light-blue);
  background-color: var(--colors--brand-special);
}

.info-box.padding-small.rounded-100.brand-special-trans {
  color: var(--colors--white);
  background-color: #39bca6;
  box-shadow: inset 0 1px 2px #3639380a, inset 0 .5px .5px #31353414;
}

.info-box.padding-small.rounded-100.concave-brand-green {
  color: var(--colors--white);
  background-color: #39bca6;
  box-shadow: 0 .5px .5px #31353414, 0 1px 2px #3639380a;
}

.info-box.padding-small.rounded-100.brand-special-trans-copy {
  color: var(--colors--white);
  background-color: #39bca6b3;
  border: 2px solid #39bca680;
  box-shadow: 0 5px 115px #0003;
}

.info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size {
  height: 3.4rem;
}

.info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-50, .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-58 {
  width: 3.5rem;
  height: 3.5rem;
}

.info-box.concave-darker.padding-xsmall.rounded-0-5rem.is-brand-green {
  color: var(--colors--brand-special);
}

.info-box.text-color-brand-prime.concave.padding-1-25rem, .info-box.concave.padding-1-25rem {
  padding: 1.25rem;
}

.info-box.concave.padding-1-25rem.rounded-1rem.is-brand-green {
  color: var(--colors--brand-special);
}

.info-box.concave.padding-1-25rem.rounded-1rem._12 {
  background-color: var(--colors--white-013);
}

.info-box.concave.padding-1-25rem.rounded-1rem.concave-light {
  background-color: var(--colors--black-013);
}

.negative-index-filler-box {
  z-index: -1;
  background-color: var(--colors--neutral);
  min-width: 1rem;
  height: 5rem;
  position: relative;
}

.negative-index-filler-box.animations {
  background-color: var(--colors--darkest);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 5rem;
  max-width: 5rem;
  display: flex;
}

.dotted-border-darker {
  border: 1px dashed var(--colors--darker);
}

.padding-section-small {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-medium {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.padding-section-large {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.padding-section-huge {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-small:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  display: block;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7.5rem;
}

.margin-xxhuge {
  margin: 10rem;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7.5rem;
}

.padding-xxhuge {
  padding: 10rem;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-small:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .margin-top.margin-small.text-color-black-059.about-5 {
  display: block;
}

.margin-top.margin-small.text-color-black-059.side-margins-4rem {
  margin-left: 4rem;
  margin-right: 4rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-large.mob-padd-1rem, .margin-bottom.margin-large.mob-padd-1rem.margen-right-auto {
  margin-right: auto;
}

.margin-bottom.smol-1rem {
  margin-bottom: 1rem;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.button {
  background-color: var(--colors--darkest);
  border-radius: .75rem;
  padding: .75rem 1.5rem;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  box-shadow: 0 24px 24px -8px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.button:hover {
  background-color: var(--colors--black);
}

.button.is-secondary:hover {
  background-color: var(--colors--white);
}

.button.is-secondary.is-large.full-width {
  width: 100%;
}

.button.is-secondary.is-small.display-none {
  display: block;
}

.button.is-tertiary {
  box-shadow: none;
}

.button.is-tertiary.is-small.text-color-white {
  color: var(--colors--white);
}

.button.is-brand-prime.is-large.color-green {
  background-color: var(--colors--brand-special);
}

.button.is-brand-prime.button-shadow-alternate.is-large.full-width {
  width: 100%;
}

.button.is-brand-prime.button-shadow-alternate.is-large.full-width:where(.w-variant-f0b0a211-94bc-518e-62d9-f3b6a63d567a) {
  background-color: var(--colors--brand-special);
}

.button.is-brand-prime.button-shadow-alternate.is-large.no-margin {
  margin-right: 0;
}

.button.is-link {
  box-shadow: none;
}

.button.brand-second-cta-shadow:hover {
  background-color: var(--colors--brand-second-hover);
}

.button.apple-pay {
  height: 3rem;
}

.button.is-brand-special {
  background-color: #39bca6;
}

.button.is-brand-special.button-shadow-alternate.is-large.full-width {
  width: 100%;
}

.button.is-brand-special.button-shadow-alternate.is-large.no-margin {
  margin-right: 0;
}

.button.is-brand-special._w-100 {
  width: 100%;
}

.button-is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--colors--darkest);
  color: var(--colors--white);
  border-radius: .75rem;
  align-items: center;
  padding: .75rem 1rem .75rem 1.25rem;
  text-decoration: none;
  display: inline-flex;
}

.button-is-icon:hover {
  background-color: var(--colors--black);
}

.button-is-icon.is-large {
  padding-right: 1.5rem;
}

.button-is-icon.is-secondary:hover {
  background-color: var(--colors--white);
}

.button-is-icon.is-small {
  padding-right: .75rem;
}

.is-large {
  padding: 1rem 2rem;
}

.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
  box-shadow: 0 24px 24px -12px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.is-secondary:hover {
  color: var(--colors--darker);
  box-shadow: 0 24px 24px -12px #33333303, 0 10px 10px -5px #33333303, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #3333330a, 0 0 0 1px #41414114;
}

.is-small {
  padding: .5rem 1rem;
  font-size: .875rem;
  line-height: 1.5rem;
}

.is-tertiary {
  color: var(--colors--darkest);
  background-color: #0000;
}

.is-tertiary:hover {
  background-color: var(--colors--black-003);
  color: var(--colors--black);
}

.is-brand-prime {
  background-color: var(--colors--brand-prime);
  transition: box-shadow .2s, background-color .2s, color .2s;
  box-shadow: 0 24px 24px -12px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.is-brand-prime:hover {
  background-color: var(--colors--brand-prime-hover);
}

.button-alternate {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--colors--lightest);
  color: var(--colors--darkest);
  border-radius: .75rem;
  align-items: center;
  padding: .75rem 1.25rem;
  text-decoration: none;
  display: inline-flex;
}

.button-alternate:hover {
  background-color: var(--colors--white);
  color: var(--colors--darker);
}

.button-alternate.is-small {
  padding: .5rem 1rem;
}

.button-alternate.is-large {
  padding: 1rem 2rem;
}

.button-alternate.is-secondary {
  border-color: var(--colors--lightest);
  color: var(--colors--lightest);
  background-color: #0000;
}

.button-alternate.is-secondary:hover {
  background-color: var(--colors--white-013);
  color: var(--colors--light);
}

.button-alternate.is-link {
  color: var(--colors--lightest);
}

.button-alternate-is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--colors--lightest);
  color: var(--colors--darkest);
  border-radius: .75rem;
  align-items: center;
  padding: .75rem 1rem .75rem 1.25rem;
  text-decoration: none;
  display: inline-flex;
}

.button-alternate-is-icon:hover {
  background-color: var(--colors--white);
  color: var(--colors--darker);
}

.button-alternate-is-icon.is-small {
  padding: .5rem .75rem .5rem 1rem;
}

.button-alternate-is-icon.is-large {
  padding: 1rem 1.5rem 1rem 2rem;
}

.button-alternate-is-icon.is-secondary {
  border-color: var(--colors--lightest);
  color: var(--colors--lightest);
  background-color: #0000;
}

.button-alternate-is-icon.is-secondary:hover {
  background-color: var(--colors--white-013);
  color: var(--colors--light);
}

.button-alternate-is-icon.is-link {
  color: var(--colors--lightest);
}

.is-link {
  color: var(--colors--darkest);
  background-color: #0000;
  padding: 0;
}

.is-link:hover {
  color: var(--colors--brand-prime);
  background-color: #0000;
}

.white-to-brand-prime-block {
  background-color: var(--colors--white);
  color: var(--colors--brand-prime);
  text-decoration: none;
}

.white-to-brand-prime-block:hover {
  background-color: var(--colors--brand-prime);
  color: var(--colors--white);
}

.darkest-to-brand-prime-block {
  background-color: var(--colors--darkest);
  color: var(--colors--white);
  text-decoration: none;
}

.darkest-to-brand-prime-block:hover {
  background-color: var(--colors--brand-prime);
}

.darker-to-darkest-block {
  background-color: var(--colors--darker);
  color: var(--colors--white);
  text-decoration: none;
}

.darker-to-darkest-block:hover {
  background-color: var(--colors--darkest);
}

.dark-to-darkest-block {
  background-color: var(--colors--dark);
  color: var(--colors--white);
  text-decoration: none;
}

.dark-to-darkest-block:hover {
  background-color: var(--colors--darkest);
}

.brand-prime-to-darkest-block {
  background-color: var(--colors--brand-prime);
  color: var(--colors--white);
  text-decoration: none;
}

.brand-prime-to-darkest-block:hover {
  background-color: var(--colors--darkest);
}

.brand-second-to-darkest-block {
  background-color: var(--colors--brand-second);
  color: var(--colors--white);
  text-decoration: none;
}

.brand-second-to-darkest-block:hover {
  background-color: var(--colors--darkest);
}

.max-width-tiny {
  width: 100%;
  max-width: 3.5rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 10rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16.5rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-small {
  width: 100%;
  max-width: 23rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-medium {
  width: 100%;
  max-width: 29.5rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-medium.text-align-center {
  text-align: center;
}

.max-width-large {
  width: 100%;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-large.text-color-black-059.text-align-center {
  text-align: center;
}

.max-width-xlarge {
  width: 100%;
  max-width: 42.5rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxlarge.text-align-center {
  text-align: center;
}

.max-width-huge {
  width: 100%;
  max-width: 55.5rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xhuge {
  width: 100%;
  max-width: 62rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxhuge {
  width: 100%;
}

.light-border-bottom {
  border-bottom: 1px solid var(--colors--light);
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.form-field-label {
  color: var(--colors--darkest);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 400;
}

.form-checkbox-label {
  margin-bottom: 0;
}

.form-radio {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form-input {
  height: auto;
  min-height: 2.75rem;
  color: var(--colors--darkest);
  background-color: #00000005;
  border: 0 solid #000;
  border-radius: .75rem;
  margin-bottom: 0;
  padding: .75rem .75rem .75rem 1.1rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: box-shadow .2s, background-color .2s;
  box-shadow: 0 .5px #fff, 0 0 0 4px #00000003, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #0000001f;
}

.form-input:hover {
  box-shadow: 0 .5px #fff, 0 0 0 4px #00000005, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #00000042;
}

.form-input:focus {
  border-color: var(--colors--darkest);
  box-shadow: 0 .5px 0 0 #fff, 0 0 0 4px #4b3de314, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px var(--colors--brand-prime);
  background-color: #00000003;
}

.form-input::placeholder {
  color: #7f7f7f;
}

.form-input.is-text-area {
  padding-left: 1.1rem;
}

.form-input.is-text-area.custom-height {
  min-height: 10rem;
}

.form-input.username {
  padding-left: 52px;
}

.form-input.email {
  background-image: url('../images/envelope-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 3.25rem;
}

.form-input.username {
  background-image: url('../images/office-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 3.25rem;
}

.form-input.password {
  background-image: url('../images/password-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.form-input.company {
  background-image: url('../images/office-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 3.2rem;
}

.form-input.name {
  background-image: url('../images/profile-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 3.2rem;
}

.form-input.phone {
  background-image: url('../images/phone-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.form-input.company-size {
  background-image: url('../images/team-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.form-input.position {
  background-image: url('../images/suitcase-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.form-input.margin-bottom.margin-small {
  margin-bottom: 1.5rem;
}

.form-input.is-name {
  background-image: url('../images/profile-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 3.25rem;
}

.form-radio-label {
  margin-bottom: 0;
}

.form-checkbox {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.is-text-area {
  height: 100%;
  min-height: 11.25rem;
}

.form-block {
  margin-bottom: 0;
}

.success-message {
  background-color: var(--colors--success-green-light);
  color: var(--colors--success-green);
}

.error-message {
  background-color: var(--colors--error-red-light);
  color: var(--colors--error-red);
}

._4px-rounded-corners {
  border-radius: 4px;
}

.slide-to-top-0-2s.mob-9vw {
  text-transform: none;
}

.slide-to-top-0-2s.max-width-xxxlarge {
  max-width: 55rem;
}

.slide-to-top-0-2s.h1-platform {
  font-size: 3.9rem;
}

.slide-to-top-0-2s.max-width-45-rem {
  max-width: 45rem;
}

.slide-to-top-0-6s:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .slide-to-top-0-6s._2-card-26 {
  display: none;
}

.dropdown-icon {
  color: var(--colors--darkest);
  margin-top: .9rem;
  margin-right: 1rem;
  font-size: .75rem;
}

.dropdown-icon.text-color-white {
  color: var(--colors--white);
}

.dropdown-icon.text-color-white:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
  color: var(--colors--black);
}

.dropdown-menu {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background-color: #ffffffdb;
}

.dropdown-menu.w--open {
  border-radius: 1.5rem;
  margin-top: 1rem;
  margin-left: -1rem;
  padding: 1rem;
}

.dropdown-menu.menu-shadow {
  box-shadow: 0 32px 32px -16px #2626260a, 0 24px 24px -12px #2626260a, 0 12px 12px -6px #2626260a, 0 6px 6px -3px #2626260a, 0 3px 3px -1.5px #2626260a, 0 1px 1px -.5px #2626260a, 0 0 0 1px #41414108;
}

.dropdown-menu.menu-shadow.brand-whide.w--open {
  background-color: #fff;
}

.menu-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.menu-first {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 0 auto;
  align-self: center;
  display: flex;
}

.menu-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.menu-last {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
}

.brand {
  width: 9rem;
  color: var(--colors--brand-prime);
  justify-content: flex-start;
  align-items: center;
  margin-right: 2rem;
  display: flex;
}

.brand.w--current {
  color: var(--colors--brand-prime);
}

.brand.is-cloud {
  width: 7rem;
  height: 2rem;
}

.menu-wrapper {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.menu-wrapper.shadow-tiny {
  box-shadow: none;
  background-color: #0000;
}

.dropdown-menu-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-container.container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.menu-button.w--open {
  color: var(--colors--lightest);
}

.menu-column {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column wrap;
  flex: 1;
  min-width: 8rem;
  display: flex;
}

.menu-column.column-padding {
  padding-top: 1.5rem;
}

.navigation {
  z-index: 100;
  background-color: #0000;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto;
}

.navigation.style-guide {
  display: none;
}

.nav-dropdown-link {
  font-size: .875rem;
  line-height: 1.5rem;
}

.nav-dropdown-link.display-none {
  display: none;
}

.dropdown-toggle {
  border-radius: .75rem;
  padding: .5rem 2rem .5rem 1rem;
  transition: background-color .2s, color .2s;
}

.dropdown-toggle:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
  color: var(--colors--black);
}

.dropdown-toggle:hover {
  background-color: var(--colors--black-003);
  color: var(--colors--black);
  box-shadow: inset 0 0 0 1px #00000003;
}

.dropdown-link {
  padding: 0;
}

.container {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.footer-extended {
  padding-bottom: 1.75rem;
}

.container.footer-extended:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
  padding-top: 5rem;
}

.container.container-relative {
  z-index: 2;
}

.container.full {
  width: 100%;
  max-width: none;
}

.container.lift-padd {
  padding-left: 1.5rem;
}

.container.with-slider-btns {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.container.width-100 {
  max-width: 100%;
}

.container.width-100.margin-top {
  margin-top: 2rem;
}

.container.mob-w-100.relativ4 {
  z-index: 4;
}

.container.max-w-60 {
  max-width: 60rem;
}

.container.footer-cloud {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.container.footer-cloud:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
  padding-top: 5rem;
}

.section {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.section.footer.plus-cta {
  padding-top: 10rem;
}

.section.extended-footer-section {
  background-color: var(--colors--darkest);
  margin-top: 10rem;
}

.section.extended-footer-section.text-color-white, .section.extended-footer-section.text-color-white:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  margin-top: 14rem;
}

.section.extended-footer-section.text-color-white:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
  margin-top: 0;
}

.section.extended-footer-section.text-color-white.z-4:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
  z-index: 4;
  position: relative;
}

.section.extended-footer-section.text-color-white.z-4.about {
  margin-top: 14rem;
}

.section.extended-footer-section.text-color-white.mob-mar-17 {
  margin-top: 0;
}

.section.text-color-white.brand-prime-background.texture-large-bg {
  background-color: var(--colors--lighter);
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  background-size: cover;
}

.section.text-color-white.padding-section-small.texture-cloud {
  background-image: url('../images/Section-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.padding-section-large.overflow-hidden {
  overflow: hidden;
}

.section.padding-section-large.none {
  display: none;
}

.section.padding-section-large.mob-papping-0.bg-grey {
  background-color: var(--colors--lighter);
}

.section.white-background.padding-section-small {
  background-color: var(--colors--white);
}

.section.margin-bottom.margin-xxhuge:where(.w-variant-d62b3a6e-24fc-8d1f-2a4c-94f0921f016d) {
  margin-top: 2rem;
  margin-bottom: 0;
}

.section.margin-bottom.margin-xxhuge.display-none {
  display: none;
}

.section.margin-bottom.margin-xxxhuge {
  margin-bottom: 18rem;
}

.section.padding-section-small {
  display: block;
}

.section.padding-section-small.top-margen {
  padding-top: 8rem;
}

.section.padding-section-small.padding-section-bottom-large {
  padding-bottom: 6rem;
}

.section.padding-section-small.bg-grey {
  background-color: #fbfbfb;
}

.section.padding-section-small.bg-grey.relativ, .section.padding-section-small.bg-grey.relative {
  position: relative;
}

.section.padding-section-small.bg-grey.with-image {
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  background-position: 100%;
  background-size: cover;
}

.section.padding-section-small.bg-grey.with-image.overflow-hidden:where(.w-variant-f0b0a211-94bc-518e-62d9-f3b6a63d567a) {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.section.padding-section-small.bottom-big {
  padding-bottom: 10rem;
}

.section.padding-section-small.section-grin {
  background-color: #f9f9f9;
}

.section.padding-section-small.bg-light-yellow {
  background-color: var(--colors--light-yellow);
}

.section.padding-section-small.overfow-clip {
  overflow: clip;
}

.section.padding-section-small.display-none {
  display: none;
}

.section.padding-section-small.flex-vertical-4-5rem-gap.bg-gray {
  background-color: var(--colors--lightest);
}

.section.padding-section-small.relativ {
  position: relative;
}

.section.padding-section-small.texture-bg-cta {
  background-image: url('../images/BackgroundBorder.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.padding-section-small.overflow-clip {
  overflow: clip;
}

.section.padding-section-small.bg-image-fast {
  background-color: #fbfbfb;
  background-image: url('../images/Section-6.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.padding-section-small.bg-image-fast.relativ {
  position: relative;
}

.section.padding-section-small.bg-image {
  background-image: linear-gradient(#fbfbfb, #fbfbfb);
}

.section.padding-section-small.texture-bg-cloud {
  background-image: url('../images/default-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: clip;
}

.section.cta-section {
  padding-bottom: 10rem;
}

.section.relativ-2 {
  z-index: 2;
  position: relative;
}

.section.padding-bottom-4rem {
  padding-bottom: 4rem;
}

.section.color-grey {
  background-color: var(--colors--lighter);
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  background-position: 50%;
  background-size: cover;
}

.section.padding-section-medium.texture-bg-cloud {
  background-image: url('../images/default-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.padding-section-medium.texture-bg-cloud-region {
  background-image: url('../images/Background.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.padding-section-medium.texture-bg-cloud-evidence {
  background-image: url('../images/Background_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.bg-cloud {
  background-image: url('../images/Section-1.png');
  background-position: 0 0;
  background-size: auto;
}

.section.subscribe {
  position: relative;
  overflow: clip;
}

._3-col-grid-3rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-grid-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-col-grid-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cart-container.none {
  display: none;
}

.white-059-to-white-link {
  color: var(--colors--white-059);
}

.white-059-to-white-link:hover {
  color: var(--colors--white);
}

.all-caps-small-style {
  font-family: var(--typography--body);
  letter-spacing: .12ch;
  text-transform: uppercase;
  font-size: .688rem;
  font-weight: 700;
  line-height: 1rem;
}

.all-caps-small-style.text-color-darker.align-center {
  text-align: center;
}

.all-caps-style {
  font-family: var(--typography--body);
  letter-spacing: .12ch;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1rem;
}

.meta-style {
  font-family: var(--typography--body);
  font-size: .875rem;
  line-height: 1rem;
}

.text-weight-normal {
  font-weight: 400;
}

.text-weight-medium {
  font-weight: 500;
}

.text-weight-semi-bold {
  font-weight: 600;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-extra-bold {
  font-weight: 800;
}

.text-weight-light {
  font-weight: 300;
}

.shadow-tiny {
  background-color: var(--colors--white);
  box-shadow: 0 0 0 1px #4141410f, 0 1px 1px -.5px #33333314, 0 2px 2px -1px #33333314;
}

.shadow-tiny.padding-large.rounded-1-5rem.stiky {
  position: sticky;
  top: 15px;
}

.shadow-small {
  background-color: var(--colors--white);
  box-shadow: 0 0 0 1px #4141410f, 0 1px 1px -.5px #33333308, 0 2px 2px -1px #3333330a, 0 3px 3px -1.5px #3333330a, 0 5px 5px -2.5px #33333308, 0 10px 10px -5px #33333308, 0 24px 24px -8px #33333308;
}

.shadow-medium {
  background-color: var(--colors--white);
  box-shadow: 0 0 0 1px #4141410a, 0 1px 1px -.5px #3333330a, 0 3px 3px -1.5px #3333330a, 0 6px 6px -3px #3333330a, 0 12px 12px -6px #4141410a, 0 24px 24px -12px #4141410a;
}

.shadow-large {
  background-color: var(--colors--white);
  box-shadow: 0 0 0 1px #4141410a, 0 1px 1px -.5px #3333330a, 0 3px 3px -1.5px #3333330a, 0 6px 6px -3px #3333330a, 0 12px 12px -6px #3333330a, 0 24px 24px -12px #3333330a, 0 32px 32px -16px #3333330a, 0 44px 44px -16px #3333330f;
}

.shadow-large.padding-medium.rounded-1-5rem.height-100 {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.shadow-large.height-100.rounded-1-5rem.padding-medium.brand-light-yellow {
  background-color: var(--colors--light-yellow);
}

.shadow-large.height-100.rounded-1-5rem.padding-medium.brand-light-blue {
  background-color: var(--colors--light-blue);
}

.shadow-large.height-100.rounded-1-5rem.padding-medium.brand-light-green {
  background-color: var(--colors--light-green);
}

.concave {
  background-color: var(--colors--black-003);
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
}

.concave-dark {
  background-color: var(--colors--black-006);
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 .5px .5px #fff, 0 1px 2px #ffffffa3;
}

.rounded-1-5rem {
  border-radius: 1.5rem;
}

.roundend-0-5rem {
  border-radius: .5rem;
}

.concave-darker {
  background-color: var(--colors--black-035);
  box-shadow: inset 0 0 0 1px #00000029, inset 0 1px 1px -.5px #00000029, inset 0 2px 2px -1px #00000029, 0 .5px .5px #ffffff14, 0 1px 2px #ffffff0a;
}

.darkest-container {
  background-color: var(--colors--darkest);
  height: 100%;
  box-shadow: 0 1px 1px -.5px #2626263d, 0 3px 3px -1.5px #2626263d, 0 6px 6px -3px #2626263d, 0 12px 12px -6px #2626263d, 0 24px 24px -12px #2626263d, 0 32px 32px -16px #2626263d;
}

.brand-fifth-background {
  background-color: var(--colors--brand-fifth);
}

.brand-sixth-background {
  background-color: var(--colors--brand-sixth);
}

.button-block {
  background-color: var(--colors--black-003);
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button-block:hover {
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.button-block.mobile-last.slide-to-top-0-8s.naw-bar {
  padding: .25rem;
}

.button-block.mobile-last.slide-to-top-0-8s.naw-bar.js-transition-link.mob-btn-nav {
  display: none;
}

.button-block.mobile-last.slide-to-top-0-8s.naw-bar-cloud {
  box-shadow: none;
  padding: .25rem;
}

.button-block.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem {
  margin-top: 3rem;
}

.button-block.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .button-block.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem.about-6 {
  margin-top: 3.1rem;
}

.button-block.mobile-last.naw-bar-cloud {
  box-shadow: none;
}

.button-block.full-width {
  display: block;
}

.button-block.full-width.tabs {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.button-block.slide-to-top-0-6s.naw-bar {
  padding: .125rem;
}

.button-block.slide-to-top-0-8s.display-none {
  display: none;
}

.button-block.slide-to-top-0-2s.margin-top.margin-top-3-rem:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  margin-top: 3rem;
}

.button-block-label, .button-block-label:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .button-block-label.no-caps, .button-block-label.about-8 {
  text-transform: none;
}

.button-block-label.darket {
  color: var(--colors--darker);
}

.button-block-container {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--colors--darkest);
  width: 100%;
  color: var(--colors--white);
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 500;
  display: inline-flex;
}

.button-block-container.darkest-container {
  transition: background-color .2s, color .2s, box-shadow .2s;
}

.button-block-container.darkest-container:hover {
  background-color: var(--colors--black);
  box-shadow: 0 1px 1px -.5px #26262699, 0 3px 3px -1.5px #26262629, 0 6px 6px -3px #26262629, 0 12px 12px -6px #26262629, 0 24px 24px -12px #26262629, 0 32px 32px -16px #26262629;
}

.button-block-container.is-small {
  padding: .5rem 1rem;
}

.button-block-container.is-large {
  padding: 1rem 2rem;
}

.button-block-container.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
  transition: background-color .2s, box-shadow .2s, color .2s;
}

.button-block-container.is-secondary:hover {
  color: var(--colors--darker);
}

.button-block-container.is-secondary.shadow {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-container.is-secondary.the-button-shadow.naw-bar {
  padding: .5rem 1rem;
}

.button-block-container.is-brand-prime {
  background-color: var(--colors--brand-prime);
}

.button-block-container.is-brand-prime:hover {
  background-color: var(--colors--brand-prime-hover);
}

.button-block-container.is-swiper {
  padding: .75rem;
}

.button-block-container.is-brand-green {
  background-color: var(--colors--brand-special);
}

.brand-prime-container {
  background-color: var(--colors--brand-prime);
  box-shadow: 0 32px 32px -16px #2626263d, 0 24px 24px -12px #2626263d, 0 12px 12px -6px #2626263d, 0 6px 6px -3px #2626263d, 0 3px 3px -1.5px #2626263d, 0 1px 1px -.5px #2626263d;
}

.brand-prime-container.rounded-1-5rem.padding-vertical.padding-xxlarge.texture-bg {
  background-color: var(--colors--lighter);
  color: var(--colors--darkest);
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  background-size: cover;
}

.brand-prime-container.height-100 {
  height: 100%;
}

.button-shadow {
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614;
}

.button-shadow-alternate {
  box-shadow: 0 32px 32px -16px #2626263d, 0 24px 24px -12px #2626263d, 0 12px 12px -6px #2626263d, 0 6px 6px -3px #2626263d, 0 3px 3px -1.5px #2626263d, 0 1px 1px -.5px #2626263d;
}

.button-shadow-alternate:hover {
  box-shadow: 0 32px 32px -16px #26262629, 0 24px 24px -12px #26262629, 0 12px 12px -6px #26262629, 0 6px 6px -3px #26262629, 0 3px 3px -1.5px #26262629, 0 1px 1px -.5px #2626260f;
}

.button-bullet {
  border-radius: 6rem;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  transition: background-color .2s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.button-bullet.mar-bott {
  margin-bottom: .125rem;
}

.button-block-is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--colors--darkest);
  width: 100%;
  color: var(--colors--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem .75rem 1.5rem;
  font-weight: 500;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.button-block-is-icon:hover {
  background-color: var(--colors--black);
}

.button-block-is-icon.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
}

.button-block-is-icon.is-secondary:hover {
  color: var(--colors--darker);
}

.button-block-is-icon.is-secondary.is-large.the-button-shadow.full-width {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: block;
}

.button-block-is-icon.is-secondary.button-shadow:hover {
  box-shadow: 0 24px 24px -12px #33333314, 0 12px 12px -6px #33333314, 0 6px 6px -3px #33333314, 0 3px 3px -1.5px #33333314, 0 1px 1px -.5px #33333314;
}

.button-block-is-icon.is-secondary.button-shadow.full-width {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button-block-is-icon.button-shadow-alternate.color-green {
  background-color: var(--colors--brand-special);
}

.button-block-is-icon.button-shadow-alternate.color-yelow {
  background-color: var(--colors--brand-yellow);
}

.button-block-is-icon.button-shadow-alternate.color-blue {
  background-color: var(--colors--brand-prime);
}

.button-block-is-icon.button-shadow-alternate.color-white {
  background-color: var(--colors--white);
  color: var(--colors--black);
}

.button-block-is-icon.is-large {
  padding: 1rem 1.5rem 1rem 2rem;
}

.button-block-is-icon.is-brand-prime {
  background-color: var(--colors--brand-prime);
}

.button-block-is-icon.is-brand-prime:hover {
  background-color: var(--colors--brand-prime-hover);
}

.button-block-is-icon.is-brand-prime.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-is-icon.is-brand-prime.button-shadow-alternate:where(.w-variant-d62b3a6e-24fc-8d1f-2a4c-94f0921f016d) {
  background-color: var(--colors--brand-special);
}

.button-block-is-icon.is-brand-prime.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-block-is-icon.brand-second-cta-shadow:hover {
  background-color: var(--colors--brand-second-hover);
  box-shadow: inset 0 1px 2px #ffffff52, inset 0 .5px .5px #fff6, 0 32px 32px -16px #00000014, 0 24px 24px -12px #00000014, 0 12px 12px -6px #00000014, 0 6px 6px -3px #00000014, 0 3px 3px -1.5px #00000014, 0 1px 1px -.5px #00000014;
}

.button-block-is-icon.div {
  width: 7rem;
  padding-right: 1.5rem;
}

.button-block-is-icon.is-brand-special, .button-block-is-icon.is-brand-special.button-shadow-alternate {
  background-color: var(--colors--brand-special);
}

.button-block-is-icon.is-brand-yelow {
  background-color: var(--colors--brand-yellow);
}

.button-block-is-icon.is-brand-yelow:hover {
  background-color: #c6aa37;
}

.button-block-is-icon.is-brand-yelow.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-is-icon.is-brand-yelow.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-block-is-icon.is-brand-green {
  background-color: var(--colors--brand-special);
}

.button-block-is-icon.is-brand-green.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-is-icon.is-brand-green.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-block-is-icon.is-brand-trans {
  background-color: #fff0;
}

.button-block-is-icon.is-brand-trans.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-is-icon.is-brand-trans.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-block-is-icon.is-brand-trans.button-shadow-naw-cloud {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-is-icon.is-brand-trans.button-shadow-naw-cloud.naw-bar {
  padding: .5rem 1rem;
}

.square-button-block {
  background-color: var(--colors--darkest);
  color: var(--colors--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.square-button-block:hover {
  background-color: var(--colors--black);
}

.square-button-block.is-small {
  padding: .5rem;
}

.square-button-block.is-large {
  padding: 1rem;
}

.square-button-block.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
}

.square-button-block.is-secondary:hover {
  color: var(--colors--darker);
}

.square-button-block.is-brand-prime {
  background-color: var(--colors--brand-prime);
}

.square-button-block.is-brand-prime:hover {
  background-color: var(--colors--brand-prime-hover);
}

.accent-container {
  display: inline-flex;
  box-shadow: inset 0 1px 2px #ffffff52, inset 0 .5px .5px #fff6, 0 3px 3px -1.5px #000000a3, 0 1px 1px -.5px #000000a3;
}

.square-button {
  background-color: var(--colors--darkest);
  color: var(--colors--white);
  border-radius: .75rem;
  padding: .75rem;
  display: inline-flex;
  box-shadow: 0 24px 24px -12px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.square-button:hover {
  background-color: var(--colors--black);
}

.square-button.is-small {
  padding: .5rem;
}

.square-button.is-small.color-yelow {
  background-color: var(--colors--brand-yellow);
}

.square-button.is-small.color-grin {
  background-color: var(--colors--brand-special);
}

.square-button.is-large {
  padding: 1rem;
}

.square-button.is-brand-prime {
  background-color: var(--colors--brand-prime);
  color: var(--colors--white);
}

.square-button.is-brand-prime:hover {
  background-color: var(--colors--brand-prime-hover);
}

.square-button.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
}

.square-button.is-secondary:hover {
  color: var(--colors--darker);
}

.square-button-container {
  display: inline-flex;
}

.concave-divider {
  background-color: var(--colors--black-003);
  border-radius: 1rem;
  width: 3rem;
  height: .25rem;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.concave-divider.full-width {
  width: 100%;
}

.concave-divider.full-width.margin-top.margin-small.min-h-0-25rem {
  min-height: .25rem;
}

.concave-divider.full-width.margin-top.margin-small-tabas {
  margin-top: 2.3rem;
}

.concave-divider.full-width.margin-top.margin-small-tabas.min-h-0-25rem {
  min-height: .25rem;
}

.concave-divider.full-width.mar-topp-bott {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.concave-divider.full-width.margin-top-auto, .concave-divider.full-width.top-auto {
  margin-top: auto;
}

.concave-divider.center-align {
  margin-left: auto;
  margin-right: auto;
}

.concave-divider.vertical {
  width: .25rem;
  height: 3rem;
}

.concave-divider.vertical.full-h {
  align-self: stretch;
  height: auto;
}

.brand-prime-divider {
  background-color: var(--colors--brand-prime);
  border-radius: 1rem;
  width: 3rem;
  height: .25rem;
  box-shadow: inset 0 -1px #00000052, inset 0 1px #ffffff3d, 0 3px 3px -1.5px #00000052, 0 1px 1px -.5px #00000029;
}

.brand-prime-divider.full-width {
  width: auto;
}

.all-caps-label {
  font-family: var(--typography--body);
  color: var(--colors--darker);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3rem;
  padding: .375rem 1rem;
  font-size: .688rem;
  font-weight: 700;
  line-height: 1rem;
  display: inline-flex;
}

.all-caps-label.text-color-darker {
  color: var(--colors--darkest);
}

.all-caps-label.text-color-darker.concave.margin-bottom.margin-small.central {
  justify-content: center;
  align-items: flex-start;
}

.all-caps-label.text-color-darker.concave.blure {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff82;
  padding-top: .475rem;
  padding-bottom: .275rem;
}

.all-caps-label.concave-darker {
  color: var(--colors--white);
}

.all-caps-label-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fefefe;
  border-radius: 6rem;
  justify-content: flex-start;
  align-items: center;
  padding: .375rem .375rem .375rem 1rem;
  text-decoration: none;
  display: inline-flex;
  box-shadow: inset 0 1px #fff, 0 0 0 1px #4141410f, 0 1px 1px -.5px #33333308, 0 2px 2px -1px #3333330a, 0 3px 3px -1.5px #3333330a, 0 5px 5px -2.5px #33333308, 0 10px 10px -5px #33333308, 0 24px 24px -8px #33333308;
}

.all-caps-label-link:hover {
  box-shadow: inset 0 1px #fff, 0 0 0 1px #41414114, 0 1px 1px -.5px #3333330d, 0 2px 2px -1px #33333305, 0 3px 3px -1.5px #33333305, 0 5px 5px -2.5px #33333303, 0 10px 10px -5px #33333303, 0 24px 24px -8px #33333303;
}

.all-caps-label-link.margin-bottom.margin-small.slide-to-top-0-2s.none {
  display: none;
}

.all-caps-label-link.margin-bottom.margin-small.slide-to-top-0-2s.margin-top.margin-xsmall {
  margin-top: 1rem;
}

.all-caps-label-link.margin-bottom.margin-small.slide-to-top-0-2s.margin-top.margin-large {
  margin-top: 3rem;
}

.brand-second-cta-shadow {
  background-color: var(--colors--brand-second);
  box-shadow: inset 0 1px 2px #ffffff52, inset 0 .5px .5px #fff6, 0 32px 32px -16px #0000003d, 0 24px 24px -12px #0000003d, 0 12px 12px -6px #0000003d, 0 6px 6px -3px #0000003d, 0 3px 3px -1.5px #0000003d, 0 1px 1px -.5px #0000003d;
}

.button-block-dark {
  background-color: var(--colors--black-026);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 .5px .5px #ffffff0a, 0 1px 2px #ffffff14, inset 0 2px 2px -1px #0000003d, inset 0 1px 1px -.5px #0000003d, inset 0 0 #00000029;
}

.white-divider {
  background-color: var(--colors--white);
  border-radius: 1rem;
  width: 3rem;
  height: .25rem;
  box-shadow: inset 0 -1px #0000000f, 0 2px 2px -1px #0000007a;
}

.black-074-background {
  background-color: #000000bd;
}

.list-item-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--colors--white);
  color: var(--colors--darkest);
  border-radius: 6rem;
  padding: 1rem 1.5rem 1rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
  transition: color .2s, box-shadow .2s;
  display: inline-flex;
  box-shadow: 0 24px 24px -8px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.list-item-wrap:hover {
  color: var(--colors--darker);
  box-shadow: 0 24px 24px -8px #33333303, 0 10px 10px -5px #33333303, 0 5px 5px -2.5px #33333303, 0 3px 3px -1.5px #33333303, 0 2px 2px -1px #33333303, 0 1px 1px -.5px #3333330f, 0 0 0 1px #4141411f;
}

.brand-prime-label-bullet {
  background-color: var(--colors--brand-prime);
  box-shadow: 0 32px 32px -16px #26262629, 0 24px 24px -12px #26262629, 0 12px 12px -6px #26262629, 0 6px 6px -3px #26262629, 0 3px 3px -1.5px #26262629, 0 1px 1px -.5px #26262629;
}

.brand-checkbox {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  color: var(--colors--darkest);
  cursor: pointer;
  background-color: #00000005;
  border: 0 solid #0000;
  border-radius: .5rem;
  margin: 0 .5rem 0 -1.25rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: box-shadow .2s, background-color .2s;
  box-shadow: 0 .5px #fff, 0 0 0 4px #00000003, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #0000001f;
}

.brand-checkbox:hover {
  box-shadow: 0 .5px #fff, 0 0 0 4px #00000005, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #00000042;
}

.brand-checkbox:focus {
  border-color: var(--colors--darkest);
  box-shadow: 0 .5px 0 0 #fff, 0 0 0 4px #4b3de314, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px var(--colors--brand-prime);
  background-color: #00000003;
}

.brand-checkbox::placeholder {
  color: #7f7f7f;
}

.brand-checkbox.w--redirected-checked {
  border: 0px none var(--colors--brand-prime);
  background-color: var(--colors--brand-prime);
  box-shadow: none;
  background-size: 1rem 1rem;
}

.brand-checkbox.w--redirected-focus {
  box-shadow: 0 .5px 0 0 var(--colors--white), 0 0 0 4px #4b3de314, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px var(--colors--brand-prime);
}

.brand-radio {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  box-shadow: 0 .5px 0 0 var(--colors--white), 0 0 0 4px #00000003, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #0000001f;
  cursor: pointer;
  background-color: #00000005;
  border-color: #0000;
  border-radius: 100%;
  margin-left: -1.125rem;
  margin-right: .5rem;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

.brand-radio:hover {
  box-shadow: 0 .5px 0 0 var(--colors--white), 0 0 0 4px #00000005, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #00000042;
  background-color: #00000003;
}

.brand-radio.w--redirected-checked {
  border: .375rem solid var(--colors--brand-prime);
  box-shadow: none;
}

.brand-radio.w--redirected-focus {
  box-shadow: 0 .5px 0 0 var(--colors--white), 0 0 0 4px #4b3de314, inset 0 2px 2px -1px #00000029;
}

.nav-link {
  border-radius: .75rem;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
  font-size: .875rem;
  line-height: 1.5rem;
}

.nav-link:hover {
  background-color: var(--colors--black-003);
  color: var(--colors--black);
  box-shadow: inset 0 0 0 1px #00000003;
}

.nav-link.w--current {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
  box-shadow: 0 2px 2px -1px #33333314, 0 1px 1px -.5px #33333314, 0 0 0 1px #4141410f;
}

.nav-link.w--current:hover {
  color: var(--colors--black);
}

.cart-bullet {
  background-color: var(--colors--white-035);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  min-width: 1.5rem;
  height: 1.5rem;
  color: var(--colors--darkest);
  border-radius: .375rem;
  line-height: 1.5rem;
  position: absolute;
  inset: -.625rem -.625rem auto auto;
  box-shadow: 0 1px 1px #33333314, 0 0 #4141410f;
}

.cart-button {
  text-align: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: .75rem;
}

.top-banner {
  background-color: var(--colors--brand-prime);
  background-image: url('../images/banner-texture-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  padding: 0 1.5rem;
  display: none;
  overflow: hidden;
}

.top-banner:where(.w-variant-5ea72669-a327-f099-55b0-9f1897dd481f) {
  display: none;
}

.banner-container {
  justify-content: space-between;
  align-items: center;
  margin-top: .75rem;
  margin-bottom: .75rem;
  display: flex;
  overflow: hidden;
}

.banner-left {
  display: inline-flex;
}

.banner-center {
  text-align: center;
  flex: 1;
  justify-content: center;
  display: inline-flex;
}

.banner-right {
  justify-content: flex-end;
  width: 3rem;
  display: inline-flex;
}

.banner-text-size-small {
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.5rem;
  display: inline-flex;
}

.white-transparent-link {
  background-color: var(--colors--white-026);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--colors--white);
  border-radius: .375rem;
  padding-left: .5rem;
  padding-right: .5rem;
  text-decoration: none;
  display: inline-flex;
  box-shadow: inset 0 1px 2px #ffffff0a, inset 0 .5px .5px #fff3;
}

.white-transparent-link:hover {
  background-color: var(--colors--white-013);
}

.white-transparent-link.banner-close {
  padding-left: 0;
  padding-right: 0;
}

.footer {
  background-color: var(--colors--darkest);
}

._12col-footer-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template: "Area Area Area . Area-2 Area-2 Area-3 Area-3 Area-4 Area-4 Area-4 Area-4"
  / minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.first-footer-column {
  flex-flow: column wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
  display: flex;
}

.first-footer-column:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .first-footer-column.about-12 {
  margin-bottom: 4rem;
}

.no-decoration {
  text-decoration: none;
}

.footer-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  display: flex;
}

.last-footer-column {
  border-left: 1px solid #333;
  flex-flow: column wrap;
  justify-content: space-between;
  padding-left: 2rem;
  display: flex;
}

.footer-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--colors--white);
  text-decoration: none;
  display: flex;
}

.footer-box:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-box:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562), .footer-box.about-49, .footer-box.about-57 {
  color: var(--colors--white);
  text-decoration: none;
}

.footer-info-wrap {
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-around;
  display: flex;
}

.footer-info-wrap:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-info-wrap.about-52, .footer-info-wrap.about-60 {
  grid-column-gap: .88rem;
  grid-row-gap: .88rem;
}

.footer-info-wrap.gap-10 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.footer-top-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.footer-top-wrap.margin-bottom.margin-large {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
}

.social-list, .menu-column-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.title-wrap {
  padding-top: .5rem;
  padding-left: 1rem;
}

.menu-shadow {
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614, 0 0 0 1px #4141410f;
}

.phone-fix {
  color: var(--colors--white);
  margin-left: .25rem;
  margin-right: .25rem;
  font-weight: 400;
}

.phone-fix.text-color-darkest {
  color: var(--colors--darkest);
}

.phone-fix.text-color-darkest.text-weight-light {
  font-weight: 300;
}

.footer-extended {
  padding-top: 20rem;
  padding-bottom: 10rem;
  position: relative;
}

.footer-cta-section {
  background-color: var(--colors--brand-prime);
  text-align: center;
  background-image: url('../images/startly-texture-larger-bg.svg');
  background-position: 50%;
  background-size: auto;
  border-radius: 3rem;
}

.footer-cta-section.padding-xxlarge {
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, -50%);
}

.footer-cta-section.padding-xxlarge:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  background-image: url('../images/texture-cta.webp');
  background-position: 50%;
  background-size: cover;
}

.footer-cta-section.padding-xxlarge.slide-to-top-0-2s:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  transform: none;
}

.footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer {
  background-color: var(--colors--lighter);
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  top: -11.6rem;
}

.footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  background-color: var(--colors--lighter);
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  background-size: cover;
  border: 1px solid #e9e9e9;
  top: -11.6rem;
}

.footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
  display: none;
}

.footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.about-3 {
  background-color: var(--colors--lighter);
  background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #e9e9e9;
  top: -11.6rem;
  transform: none;
}

.footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.cloud-footer {
  background-color: var(--colors--lighter);
  background-image: url('../images/BackgroundBorder-3.webp');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #e9e9e9;
  top: -11.6rem;
  transform: none;
}

.footer-cta-section.cta-negative-bottom-margin {
  transform: none;
}

.hero {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  padding-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  overflow: clip;
}

.hero.top-hero-padding {
  position: relative;
}

._2-col-grid-7-5rem-gap {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-grid-7-5rem-gap.vertical-center-align {
  align-items: center;
}

._2-col-grid-7-5rem-gap.is-allocation {
  grid-template-columns: 2.75fr 1fr;
}

._2-col-grid-7-5rem-gap.hiro-cloud {
  grid-template-columns: 1fr .75fr;
}

.buttons-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.buttons-wrap.margin-top.margin-large:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6), .buttons-wrap.margin-top.margin-large.none-btn-7, .buttons-wrap.margin-top.margin-large.none-btn-27 {
  display: none;
}

.buttons-wrap.margin-top.margin-large.flax-center {
  justify-content: center;
  align-items: center;
}

.buttons-wrap.center-align {
  justify-content: center;
}

.bold-selected {
  color: var(--colors--brand-prime);
  background-image: url('../images/Small.png'), url('../images/Small.png'), url('../images/Small.png'), url('../images/Small.png');
  background-position: 0 0, 0 100%, 100% 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 13px, 13px, 13px, 13px;
  padding: 6px 6px 7px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

.bold-selected.h-500 {
  background-image: url('../images/Small_1.png'), url('../images/Small_1.png'), url('../images/Small_1.png'), url('../images/Small_1.png');
  background-position: 0 0, 0 100%, 100% 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 13px, 13px, 13px, 13px;
}

.bold-selected.is-brand-yelow {
  color: var(--colors--brand-yellow);
  background-image: url('../images/Yelow-Big.webp'), url('../images/Yelow-Big.webp'), url('../images/Yelow-Big.webp'), url('../images/Yelow-Big.webp');
}

.bold-selected.is-brand-green {
  color: var(--colors--brand-special);
  background-image: url('../images/Small-1.png'), url('../images/Small-1.png'), url('../images/Small-1.png'), url('../images/Small-1.png');
}

.frame-background {
  background-color: var(--colors--black-003);
  border-radius: 2rem;
  width: 100%;
  padding: .5rem;
  box-shadow: inset 0 0 0 1px #4141410a;
}

.frame-background.height-auto {
  width: auto;
}

.frame-background.height-auto.radius-1rem {
  border-radius: 1.5rem;
}

.frame-container {
  background-color: var(--colors--white);
  border-radius: 1.5rem;
  width: 100%;
}

.frame-container.shadow-large {
  padding: .5rem;
}

.frame-container.shadow-large.relative-1 {
  z-index: 1;
  position: relative;
}

.frame-container.shadow-large.relative-container {
  position: relative;
}

.frame-container.shadow-large.relative-container.height-19rem {
  height: 19rem;
}

.frame-container.shadow-large.relative-container.width-100 {
  height: 100%;
}

.frame-container.shadow-large.relative-container.fix-h {
  flex: none;
  height: auto;
}

.frame-container.shadow-large.relative-container.fix-h.event-non, .frame-container.shadow-large.relative-container.fix-h.eventer-non {
  pointer-events: none;
}

.frame-container.shadow-tiny {
  padding: .5rem;
}

.image-container {
  background-image: url('../images/top-background.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.image-container.height-100 {
  background-image: none;
}

.image-container.height-100.clip {
  overflow: hidden;
}

.image-container.height-100.whide100 {
  width: 100%;
}

.image-container.height-100.h-23-8 {
  height: 23.8rem;
}

.image-container.max-w-11rem {
  max-height: 9.7rem;
}

.image-container.whide100 {
  width: 100%;
}

.background-image {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.background-image.width-100.display-block {
  display: block;
  position: relative;
}

.background-image.width-100.height-20rem {
  height: 15rem;
}

.background-image.height-100 {
  object-fit: cover;
}

.background-image.height-100._678 {
  height: 35.3rem;
}

.background-image.height-35rem {
  z-index: 1;
  object-fit: cover;
  width: 75rem;
  height: 34.38rem;
  position: relative;
}

.background-image.height-35rem._678 {
  height: 35.3rem;
}

.background-image.height-5rem {
  height: 12rem;
}

.background-image.landscape-2-3 {
  aspect-ratio: 3 / 2;
}

.person-image {
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero-right-side {
  align-items: center;
  display: flex;
  position: relative;
}

.hero-right-side.slide-to-top-0-6s.none {
  display: none;
}

.hero-left-side {
  z-index: 3;
  position: relative;
}

.italic-selected {
  box-shadow: inset 0 0 0 1px var(--colors--brand-prime);
  padding-left: .75rem;
  padding-right: .75rem;
  font-style: normal;
}

.italic-selected.text-color-thirt {
  box-shadow: inset 0 0 0 1px var(--colors--brand-third);
  color: var(--colors--brand-third);
}

.italic-selected.green {
  box-shadow: inset 0 0 0 1px var(--colors--brand-special);
}

.italic-selected.border-brand-yelow {
  box-shadow: inset 0 0 0 1px var(--colors--brand-yellow);
}

.italic-selected.border-brand-green {
  box-shadow: inset 0 0 0 1px var(--colors--brand-special);
}

.hero-relative {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  min-height: 55rem;
  padding-top: 5.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-relative.hero-2-background {
  background-color: #f0f0f0;
}

.hero-relative.shortest-hero.top-hero-padding.bottom-hero-padding {
  justify-content: center;
  align-items: center;
}

.hero-relative.shortest-hero.top-hero-padding.bottom-hero-padding.section-whide {
  background-color: #fff;
}

.the-button-shadow {
  transition: background-color .2s, color .2s, box-shadow .2s;
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614;
}

.the-button-shadow:hover {
  box-shadow: 0 24px 24px -12px #2626260f, 0 12px 12px -6px #2626260f, 0 6px 6px -3px #2626260f, 0 3px 3px -1.5px #2626260f, 0 1px 1px -.5px #26262614;
}

.navigation-absolute {
  background-color: #0000;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto;
}

.bg-circle-1 {
  background-color: #f3f3f3;
  border-radius: 100%;
  width: 1336px;
  height: 1336px;
  padding: 9rem;
  box-shadow: 0 0 0 1px #00000008, 0 0 26px #00000008;
}

.bg-circle-2 {
  background-color: #f5f5f5;
  border-radius: 100%;
  width: 1034px;
  height: 1034px;
  padding: 9rem;
  box-shadow: 0 0 0 1px #00000008, 0 0 26px #00000008;
}

.bg-circle-3 {
  background-color: #f8f8f8;
  border-radius: 100%;
  width: 760px;
  height: 760px;
  box-shadow: 0 0 0 1px #00000008, 0 0 26px #00000008;
}

.radial-bg-container {
  z-index: 0;
  background-color: #f0f0f0;
  position: absolute;
  overflow: visible;
}

.radial-bg-container.right-aligned {
  inset: 0%;
}

.radial-bg-container.mobile-only {
  display: none;
}

.radial-gradient {
  z-index: 2;
  filter: blur(400px);
  background-color: #fbfbfb;
  border-radius: 100%;
  width: 1336px;
  height: 1336px;
  position: absolute;
  inset: 45% 0% 0%;
}

.large-man {
  z-index: 1;
  position: relative;
  top: 10rem;
}

.large-man-container {
  text-align: center;
  position: absolute;
  inset: 0%;
}

.hero-2-content {
  grid-column-gap: 40%;
  grid-row-gap: 40%;
  display: flex;
}

.hero-2-left {
  flex: 1;
}

.hero-2-right {
  text-align: right;
  flex-flow: column wrap;
  flex: 1;
  display: flex;
}

.user-image {
  border-radius: 1.25rem;
  width: 3rem;
  height: 3rem;
  margin-left: -.5rem;
  overflow: hidden;
  box-shadow: 0 0 0 2px #f5f5f5;
}

.user-image-container {
  justify-content: flex-end;
  padding-left: .5rem;
  display: flex;
}

.see-more-users {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  margin-left: -.5rem;
  padding: .75rem;
  display: inline-flex;
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614, 0 0 0 4px #26262614;
}

.see-more-users:hover {
  box-shadow: 0 32px 32px -16px #2626260a, 0 24px 24px -12px #2626260a, 0 12px 12px -6px #2626260a, 0 6px 6px -3px #2626260a, 0 3px 3px -1.5px #2626260a, 0 1px 1px -.5px #26262629, 0 0 0 4px #26262605;
}

.div-block {
  flex-flow: column wrap;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.center-align {
  text-align: center;
  align-self: center;
}

.center-align.margin-top.margin-large.gap-1-5rem {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.center-align.margen-bottom.margen-large {
  margin-bottom: 5rem;
}

.bold-selected-h1 {
  color: var(--colors--brand-prime);
  background-image: url('../images/Small_1.png'), url('../images/Small_1.png'), url('../images/Small_1.png'), url('../images/Small_1.png');
  background-position: 0 0, 0 100%, 100% 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 13px, 13px, 13px, 13px;
  padding: 6px 6px 7px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

.bold-selected-h1.color-spec {
  color: #39bca6;
  background-image: url('../images/Small-1.png'), url('../images/Small-1.png'), url('../images/Small-1.png'), url('../images/Small-1.png');
}

.hero-center-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-center-content.blog-width {
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
}

.floating-box-container {
  z-index: 0;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.box-anchor-point {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-1.5rem, -1.5rem);
}

.relative-wrap {
  width: 3rem;
  height: 3rem;
  position: relative;
}

.floating-info-box {
  background-image: url('../images/hero-box-bg.webp');
  background-position: 50%;
  background-size: 98px;
  justify-content: center;
  align-items: center;
  width: 6.125rem;
  height: 6.25rem;
  display: flex;
  position: absolute;
}

.floating-info-box.first-box {
  justify-content: center;
  align-items: center;
  top: -240px;
  left: -720px;
}

.floating-info-box.second-box {
  top: 0;
  left: -848px;
}

.floating-info-box.third-box {
  top: 120px;
  left: -560px;
}

.floating-info-box.third-box._2 {
  top: 3.5rem;
}

.floating-info-box.fourth-box {
  top: 160px;
  left: 480px;
}

.floating-info-box.fourth-box._2 {
  top: 4.88rem;
}

.floating-info-box.fifth-box {
  top: 24px;
  left: 724px;
}

.floating-info-box.sixth-box {
  top: -264px;
  left: 664px;
}

.floating-info-box.third-box-2 {
  top: 3.13rem;
  left: -560px;
}

.floating-info-box.third-box-2._2 {
  top: 3.5rem;
}

.floating-info-box.fourth-box-2 {
  top: 5rem;
  left: 480px;
}

.floating-info-box.fourth-box-2._2 {
  top: 4.88rem;
}

.floating-info-small {
  width: 3.5rem;
  height: 3.5rem;
  color: var(--colors--dark);
  background-image: url('../images/hero-box-bg-small.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.floating-info-small.seventh-box {
  top: -160px;
  left: -864px;
}

.floating-info-small.eighth-box {
  top: 32px;
  left: -640px;
}

.floating-info-small.nineth-box {
  top: 200px;
  left: -800px;
}

.floating-info-small.tenth-box {
  top: -132px;
  left: 800px;
}

.floating-info-small.eleventh-box {
  top: 200px;
  left: 760px;
}

.floating-info-small.twelveth-box {
  top: 24px;
  left: 560px;
}

.hero-4-image {
  z-index: 2;
  max-width: 880px;
  position: absolute;
  top: -8rem;
  left: -200px;
}

.bg-circle-0 {
  background-color: #f1f1f1;
  border-radius: 100%;
  width: 1624px;
  height: 1624px;
  padding: 9rem;
  position: relative;
  top: 0;
  box-shadow: 0 0 0 1px #00000008, 0 0 26px #00000008;
}

.bold-selected-light {
  color: var(--colors--brand-prime);
  background-image: url('../images/handler-detail_1handler-detail.png'), url('../images/handler-detail_1handler-detail.png'), url('../images/handler-detail_1handler-detail.png'), url('../images/handler-detail_1handler-detail.png');
  background-position: 0 0, 0 100%, 100% 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 13px, 13px, 13px, 13px;
  padding: 6px 6px 7px;
  font-weight: 300;
  display: inline-flex;
  position: relative;
}

.bottom-team {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: grid;
  position: absolute;
  bottom: 0;
}

.top-center-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 15rem;
  display: flex;
}

.half-screen-image {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.image {
  object-fit: cover;
  height: 100%;
}

.hero-features-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.heading-center-align {
  text-align: center;
  flex-flow: column wrap;
  align-items: center;
  display: flex;
}

.heading-center-align.negative-margin-bottom {
  margin-bottom: -7rem;
}

.feature-grid-column {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  justify-content: flex-end;
  display: flex;
}

.hero-grid-highlight {
  text-align: center;
  border-radius: 1.5rem;
  padding: 1.5rem;
}

.social-buttons-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.social-buttons-wrap.align-right {
  justify-content: flex-end;
}

.bottom-hero-person {
  width: 100%;
}

.info-column {
  display: flex;
}

.rounded-100 {
  border-radius: 10rem;
}

.rounded-100.width-100 {
  background-image: linear-gradient(to bottom, var(--colors--light), var(--colors--light));
}

.info-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.info-container._1-25-gap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.info-container._1-25-gap.top-align, .info-container.top-align {
  justify-content: flex-start;
  align-items: flex-start;
}

.info-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column wrap;
  justify-content: center;
  display: flex;
}

.texture-bg {
  background-image: url('../images/startly-texture-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

._4-square-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-col-grid-2rem-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-col-grid-2rem-gap.d3-t1-ml1-mp1 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

._3-col-grid-2rem-gap.t2-ml1-mp1 {
  grid-column-gap: 2rem;
}

.box-frame {
  background-color: var(--colors--black-006);
  border-radius: 2rem;
  height: 100%;
  padding: .5rem;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 .5px .5px #fff, 0 1px 2px #ffffffa3;
}

.box-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.info-box-frame {
  background-color: var(--colors--black-035);
  color: var(--colors--darkest);
  padding: .25rem;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #00000029, inset 0 1px 1px -.5px #00000029, inset 0 2px 2px -1px #00000029, 0 .5px .5px #ffffff14, 0 1px 2px #ffffff0a;
}

.rounded-0-75rem {
  border-radius: .75rem;
}

.rounded-1rem {
  border-radius: 1rem;
}

.bullet-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--colors--darkest);
  text-decoration: none;
  display: flex;
}

.bullet-link:hover {
  color: var(--colors--darker);
}

.bullet-link.brand-second {
  color: var(--colors--brand-second);
  text-decoration: none;
}

.bullet-link.brand-second:hover {
  color: var(--colors--white);
}

.bullet-link.brand-third {
  color: var(--colors--brand-third);
}

.bullet-link.brand-third:hover {
  color: var(--colors--white);
}

.bullet-link.brand-fourth {
  color: var(--colors--brand-fourth);
}

.bullet-link.brand-fourth:hover {
  color: var(--colors--white);
}

.bullet-link.margin-top.margin-small.text-collor-link {
  color: #473eee;
}

.bullet-link.margin-top.margin-small.is-brand-green {
  color: var(--colors--brand-special);
}

.bullet-link.margin-top.margin-small.is-brand-green.slide-to-top-0-4s.link-padd {
  padding-left: 3.44rem;
}

.bullet-link.brand-prime-to-darkest {
  color: var(--colors--brand-prime);
}

.bullet-link.brand-prime-to-darkest:hover {
  color: var(--colors--darkest);
}

.chevron-bullet {
  background-color: var(--colors--black-035);
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #00000029, inset 0 1px 1px -.5px #00000029, inset 0 2px 2px -1px #00000029, 0 .5px .5px #ffffff14, 0 1px 2px #ffffff0a;
}

.chevron-bullet.rounded-100 {
  justify-content: center;
  align-items: center;
}

.brand-second-to-white-link {
  color: var(--colors--brand-second);
}

.brand-second-to-white-link:hover {
  color: var(--colors--white);
}

.box-container {
  flex-flow: column wrap;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.portrait-image {
  object-fit: cover;
  width: 100%;
}

.portrait-image.big:where(.w-variant-9058a7e3-de4c-75d8-ed9a-7e41aa923ee9) {
  height: 31rem;
}

.features-2-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.portrait-container {
  width: 60%;
  position: relative;
}

.portrait-container.secondary {
  width: 50%;
  position: absolute;
  left: 0;
}

._3-col-grid-no-gap {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.highlight-cell {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-right: 1px solid var(--colors--black-006);
  border-bottom: 1px solid var(--colors--black-006);
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  width: 100%;
  padding: 3rem;
  display: flex;
}

.highlight-cell.third-cell {
  border-right: 0 #0000;
}

.highlight-cell.fourth-cell, .highlight-cell.fifth-cell {
  border-bottom: 0 #0000;
}

.highlight-cell.sixth-cell {
  border-bottom: 0 #0000;
  border-right: 0 #0000;
}

._2-to-1---2rem-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bullets-list-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.bullets-list-1-5rem-gap._34 {
  justify-content: space-between;
}

.bullet-list-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.bullet-list-item.slide-to-top-0-6s.aling-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.bullet-list-item.slide-to-top-0-6s.heiding-fix, .bullet-list-item.slide-to-top-0-4s {
  height: 3rem;
}

.bullet-list-item.slide-to-top-0-4s.aling-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.bullet-list-item.slide-to-top-0-4s.heiding-fix {
  height: 3rem;
}

.rounded-0-5rem {
  border-radius: .5rem;
}

.text-color-brand-thirth {
  color: var(--colors--brand-third);
}

.text-color-brand-fourth {
  color: var(--colors--brand-fourth);
}

.text-color-brand-fifth {
  color: var(--colors--brand-fifth);
}

.text-color-brand-sixth {
  color: var(--colors--brand-sixth);
}

.concave-frame {
  background-color: var(--colors--black-003);
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  border-radius: 2rem;
  padding: .5rem;
  text-decoration: none;
}

.concave-frame.display-flex {
  flex-flow: column wrap;
}

.concave-frame.display-flex.h-100 {
  height: 100%;
  color: var(--colors--darkest);
  text-decoration: none;
}

.concave-frame.display-flex.h-100.products-slide-frame {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
}

.concave-frame.width-100 {
  color: var(--colors--darkest);
}

.member-details {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: var(--colors--darkest);
  flex-flow: column wrap;
  flex: 1;
  padding: 1.5rem;
  text-decoration: none;
  display: flex;
}

.member-details:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  color: var(--colors--darkest);
  text-decoration: none;
}

.member-details.auto-h {
  flex: 1;
  height: 100%;
}

.member-links-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.left-align-social-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.member-image {
  position: absolute;
  inset: auto 0% 0%;
}

.white-background {
  background-color: var(--colors--white);
}

.heading-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column wrap;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.heading-container._3rem-gap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.heading-container._3rem-gap.margin-bottom.margin-xxlarge.slide-to-top-0-2s.relative-2 {
  z-index: 2;
  position: relative;
}

.heading-container._3rem-gap.margin-bottom.margin-small.mrgin-top {
  margin-top: 5rem;
}

.heading-container._3rem-gap.margin-bottom.margin-small.align-left {
  text-align: left;
}

.heading-container._3rem-gap.margin-bottom.margin-small.align-left.width75 {
  max-width: 75rem;
}

.heading-container._3rem-gap.relative-2 {
  z-index: 2;
  position: relative;
}

.heading-container._2rem-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.testimonial-container {
  background-color: var(--colors--black-003);
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  color: var(--colors--darkest);
  border-radius: 2rem;
  padding: .5rem;
  text-decoration: none;
}

.testimonial-container.display-none {
  display: none;
}

.testimonial-container.slide-to-top-0-4s.case-studies-slide {
  margin-right: 0;
}

.testimonial-container.case-studies-slide {
  margin-right: 1.5rem;
}

._2-col-grid-4-5rem-gap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-grid-4-5rem-gap.vertical-middle-align {
  color: var(--colors--darkest);
  align-items: center;
  text-decoration: none;
}

._2-col-grid-4-5rem-gap.vertical-middle-align.display-none {
  display: none;
}

._2-col-grid-4-5rem-gap.gap-3rem, ._2-col-grid-4-5rem-gap.gap-2rem {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

._2-col-grid-4-5rem-gap.gap-2rem {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

._2-col-grid-4-5rem-gap.full-height {
  grid-column-gap: 4rem;
  height: 100%;
}

.vertical-testimonial-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  height: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  display: flex;
}

.testimonial-top-container {
  flex: 1;
}

.testimonial-bottom-container {
  flex-flow: column wrap;
  flex: 0 auto;
  display: flex;
}

.darkest-container-flex {
  background-color: var(--colors--darkest);
  display: inline-flex;
  box-shadow: 0 1px 1px -.5px #2626263d, 0 3px 3px -1.5px #2626263d, 0 6px 6px -3px #2626263d, 0 12px 12px -6px #2626263d, 0 24px 24px -12px #2626263d, 0 32px 32px -16px #2626263d;
}

.darkest-container-flex:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .darkest-container-flex.padding-xsmall.rounded-0-75rem.text-color-white.margin-bottom.margin-large.brand-prime-background {
  background-color: var(--colors--brand-prime);
}

.darkest-container-flex.text-color-white.rounded-100.padding-small {
  padding: 1.75rem;
}

.testimonial-author {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.author-details {
  flex-flow: column wrap;
  flex: 1;
  display: flex;
}

.opacity-26 {
  opacity: .26;
}

.testimonial-logo {
  height: 3rem;
}

.testimonial-logo.opacity-26 {
  height: 1.9rem;
}

._3-col-grid-4-5rem-gap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-section-line {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-buttons {
  flex: 0 auto;
}

.cta-description {
  flex: 1;
}

.blog-meta-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.post-author-container {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.post-author-image-container {
  width: 1.5rem;
  height: 1.5rem;
}

.darkest-to-darker-link {
  color: var(--colors--darkest);
  text-decoration: none;
}

.darkest-to-darker-link:hover {
  color: var(--colors--darker);
}

.darkest-to-darker-link.underline {
  text-decoration: underline;
}

.darkest-to-darker-link.blog-grid-link {
  flex: 1;
  display: flex;
}

.blog-post-absolute-label {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.blog-post-absolute-label.width-100 {
  height: 100%;
}

.blog-post-label {
  z-index: 6;
  min-height: 1.8rem;
  font-family: var(--typography--body);
  color: var(--colors--darker);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 10rem;
  padding: .475rem 1rem .375rem;
  font-size: .688rem;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
}

.blog-post-label.black-074-background.text-color-white {
  color: var(--colors--white);
}

.blog-post-label.color-bg-white-70 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: var(--colors--darkest);
  background-color: #ffffffb3;
}

.blog-post-label.color-bg-white-70.no-caps {
  text-transform: none;
}

.blog-post-label.color-bg-white-70.text-color-whide {
  color: var(--colors--light-blue);
}

.keyword-container {
  justify-content: center;
  margin-top: -1.5rem;
  padding: 1.5rem .75rem;
  display: flex;
  overflow: hidden;
}

.keyword-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.keyword-item {
  margin-bottom: 0;
}

.keyword-text {
  white-space: nowrap;
}

.keyword-section {
  margin-bottom: -1.5rem;
}

.keyword-section.padding-bottom-15rem {
  padding-bottom: 15rem;
}

.question {
  z-index: 2;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 3rem;
  transition: color .2s;
  display: flex;
  position: relative;
}

.faq-accordion {
  background-color: var(--colors--white);
  cursor: pointer;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1.5rem 7.5rem;
  position: relative;
}

.faq-container.max-width-huge {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  display: flex;
  position: relative;
}

.answer {
  overflow: hidden;
}

.accordion-icon.text-color-dark {
  display: none;
}

.question-bullet {
  z-index: 2;
  background-color: var(--colors--black-003);
  width: 1rem;
  height: 1rem;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  border-radius: .375rem;
  padding: .25rem;
  position: absolute;
  inset: 3.5rem auto auto 3.5rem;
}

.expand-detail {
  z-index: 2;
  background-color: var(--colors--black-003);
  width: 3rem;
  height: 3rem;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: flex;
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}

.question-bullet-active {
  background-color: var(--colors--brand-prime);
  border-radius: 3px;
  width: .5rem;
  height: .5rem;
  box-shadow: inset 0 -1px #00000052, inset 0 1px #ffffff3d, 0 3px 3px -1.5px #00000052, 0 1px 1px -.5px #00000029;
}

.question-bullet-active.color-grin {
  background-color: var(--colors--brand-special);
}

.question-bullet-active.color-yelow {
  background-color: var(--colors--brand-yellow);
}

.question-shadow-tiny {
  z-index: 1;
  background-color: var(--colors--white);
  border-radius: 1.5rem;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 0 1px #4141410f, 0 1px 1px -.5px #33333314, 0 2px 2px -1px #33333314;
}

.question-shadow-large {
  z-index: 1;
  background-color: var(--colors--white);
  opacity: 0;
  border-radius: 1.5rem;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 0 1px #4141410a, 0 1px 1px -.5px #3333330a, 0 3px 3px -1.5px #3333330a, 0 6px 6px -3px #3333330a, 0 12px 12px -6px #3333330a, 0 24px 24px -12px #3333330a, 0 32px 32px -16px #3333330a, 0 44px 44px -16px #3333330f;
}

._2-col-grid-6rem-gap {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-grid-6rem-gap.t2-ml1-mp1 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.testimonial-inverted-detail-container {
  flex-flow: column wrap;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.testimonial-inverted-content {
  text-align: center;
  flex-flow: column wrap;
  flex: 0 auto;
  padding: 3rem 2rem 4.5rem;
  display: flex;
}

.info-box-detail {
  background-image: url('../images/inverted-rounded-detail-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 120px;
  justify-content: center;
  align-items: flex-start;
  width: 7.5rem;
  height: 7.5rem;
  padding-top: .5rem;
  display: flex;
  position: absolute;
  top: -3rem;
  right: 50%;
  transform: translate(50%);
}

.testimonial-inverted-author {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  padding: 3rem 2rem 2rem;
  display: flex;
  position: relative;
}

.testimonial-image-container {
  width: 5rem;
  height: 5rem;
}

.pricing-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-top.margin-bottom.margin-large.flax-deriction-vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 13.5rem;
}

.pricing-bottom.auto {
  margin-bottom: auto;
}

.pricing-features {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.pricing-features.margin-bottom.margin-large.tabs {
  margin-top: 3rem;
}

.feature-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.check-bullet {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.bottom-pricing-links {
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  display: flex;
}

.bottom-pricing-links.top-auto {
  margin-top: auto;
}

.height-100 {
  height: 100%;
  color: var(--colors--black);
  text-decoration: none;
}

.chevron-bullet-light {
  background-color: var(--colors--black-003);
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.chevron-bullet-light.rounded-100.padding-xxxsmall {
  padding: .2rem;
}

.highlight-cell-large {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-right: 1px solid var(--colors--black-006);
  border-bottom: 1px solid var(--colors--black-006);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 23rem;
  padding-top: 6rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.highlight-cell-large.no-border {
  border-bottom: 0 #0000;
  border-right: 0 #0000;
}

.highlight-cell-large.light-border {
  border-bottom: 0 #0000;
  border-right-color: var(--colors--light);
}

.testimonial-board {
  flex-flow: column wrap;
  display: flex;
}

.testimonial-board.space-between {
  justify-content: space-between;
  height: 100%;
}

.testimonial-board.space-between.bg-grin {
  background-color: #fff9;
  border-radius: 1.3rem;
  overflow: clip;
}

.testimonial-board.space-between.bg-grin.blur {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff80;
}

.testimonial-board-bottom {
  flex-flow: column;
  padding: 2rem 1.5rem 1.5rem;
}

.testimonial-board-author-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.testimonial-board-author {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-board-author.mob-aling-top {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.testimonial-board-author.aling-central {
  justify-content: flex-start;
  align-items: center;
}

.testimonial-board-author-details {
  flex-flow: column;
  display: flex;
}

.testimonial-board-detail {
  background-color: var(--colors--black-003);
  width: 3rem;
  height: 3rem;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-board-column {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vertical-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  height: 100%;
  display: flex;
}

.vertical-container.no-gap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.vertical-container.head-container-left-alt {
  padding-top: 6rem;
  padding-bottom: 6rem;
  padding-left: 4.5rem;
}

._2-col-no-gap {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.right-bottom-image-container {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.button-shadow-container {
  background-color: var(--colors--white);
  height: 100%;
  display: inline-flex;
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614;
}

.accent-container-alternate {
  height: 100%;
  display: inline-flex;
  box-shadow: 0 32px 32px -16px #2626263d, 0 24px 24px -12px #2626263d, 0 12px 12px -6px #2626263d, 0 6px 6px -3px #2626263d, 0 3px 3px -1.5px #2626263d, 0 1px 1px -.5px #2626263d;
}

.accent-container-alternate.brand-prime-background.padding-xsmall.rounded-0-75rem.brand-yellow {
  background-color: var(--colors--brand-yellow);
}

.accent-container-alternate.brand-prime-background.padding-xsmall.rounded-0-75rem.brand-green {
  background-color: #39bca6;
}

.accent-container-alternate.brand-prime-background.padding-smallish {
  padding: .5rem;
}

.accent-container-alternate.brand-prime-background.padding-smallish.rounded-0-75rem.brand-special {
  background-color: var(--colors--brand-special);
}

.accent-container-alternate.brand-prime-background.padding-smallish.rounded-0-75rem.brand-yellow {
  background-color: var(--colors--brand-yellow);
}

.accent-container-alternate.darkest-background.rounded-1rem.fixed-height {
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  height: 48px;
}

.accent-container-alternate.brand-special {
  background-color: var(--colors--brand-special);
}

.accent-container-alternate.brand-special.padding-smallish {
  padding: .5rem;
}

.expand-wrap {
  flex: 1;
}

.shrink-wrap {
  flex: 0 auto;
}

.horizontal-container {
  display: flex;
}

.horizontal-container.align-bottom {
  align-items: flex-end;
}

.horizontal-container.align-bottom._5rem-gap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.grow-container {
  flex: 1;
}

.grow-container.vertical-padding {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.prime-head-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  display: flex;
}

.concave-divider-dark {
  background-color: var(--colors--black-026);
  border-radius: 1rem;
  width: 3rem;
  height: .25rem;
  box-shadow: 0 .5px .5px #ffffff0a, 0 1px 2px #ffffff14, inset 0 2px 2px -1px #3333333d, inset 0 1px 1px -.5px #3333333d, inset 0 0 0 1px #41414129;
}

.white-bold {
  color: var(--colors--white);
  font-weight: 500;
}

.icon-box-vertical-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  height: 100%;
  display: flex;
}

.info-container-small {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.info-details {
  flex-flow: column wrap;
  display: flex;
}

.logo-horizontal-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
  overflow: hidden;
}

.logo-horizontal-list.margin-top.margin-large {
  justify-items: center;
  display: flex;
}

.logo-wrap {
  width: 10rem;
  height: 3rem;
}

.logo-image-small {
  width: 100%;
}

._4-col-grid-no-gap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-centered {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column wrap;
  align-items: center;
  display: flex;
}

.feature-item-wide {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  box-shadow: 0 1px 0 0 var(--colors--black-013);
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.feature-item-wide.padding-bottom.padding-xsmall {
  flex-flow: column wrap;
  align-items: center;
}

.feature-item-wide.no-border {
  box-shadow: none;
}

.tablet-view {
  display: none;
}

.empty-feature-placeholder {
  width: 1.5rem;
  height: 1.5rem;
}

.feature-title-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 8rem;
  display: flex;
}

.pricing-detailed-bottom {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.fixed-height-feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 8rem;
  box-shadow: 0 1px 0 0 var(--colors--black-013);
  text-align: left;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.fixed-height-feature.padding-bottom.padding-xsmall {
  flex-flow: column wrap;
}

.fixed-height-feature.no-border {
  box-shadow: none;
}

.features-left-aligned {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.feature-item-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  box-shadow: 0 1px 0 0 var(--colors--black-013);
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.feature-item-left.no-border {
  box-shadow: none;
}

.feature-container-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 8rem;
  display: flex;
}

.fixed-height-feature-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 8rem;
  box-shadow: 0 1px 0 0 var(--colors--black-013);
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fixed-height-feature-left.no-border {
  box-shadow: none;
}

.pricing-top-fixed {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  height: 16rem;
  display: flex;
}

.testimonial-square-author {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
}

.testimonial-square-author.big {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
}

.testimonial-square-author.big.frame-container.radius-1rem {
  border-radius: 1rem;
}

.d3-t3-ml2-mp1, .d3-t3-ml1-mp1, .d3-t1-ml1-mp1, .d3-t2-ml1-mp1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.buttons-wrap-responsive {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.head-top-left-container {
  flex: 1;
}

.width-100 {
  width: 100%;
}

.invisible-divider {
  margin-top: 6rem;
  margin-bottom: 4.5rem;
}

.invisible-divider-second {
  margin-top: 4.5rem;
  margin-bottom: 6rem;
}

.absolute-image-button {
  position: absolute;
  inset: auto 1.5rem 1.5rem auto;
}

.partners-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column wrap;
  align-items: center;
  max-width: 100%;
  display: block;
}

.logo-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  min-width: 100%;
  margin-right: 3rem;
  display: flex;
  position: relative;
}

.logo-wrapper {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.logo-component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--colors--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  overflow: hidden;
}

.logo-component.brand-prime-background {
  background-color: var(--colors--brand-prime);
}

.logo-carousel-image {
  height: 100%;
}

.cta-negative-bottom-margin {
  margin-bottom: -20rem;
  transform: translate(0, -20rem);
}

.hero-standart-relative {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-padding-small {
  padding: 3.5rem 1.5rem 5rem;
}

.prime-head-container-shrink {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-block-is-left-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--colors--darkest);
  width: 100%;
  color: var(--colors--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem .75rem 1rem;
  display: inline-flex;
}

.button-block-is-left-icon.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
}

.button-block-is-left-icon.brand-second-cta-shadow {
  background-color: var(--colors--brand-second);
  transition: background-color .2s, box-shadow .2s;
}

.button-block-is-left-icon.brand-second-cta-shadow:hover {
  background-color: var(--colors--brand-second-hover);
  box-shadow: inset 0 1px 2px #ffffff52, inset 0 .5px .5px #fff6, 0 32px 32px -16px #00000029, 0 24px 24px -12px #00000029, 0 12px 12px -6px #00000029, 0 6px 6px -3px #00000029, 0 3px 3px -1.5px #00000029, 0 1px 1px -.5px #00000029;
}

.horizontal-flex {
  display: flex;
}

.horizontal-flex._1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.child-horizontal-expand {
  flex: 1;
}

.child-horizontal-expand.padding-small.position-relative {
  position: relative;
}

.child-horizontal-expand.contact-info-details {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column wrap;
  align-items: flex-start;
  display: flex;
}

.change-log-banner {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  display: flex;
}

.vertical-flex {
  flex-flow: column wrap;
  align-items: stretch;
  display: flex;
}

.vertical-flex._1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.version-label {
  background-color: var(--colors--darkest);
  padding: .5rem .75rem;
  display: inline-flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.version-label.all-caps-style.text-color-white.rounded-0-5rem {
  justify-content: center;
}

.log-details {
  margin-right: 5rem;
}

.vertical-flex-2rem-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  display: flex;
}

.text-block {
  color: var(--colors--success-green);
}

.success {
  background-color: var(--colors--brand-prime);
  color: var(--colors--white);
  border-radius: .75rem;
  margin-top: 2rem;
  padding: 2.5rem 1.5rem;
}

.text-block-2 {
  color: var(--colors--error-red);
}

.error {
  background-color: var(--colors--error-red-light);
  margin-top: 3rem;
  padding: 1.5rem;
}

.horizontal-flex-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.contact-head-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.contact-info-bar {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.contact-info-bar.align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-2-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.contact-2-container.margin-top.margin-small.gap-2rem, .contact-2-container.margin-top.margin-large.gap-2rem {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.contact-3-right-side {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.two-fields-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.name-container {
  flex: 1;
}

.name-container.margin-input-form {
  margin-bottom: 1.5rem;
}

.email-container {
  flex: 1;
  position: relative;
}

.full-width-button-container {
  justify-content: center;
  display: block;
}

.heading {
  text-align: center;
}

.top-head-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.custom-input-container {
  padding-left: .25rem;
  padding-right: .25rem;
}

.button-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-icon-and-label {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.container-center-align {
  justify-content: center;
  display: flex;
}

.two-fields-container-options {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.sign-in-image {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.sign-in-right {
  margin-right: 7rem;
}

.sign-up-details {
  justify-content: space-between;
  display: flex;
}

.horizontal-concave {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.coming-soon-image {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.coming-soon-left {
  flex-flow: column wrap;
  margin-left: 7rem;
  margin-right: 0;
  display: flex;
}

.coming-soon-heading-area {
  flex: 1;
  display: flex;
}

.demo-info-bar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demo-head-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  flex: 1;
  display: flex;
}

.demo-bullets-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  display: flex;
}

.grid-image-container {
  margin-top: 2rem;
}

.diverge-container {
  margin-top: 3.5rem;
}

.blog-image-link {
  display: block;
}

.blog-image-link.width-100 {
  height: 100%;
}

.blog-image-link.width-100.height-19rem, .blog-image-link.width-100.height-20rem {
  height: 15rem;
}

.blog-image-link.width-100.ratio-1-1 {
  aspect-ratio: 1;
}

.hero-4-image-alt {
  z-index: 2;
  max-width: 880px;
  position: absolute;
  top: -11rem;
  left: -180px;
}

.blog-post-author-line {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
  position: relative;
}

.form-input-dark {
  background-color: var(--colors--black-035);
  height: auto;
  min-height: 2.75rem;
  color: var(--colors--white);
  border: 0 solid #000;
  border-radius: .75rem;
  margin-bottom: 0;
  padding: .75rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: box-shadow .2s, background-color .2s;
  box-shadow: 0 .5px .5px #00000014, 0 1px 2px #ffffff0a, inset 0 2px 2px -1px #00000029, inset 0 1px 1px -.5px #00000029, inset 0 0 0 1px #00000029;
}

.form-input-dark:hover {
  background-color: #00000069;
  box-shadow: 0 .5px .5px #00000014, 0 1px 2px #ffffff0a, inset 0 2px 2px -1px #00000029, inset 0 1px 1px -.5px #00000029, inset 0 0 0 1px #00000042;
}

.form-input-dark:focus {
  border-color: var(--colors--darkest);
  background-color: #00000069;
}

.form-input-dark::placeholder {
  color: var(--colors--white-059);
}

.blog-grid-container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column wrap;
  display: flex;
}

.blog-grid-container.display-none {
  display: none;
}

.newsletter-title-area {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.newsletter-padding {
  padding: 4rem;
}

.blog-1-featured-title {
  flex: 1;
}

.vertical-featured-post-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  height: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 4rem;
  display: flex;
}

.vertical-featured-post-container.mob-mar-bottom {
  color: var(--colors--darkest);
  text-decoration: none;
}

.blog-featured-meta-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.blog-2-content {
  padding: 4.5rem;
}

.blog-post-label-alt {
  z-index: 1;
  font-family: var(--typography--body);
  color: var(--colors--darker);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3rem;
  padding: .375rem 1rem;
  font-size: .688rem;
  font-weight: 700;
  line-height: 1rem;
  display: inline-flex;
}

.blog-post-label-alt.black-074-background.text-color-white {
  color: var(--colors--white);
}

.blog-3-content {
  flex-flow: column wrap;
  flex: 1;
  padding: 2.5rem;
  display: flex;
}

.blog-3-right {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  width: 100%;
  display: flex;
}

.blog-thumbnail-meta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  order: 0;
  align-items: center;
  display: flex;
}

.blog-thumb-container {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.blog-thumb-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  flex: 1;
  justify-content: center;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.blog-thumb-image {
  aspect-ratio: 1;
  height: 9rem;
  display: block;
}

.blog-thumb-image.background-image.width-100 {
  height: 100%;
}

.blog-thumb-image.blog-miniature {
  max-width: 9rem;
  height: 100%;
}

.thumbnail-image-link {
  padding: .5rem;
}

.thumb-title-expand {
  flex: 1;
}

.newsletter-wide-padding {
  padding: 5rem 0;
}

.display-flex {
  display: flex;
}

.blog-3-feature {
  background-color: var(--colors--black-003);
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  border-radius: 2rem;
  flex-flow: column wrap;
  padding: .5rem;
  display: flex;
}

.blog-3-feature-title {
  flex: 1;
}

.blog-3-author-container-alt {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.blog-featured-meta-alt {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.blog-meta-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.blog-meta-wrap.aling-sb {
  cursor: pointer;
  order: 9999;
  justify-content: space-between;
  position: relative;
}

.blog-meta-wrap.aling-sb.first {
  order: -9999;
}

.blog-2-author-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.blog-2-meta-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.blog-3-featured-meta-container-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.vertical-blog-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.all-caps-dark {
  z-index: 1;
  font-family: var(--typography--body);
  color: var(--colors--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #000000db;
  border-radius: 3rem;
  padding: .375rem 1rem;
  font-size: .688rem;
  font-weight: 700;
  line-height: 1rem;
  display: inline-flex;
}

.all-caps-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  align-items: flex-start;
  display: flex;
}

.blog-post-heading {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: left;
  flex-flow: column wrap;
  max-width: 49rem;
  display: flex;
}

.blog-post-bottom {
  margin-top: 5rem;
}

.blog-post-bottom-author {
  align-items: center;
  padding-top: 3rem;
  display: flex;
}

.blog-post-bottom-author.hide-collection {
  display: none;
}

.bottom-author-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.bottom-author-wrap.gap-1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-right: 2rem;
}

.blog-post-bottom-image {
  width: 3rem;
  height: 3rem;
}

.blog-post-meta-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.blog-post-meta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.benefits-head {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.job-post-thumb {
  aspect-ratio: 1;
  border-radius: 1rem;
  width: 9rem;
  height: 9rem;
  display: block;
}

.job-container {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.job-button-container {
  padding-right: 3rem;
}

.job-publish-date {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.job-post-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  flex: 1;
  height: 100%;
  padding: .5rem 1.5rem;
  display: flex;
}

.job-list-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.job-post-details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.hero-padding-alt {
  padding: 4rem 1.5rem 10rem;
}

.team-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.padding-section-standard {
  padding-top: 4.5rem;
  padding-bottom: 10rem;
}

._12-col-grid-3rem-gap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template: "Area Area Area Area Area Area . Area-2 Area-2 Area-2 Area-2 Area-2"
  / minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

._12-col-grid-3rem-gap.aling-right {
  place-items: start;
}

.service-description {
  margin-bottom: 3rem;
}

.service-description.margin-bottom.margin-small {
  margin-bottom: 1.5rem;
}

.key-features {
  margin-bottom: 3rem;
}

.key-features._80 {
  width: 80%;
}

.bullet-box {
  background-color: var(--colors--darkest);
  color: var(--colors--white);
  border-radius: .5rem;
  padding: .55rem .5rem .45rem;
  display: inline-flex;
  box-shadow: 0 24px 24px -12px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.bullet-box.brand-prime-background {
  background-color: var(--colors--brand-prime);
}

.bullet-box.white-background {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
}

.bullet-box.color-grin {
  background-color: var(--colors--brand-special);
}

.bullet-box.color-yelow {
  background-color: var(--colors--brand-yellow);
}

.bullet-box.color-blue {
  background-color: var(--colors--brand-prime);
}

.bullet-number {
  text-align: center;
  width: 1rem;
  height: 1rem;
  font-weight: 600;
  line-height: 1;
}

.extra-details {
  margin-bottom: 3rem;
}

.extra-details.margin-bottom.margin-small {
  margin-bottom: 1.5rem;
}

.text-height-2 {
  line-height: 2;
}

.team-member-details {
  padding: 3rem 1.5rem 1.5rem;
}

.member-details-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.member-info {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.left-column-container._50 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.member-social-buttons {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.job-post-section {
  margin-bottom: 5rem;
}

.job-post-info-list {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: wrap-reverse;
  justify-content: center;
  display: flex;
}

.job-post-info-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.padding-0-75rem {
  padding: .75rem;
}

.job-post-brief {
  width: 100%;
  max-width: 36rem;
  color: var(--colors--darker);
  margin-left: auto;
  margin-right: auto;
}

.job-post-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column wrap;
  justify-content: center;
  display: flex;
}

.collection-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-link {
  display: block;
}

.cms-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.cms-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2;
}

.cms-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.4;
}

.cms-rich-text h4, .cms-rich-text h5, .cms-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.cms-rich-text p {
  color: var(--colors--darker);
  margin-bottom: 1rem;
  line-height: 2;
}

.cms-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.cms-rich-text ol, .cms-rich-text ul {
  color: var(--colors--darker);
}

.cms-rich-text strong {
  font-weight: 500;
}

.blog-cms-grid.slide-to-top-0-2s.grid-3-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-grid-list-item {
  display: flex;
}

.blog-grid-item-wrap {
  color: var(--colors--black);
  text-decoration: none;
  display: inline-flex;
}

.blog-3-feature-left {
  display: flex;
}

.thumb-wrap {
  align-items: flex-start;
  display: flex;
}

.blog-3-content-wrap {
  flex: 1;
}

.blog-thumbnail-meta-alt {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  order: 0;
  align-items: center;
  display: flex;
}

.hero-1-person-image {
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.answer-block {
  margin-bottom: 1.5rem;
}

.block-header {
  background-color: #0000;
  border-style: none none solid;
  padding: 1.5rem;
}

.block-content {
  background-color: #0000;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  padding: 1.5rem;
}

.sticky-right {
  position: sticky;
  top: 1.5rem;
}

.features-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.cms-rich-text-alt h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.cms-rich-text-alt h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2;
}

.cms-rich-text-alt h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.4;
}

.cms-rich-text-alt h4, .cms-rich-text-alt h5, .cms-rich-text-alt h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.cms-rich-text-alt p {
  color: var(--colors--darker);
  margin-bottom: 1rem;
  line-height: 1.5;
}

.cms-rich-text-alt blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.cms-rich-text-alt ol, .cms-rich-text-alt ul {
  color: var(--colors--darker);
}

.cms-rich-text-alt strong {
  font-weight: 500;
}

.default-state {
  flex-flow: column wrap;
  display: flex;
}

.buy-now-reset {
  justify-content: center;
  align-items: center;
  height: 3rem;
  margin: .125rem;
  display: flex;
}

.add-to-cart-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.cart-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.cart-item-wrap {
  margin-left: 0;
  margin-right: 1.5rem;
}

.checkout-actions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  display: flex;
}

.buy-now-block {
  background-color: var(--colors--black-003);
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .125rem;
  text-decoration: none;
  display: inline-flex;
}

.category-container {
  background-color: var(--colors--black-003);
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px 0 #ffffffa3, 0 .5px .5px 0 var(--colors--white);
  border-radius: 1.5rem;
  padding: 2rem;
  position: relative;
}

.popular-background {
  z-index: 0;
  background-color: var(--colors--white);
  border-radius: 1.5rem;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 0 1px #4141410a, 0 1px 1px -.5px #3333330a, 0 3px 3px -1.5px #3333330a, 0 6px 6px -3px #3333330a, 0 12px 12px -6px #3333330a, 0 24px 24px -12px #3333330a, 0 32px 32px -16px #3333330a, 0 44px 44px -16px #3333330f;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.your-cart-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  padding: 2rem;
  display: flex;
}

.ecommerce-container {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.ecommerce-left {
  flex: 1;
}

.ecommerce-right {
  flex-basis: 20rem;
}

.ecommerce-wrapper {
  min-width: 100%;
}

.ecommerce-header {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  padding-top: 3.5rem;
  padding-bottom: 5rem;
  display: flex;
}

.ecommerce-list-item {
  background-color: #0000;
  border-bottom-style: none;
  padding-left: 0;
}

.ecommerce-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left-style: none;
  border-right-style: none;
  flex-flow: column wrap;
  display: flex;
}

.order-button, .order-summary {
  margin-bottom: 0;
}

.billing-address-checkbox {
  margin-top: -.25rem;
}

.billing-address-toggle {
  justify-content: flex-start;
  align-items: center;
}

.order-summary-2 {
  margin-bottom: 0;
}

.items-block {
  margin-left: 0;
}

.texture-large-bg {
  background-image: url('../images/startly-texture-largest-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.display-none {
  display: none;
}

.log-in-form-block {
  padding-left: 0;
  padding-right: 0;
}

.log-in-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  display: flex;
}

.form-footer {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.form-input-light {
  background-color: var(--colors--white);
  height: auto;
  min-height: 2.75rem;
  color: var(--colors--darkest);
  border: 0 solid #000;
  border-radius: .75rem;
  margin-bottom: 0;
  padding: .75rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: box-shadow .2s, background-color .2s;
  box-shadow: 0 .5px #fff, 0 0 0 4px #00000003, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #0000001f;
}

.form-input-light:hover {
  box-shadow: 0 .5px #fff, 0 0 0 4px #00000005, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #00000042;
}

.form-input-light:focus {
  border-color: var(--colors--darkest);
  background-color: var(--colors--white);
  box-shadow: 0 .5px 0 0 #fff, 0 0 0 4px #4b3de314, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px var(--colors--brand-prime);
}

.form-input-light::placeholder {
  color: #7f7f7f;
}

.form-input-light.email {
  background-image: url('../images/envelope-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.form-input-light.password {
  background-image: url('../images/password-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.form-input-light.name {
  background-image: url('../images/profile-24.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
}

.sign-up-form-block {
  padding-left: 0;
  padding-right: 0;
}

.password-container {
  flex: 1;
}

.sign-up-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  display: flex;
}

.checkbox-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  display: flex;
}

.sign-up-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
}

.reset-password-form-block {
  padding-left: 0;
  padding-right: 0;
}

.reset-password-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  display: flex;
}

.update-password-block {
  padding-left: 0;
  padding-right: 0;
}

.update-password-form, .user-account-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  display: flex;
}

.animated-arrow {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

.animated-arrow.opacity-59 {
  opacity: .59;
}

.animated-arrow.opacity-59.is-brand-green {
  color: var(--colors--brand-special);
}

.animated-arrow.second-arrow {
  left: -16px;
}

.thumbnail-overflow {
  border-radius: 1rem;
  overflow: hidden;
}

.popup-rounded {
  border-radius: 1.5rem;
}

.info-list-1-item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-bottom: 1px solid #1111110f;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.info-list-1-item.last-child {
  border-bottom: 0 #0000;
  margin-bottom: 0;
  padding-bottom: 0;
}

.info-list-1-left {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.animated-square-button {
  color: #f7f7f7;
  vertical-align: top;
  background-color: #111;
  border: 2px solid #111;
  border-radius: 3rem;
  align-items: center;
  width: 3.25rem;
  height: 3.25rem;
  line-height: 1rem;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.animated-square-button:hover {
  color: #f7f7f7;
  background-color: #000;
  border-width: 2px;
  border-color: #000;
}

.info-list-1-right {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info-list-1max-width-xsmall {
  color: #11111196;
  width: 100%;
  max-width: 16.5rem;
}

.info-list-1-link {
  color: var(--colors--darkest);
  border-bottom: 0 #0000;
  flex: 1;
  font-weight: 300;
  text-decoration: none;
}

.info-list-1-link:hover {
  color: var(--colors--brand-prime);
}

.info-list-1-heading {
  font-size: 2.5rem;
  line-height: 1.4;
  text-decoration: none;
}

.fancy-team-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fancy-team-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fancy-team-number {
  z-index: 2;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.container-home-8 {
  justify-content: space-between;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-block-container-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  background-color: #262626;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .75rem 1.5rem;
  display: inline-flex;
}

.button-block-container-2.is-secondary {
  color: #262626;
  background-color: #fff;
  transition: background-color .2s, box-shadow .2s, color .2s;
}

.button-block-container-2.is-secondary:hover {
  color: #696969;
}

.flex-vertical-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex-vertical-1-5rem-gap.width-100 {
  height: 100%;
}

.button-block-is-icon-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  background-color: #262626;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem .75rem 1.5rem;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.button-block-is-icon-2:hover {
  background-color: #000;
}

.button-block-is-icon-2.is-brand-prime {
  background-color: #4b3de3;
}

.button-block-is-icon-2.is-brand-prime:hover {
  background-color: #4033c3;
}

.button-block-is-icon-2.is-brand-prime.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.home-8-grid {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  grid-template: "."
  / minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  margin-top: 4.5rem;
  margin-bottom: 7.5rem;
  display: grid;
}

.button-block-2 {
  background-color: #00000008;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.button-block-2:hover {
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.fancy-team-highlights {
  color: var(--colors--white);
  flex-flow: column;
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

.heading-3col-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.heading-container-simple {
  max-width: 75rem;
  margin-bottom: 7.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ordered-list-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 2px solid #1111110f;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
}

.ordered-list-item.no-decoration {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-bottom: 0;
}

.grow-flex-child {
  flex: 1;
}

.vertical-list-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column wrap;
  display: flex;
}

.ordered-list-item-text {
  font-size: 1.5rem;
}

.ordered-bullet {
  text-align: center;
  width: 6rem;
}

.ordered-bullet-number {
  color: #dedede;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.content-block-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column wrap;
  min-height: 100px;
  display: flex;
}

.shrink-flex-child {
  flex: 0 auto;
}

.quote-box {
  color: #fff;
  background-color: #262626;
  border-radius: .75rem;
  align-items: center;
  padding: .75rem;
  display: flex;
}

.author-thumb-image-3rem {
  background-color: #4b3de3;
  border-radius: .75rem;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}

.horizontal-quote-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  display: flex;
}

.author-quote-slider-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 15rem;
  display: flex;
}

.slide-inner {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: stretch;
  min-height: 25rem;
  padding: 3rem;
  display: flex;
  position: sticky;
  top: 3rem;
  overflow: hidden;
}

.slide-inner.shadow-large {
  height: 100%;
  padding: 3rem;
}

.image-inner {
  aspect-ratio: auto;
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.horizontal-slider-mask {
  width: 50%;
  height: 100%;
  overflow: visible;
}

.slide-wrap {
  height: 100%;
  padding-right: 1.5rem;
}

.slide-card {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.slide-nav {
  text-align: right;
  height: 1rem;
  margin-right: 2rem;
  padding-top: 0;
  font-size: .5rem;
}

.horizontal-slider {
  background-color: #0000;
  height: auto;
  padding-bottom: 8rem;
  position: relative;
}

.arrow-button-left {
  color: #262626;
  background-color: #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 2rem;
  padding: .75rem;
  transition: box-shadow .2s;
  display: inline-flex;
  bottom: 0;
  left: 0;
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614, 0 0 0 4px #26262614;
}

.arrow-button-left:hover {
  color: #4b3de3;
  box-shadow: 0 32px 32px -16px #2626260a, 0 24px 24px -12px #2626260a, 0 12px 12px -6px #2626260a, 0 6px 6px -3px #2626260a, 0 3px 3px -1.5px #2626260a, 0 1px 1px -.5px #26262629, 0 0 0 4px #26262605;
}

.arrow-button-right {
  color: #262626;
  background-color: #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 2rem;
  margin-left: 0;
  padding: .75rem;
  transition: box-shadow .2s;
  display: inline-flex;
  left: 4rem;
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614, 0 0 0 4px #26262614;
}

.arrow-button-right:hover {
  color: #4b3de3;
  box-shadow: 0 32px 32px -16px #2626260a, 0 24px 24px -12px #2626260a, 0 12px 12px -6px #2626260a, 0 6px 6px -3px #2626260a, 0 3px 3px -1.5px #2626260a, 0 1px 1px -.5px #26262629, 0 0 0 4px #26262605;
}

.custom-slider-author-wrap {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-size-large-2 {
  font-size: 1.25rem;
}

.quotes-4-top {
  flex: 1;
  max-width: 20rem;
}

.text-size-large-quote-custom {
  font-size: 1.25rem;
}

.arrow-button {
  color: #262626;
  background-color: #fff;
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: inline-flex;
  box-shadow: 0 32px 32px -16px #26262614, 0 24px 24px -12px #26262614, 0 12px 12px -6px #26262614, 0 6px 6px -3px #26262614, 0 3px 3px -1.5px #26262614, 0 1px 1px -.5px #26262614, 0 0 0 4px #26262614;
}

.arrow-button:hover {
  color: #4b3de3;
  box-shadow: 0 32px 32px -16px #2626260a, 0 24px 24px -12px #2626260a, 0 12px 12px -6px #2626260a, 0 6px 6px -3px #2626260a, 0 3px 3px -1.5px #2626260a, 0 1px 1px -.5px #26262629, 0 0 0 4px #26262605;
}

.svg-icon-3 {
  display: inline-flex;
}

.horizontal-bottom-wrap {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.horizontal-top-wrap-info-block-9 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.author-quote-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 15rem;
  display: flex;
}

.spacious-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: stretch;
  min-height: 25rem;
  padding: 3rem;
  display: flex;
  overflow: hidden;
}

.contact-4-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.contact-4-details {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.button-block-3 {
  background-color: #00000008;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.button-block-3:hover {
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.contact-info-bar-alt {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.flex-vertical-3rem-gap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.contact-5-wrap {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-block-4 {
  background-color: #00000008;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.button-block-4:hover {
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.careers-4-head {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  grid-template: "."
  / minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 4.5rem;
  margin-bottom: 7.5rem;
  display: grid;
}

.image-container-simple {
  object-fit: cover;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.flex-vertical-4-5rem-gap {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex-vertical-expand {
  flex: 1;
}

.flex-horizontal-1-5rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-horizontal-1-5rem-gap.flex-bottom-vertical-align {
  justify-content: flex-start;
  align-items: flex-end;
}

.hiro-bg {
  z-index: -1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.image-bg {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
}

.blackout {
  z-index: 4;
  background-image: none;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.none {
  display: none;
}

.testimonials-slider-wrapper {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.testimonials-slider {
  width: 100%;
}

.swiper-wrapper {
  flex-flow: row;
  width: auto;
  display: flex;
}

.swiper-wrapper.testimonials_slider_wrapper {
  width: 100%;
  display: flex;
}

.swiper-wrapper.c {
  align-items: stretch;
}

.swiper-wrapper.products-slider, .swiper-wrapper.products-slider:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e), .swiper-wrapper.products-slider.testimonial {
  flex-flow: row;
}

.slider_script {
  display: none;
}

.swiper-slide {
  flex: 0 auto;
  width: 100%;
  height: 100%;
}

.swiper-slide.testimonials_slider_item {
  flex: none;
  width: 40%;
  height: 100%;
  transition: height .3s, transform .3s, border-color .3s;
}

.swiper-slide.testimonials_slider_item:hover {
  z-index: 10;
  position: relative;
  transform: translate(0, -8px)scale(1.02);
}

.swiper-slide.products-slide {
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  width: 45%;
  height: auto;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.swiper-slide.products-slide:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  cursor: pointer;
}

.swiper-slide.products-slide.case-studies {
  width: 100%;
}

.swiper-slide.products-slide.none:where(.w-variant-556d1b2e-f8d0-3abb-bc75-3b769f0c7e0a) {
  display: none;
}

.swiper-slide.products-slide.none:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  cursor: pointer;
}

.swiper-slide.case-studies-slide {
  margin-right: 1.5rem;
}

.swiper-slide.products-slider-item {
  cursor: pointer;
  flex: none;
  width: 45%;
  padding-right: 1.5rem;
}

.swiper {
  overflow: visible;
}

.swiper.testimonials_slider {
  width: 100%;
  overflow: visible;
}

.swiper.products-slider {
  margin-right: -1.5rem;
  overflow: visible;
}

.overflow-hidden {
  flex: 1;
  margin-bottom: 0;
  overflow: hidden;
}

.case-top-wrap-2 {
  height: 100%;
  transition: transform .6s;
  position: relative;
  overflow: visible;
}

.case-top-wrap-2:hover {
  transform: scale(1.1);
}

.h5 {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 120%;
}

.link-with-icon-2 {
  background-image: url('../images/arrow.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 34px;
  transition: transform .3s, all .3s;
}

.link-with-icon-2:hover {
  color: #0e5795;
}

.logo-case-2 {
  z-index: 10;
  height: 36px;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.number-style-2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  flex-flow: column;
  margin-bottom: .5rem;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.slider_item {
  width: 100%;
  height: 100%;
  color: var(--colors--darkest);
  flex-flow: column;
  align-items: stretch;
  text-decoration: none;
  display: block;
}

.slider_item.products-slider-item {
  flex-flow: row;
  display: flex;
}

.case-image {
  object-fit: cover;
  width: 100%;
  height: 250px;
}

.products-card-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f0f1f5;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  min-height: 300px;
  padding: 20px;
  display: flex;
}

.mb-30 {
  margin-bottom: 30px;
}

.link-block {
  width: 100%;
}

.label {
  color: #7e7f88;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
}

.label.text-brand {
  color: #0e5795;
}

.label.text-brand.no-margin {
  margin-bottom: 4px;
}

.black-overlay {
  background-color: #00000080;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.swiper-image {
  z-index: 1;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.swiper-logo {
  z-index: 3;
  width: 40%;
  position: absolute;
}

.swiper-blackout {
  z-index: 2;
  background-color: #00000005;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.button-swiper {
  background-color: var(--colors--black-003);
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
}

.button-swiper:hover {
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.button-swiper.full-width {
  display: block;
}

.button-swiper.slide-to-top-0-6s.naw-bar {
  padding: .125rem;
}

.button-icon {
  width: 1.25rem;
}

.button-icon.rotate {
  transform: rotate(180deg);
}

.link-block-2 {
  color: var(--colors--black);
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  text-decoration: none;
  display: flex;
}

.testimonials-arrow {
  background-color: var(--colors--black-003);
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  transition: all .15s;
  display: inline-flex;
}

.testimonials-arrow:hover {
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.testimonials-arrow.full-width {
  display: block;
}

.testimonials-arrow.slide-to-top-0-6s.naw-bar {
  padding: .125rem;
}

.testimonials-arrow.btn-prev {
  cursor: pointer;
}

.testimonials-arrow.btn-prev.is-disabled {
  opacity: .5;
}

.testimonials-arrow.btn-next {
  cursor: pointer;
}

.testimonials-arrow.btn-next.is-disabled {
  opacity: .5;
}

.swipper-btn {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
  position: absolute;
  inset: -6.6rem 1.5rem auto auto;
}

.swipper-btn.relative-position {
  flex: none;
  margin-left: 2rem;
  position: relative;
  top: auto;
  bottom: 3.5rem;
  right: 0;
}

.swipper-btn.relative-position-2 {
  flex: none;
  margin-left: 2rem;
  position: relative;
  top: auto;
  bottom: 2.9rem;
  right: 0;
}

.swipper-btn.is-trust {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 0;
  position: relative;
  top: -2.2rem;
  left: auto;
  right: auto;
}

.flax-horizont {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.flax-horizont.gap-17 {
  grid-column-gap: 17rem;
  grid-row-gap: 17rem;
}

.flax-horizont.gap-5 {
  grid-column-gap: 5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end;
  display: grid;
}

.flax-horizont.aling-sb {
  justify-content: space-between;
}

._2-col-grid-2rem-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-grid-2rem-gap:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664) {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr;
}

._2-col-grid-2rem-gap._2-card {
  grid-template-columns: 1fr 1fr;
}

.div-block-2 {
  width: 50%;
}

.bullet-link-2:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664) {
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
}

.bullet-link-2.brand-second {
  color: var(--colors--brand-second);
  text-decoration: none;
}

.bullet-link-2.brand-second:hover {
  color: var(--colors--white);
}

.bullet-link-2.brand-third {
  color: var(--colors--brand-third);
}

.bullet-link-2.brand-third:hover {
  color: var(--colors--white);
}

.bullet-link-2.brand-fourth {
  color: var(--colors--brand-fourth);
}

.bullet-link-2.brand-fourth:hover {
  color: var(--colors--white);
}

.bullet-link-2.brand-prime-to-darkest {
  color: var(--colors--brand-prime);
}

.bullet-link-2.brand-prime-to-darkest:hover {
  color: var(--colors--darkest);
}

.bullet-link-2._2-card-23 {
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
}

.swiper-grid-item-wrap {
  height: 100%;
  display: inline-flex;
}

.swiper-grid-item-wrap.products-slider-item-w {
  flex-flow: row;
  width: 100%;
  height: auto;
  display: flex;
}

.section-partners {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.section-partners.small-margin {
  background-color: #fff;
  border-bottom: 1px solid #0000001a;
  padding-top: 36px;
  padding-bottom: 36px;
}

.footnote {
  color: #646875;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 145%;
  display: none;
}

.logo-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.logo {
  max-width: 70%;
}

.partners-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 200vw;
  display: flex;
  overflow: hidden;
}

.partners-wrapper.marquee_wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  width: 100%;
}

.left-overlay-div {
  background-image: linear-gradient(90deg, #fff, #fff0 75%);
  width: 16%;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.partner-logo-container {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 7rem;
  margin-right: 6rem;
  display: flex;
}

.code-embed {
  display: none;
}

.right-overlay-div {
  background-image: linear-gradient(90deg, #fff0, #fff 75%);
  width: 16%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.logo-partners-wrapper {
  flex: none;
  justify-content: center;
  width: 100%;
  display: flex;
}

.flax-central {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flax-central.margin-top-40px {
  margin-top: 2.5rem;
}

._2-col-grid-hiro {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-grid-hiro.vertical-center-align {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  align-items: center;
}

._2-col-grid-hiro.fabric {
  text-align: center;
  grid-template-columns: 1fr .4fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
}

.swiper__bullet-wrapper {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
  display: none;
}

.swiper-bullet {
  background-color: #ffffff4d;
  border-radius: 10rem;
  width: .63em;
  height: .63em;
}

.swiper-bullet.is-active {
  background-color: #fff;
  height: .63em;
}

.swiper-component {
  width: 100%;
  position: relative;
}

.slider-wrapp {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.section-right {
  padding-left: 0;
  padding-right: 0;
}

.section-right.footer.plus-cta {
  padding-top: 10rem;
}

.section-right.extended-footer-section {
  background-color: var(--colors--darkest);
  margin-top: 10rem;
}

.section-right.padding-section-large.overflow-hidden {
  overflow: hidden;
}

.section-right.margin-bottom.margin-xxhuge.display-none {
  display: none;
}

.section-right.padding-section-small.mob-large.white-background:where(.w-variant-ec07153c-2315-528f-addd-30ef18211442) {
  padding-bottom: 10rem;
}

.section-right.padding-section-small.mob-large.white-background.with-paddings {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.section-right.padding-section-small.mob-large.white-background.with-paddings.margen-big, .section-right.padding-section-small.padding-section-bottom-large, .section-right.padding-section-small.padding-section-bottom-large-x {
  padding-bottom: 10rem;
}

.section-right.padding-section-small.white-background {
  overflow: clip;
}

.section-right.padding-section-small.bg-light-blue {
  background-color: var(--colors--light-blue);
  overflow: clip;
}

.section-right.padding-section-small.bg-light-blue.overfow-clip {
  overflow: clip;
}

.section-right.padding-section-small.bg-light-blue.overfow-clip:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  background-color: var(--colors--white);
}

.section-right.padding-section-small.bg-light-blue.overfow-clip:where(.w-variant-4e8dffd5-65e6-38dc-bfe5-fb14c99d4675) {
  background-color: var(--colors--light-green);
}

.section-right.padding-section-small.bg-light-blue.overfow-clip:where(.w-variant-68b85545-0799-3ab0-6b63-edaeffc2ce69) {
  background-color: var(--colors--light-yellow);
}

.section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem {
  margin-bottom: 17rem;
}

.section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem.bg-light-yellow {
  background-color: #e7eff7;
}

.section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem.brand-light-yellow {
  background-color: var(--colors--light-yellow);
}

.section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem.brand-light-grin, .section-right.padding-section-small.bg-light-blue.overfow-clip.brand-light-grin {
  background-color: var(--colors--light-green);
}

.section-right.padding-section-small.overfow-clip {
  overflow: clip;
}

.section-right.padding-section-small.overfow-clip.bg-gray {
  background-color: var(--colors--lightest);
}

.section-right.cta-section {
  padding-bottom: 10rem;
}

.section-right.bg-light-blue.padding-special {
  margin-bottom: 18rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-right.bg-light-blue.padding-special.overflow-clip {
  overflow: clip;
}

.logo-footer {
  width: 9rem;
}

.logo-footer.margin-bottom.about-13 {
  width: 7rem;
}

.about-hiro-grid {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  grid-template: "."
  / minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  margin-top: 7rem;
  margin-bottom: 7.5rem;
  display: grid;
}

.image-founder {
  width: 100%;
}

.top-lift-head {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 47%;
  display: flex;
}

.div-block-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.central-image-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.quote-image {
  object-position: 50% 50%;
  height: 100%;
}

.quote-image.rounded-0-5rem {
  background-color: var(--colors--white);
  border: 1px #000;
}

.quote-image.rounded-0-5rem.shadow {
  filter: drop-shadow(0 4px 7px #00000026);
}

.quote-image.rounded-0-75rem {
  border: 1px solid var(--colors--lighter);
  background-color: var(--colors--white);
}

.quote-image.rounded-0-75rem {
  background-color: #fff;
  border: 1px solid #f0f0f0;
}

.quote-image.rounded-0-75rem.shadow {
  box-shadow: 0 4px 7px #00000026;
}

.div-block-4 {
  height: 100%;
}

.hero-padding-medium {
  padding: 7rem 1.5rem 5rem;
}

.hero-padding-medium.bottom-7rem {
  padding-bottom: 10rem;
}

.heading-style-h6-link {
  font-family: var(--typography--heading);
  color: var(--colors--darkest);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s;
}

.heading-style-h6-link:hover {
  color: var(--colors--black);
  text-decoration: underline;
}

.stiyle-h1 {
  text-transform: capitalize;
  font-size: 4.5rem;
}

.stiyle-h1.no-caps {
  text-transform: none;
  font-weight: 400;
}

.stiyle-h1._w-300 {
  font-weight: 100;
}

.stiyle-h1._w-300.border {
  border-width: 1px;
  padding-left: .44rem;
  padding-right: .44rem;
}

.stiyle-h1.border {
  border: .13rem solid var(--colors--brand-special);
}

.bg-prod {
  z-index: 1;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  inset: 0%;
}

.bg-prod.height-80vh {
  height: 80vh;
}

.image-bg-prod {
  object-fit: cover;
  object-position: 50% 0%;
  height: 100%;
  min-height: 100vh;
}

.image-bg-prod.opacity-50 {
  z-index: 1;
  opacity: .5;
  object-fit: cover;
  position: relative;
}

.image-bg-prod.contain {
  object-fit: contain;
}

.image-bg-prod.contain.tablet-100 {
  object-fit: cover;
}

.link-block-3 {
  font-size: .87rem;
}

.naw-link {
  color: var(--colors--darkest);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .87rem;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.naw-link:hover {
  background-color: var(--colors--black-003);
  color: var(--colors--black);
  box-shadow: inset 0 0 0 1px #00000003;
}

.collection-list-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.hero-product {
  z-index: 1;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  min-height: 23rem;
  padding: 8rem 1.5rem 4rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero-product.hero-2-background {
  background-color: #f0f0f0;
}

.hero-product.shortest-hero.top-hero-padding.bottom-hero-padding {
  justify-content: center;
  align-items: center;
}

.hero-product.shortest-hero.top-hero-padding.bottom-hero-padding.section-whide {
  background-color: #fff;
}

.rich-text-block-prod h2 {
  margin-bottom: 1.5rem;
}

.rich-text-block-prod p {
  color: var(--colors--black-059);
}

.rich-text-block-prod h3 {
  margin-bottom: 1.5rem;
  font-weight: 200;
}

.heading-style-h5-link {
  font-family: var(--typography--heading);
  color: var(--colors--darkest);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s;
}

.heading-style-h5-link:hover {
  color: var(--colors--black);
  text-decoration: underline;
}

.image-4 {
  width: 48px;
  height: 48px;
}

.feature-icon {
  width: 2.75rem;
  max-width: none;
  height: 2.75rem;
  margin: 2px;
  display: block;
}

.feature-icon.mini {
  width: 1.88rem;
  height: 1.88rem;
}

.rich-text-block-case h2 {
  margin-bottom: 1.5rem;
}

.rich-text-block-case p {
  color: var(--colors--black-059);
  margin-bottom: 1rem;
}

.rich-text-block-case h3 {
  text-transform: capitalize;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 400;
}

.div-block-5 {
  width: 100%;
}

.all-caps-label-mini {
  font-family: var(--typography--body);
  color: var(--colors--darker);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3rem;
  padding: .25rem .8rem;
  font-size: .5rem;
  font-weight: 700;
  line-height: 1rem;
  display: inline-flex;
}

.all-caps-label-mini.concave-darker {
  color: var(--colors--white);
}

.heading-style-h7-link {
  font-family: var(--typography--heading);
  color: var(--colors--darkest);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s;
}

.heading-style-h7-link:hover {
  color: var(--colors--black);
  text-decoration: underline;
}

.case-box-btn {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.case-box-btn.aling-sb {
  justify-content: space-between;
}

._2-col-grid-3rem-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-blog {
  justify-content: center;
  align-items: center;
  height: 45vh;
  padding: 8rem 1.5rem 5rem;
  display: flex;
}

.hero-blog.bg-gray {
  background-color: var(--colors--lightest);
}

.cms-prev-next-item-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 100%;
  color: var(--colors--darkest);
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: start;
  place-items: start;
  text-decoration: none;
  display: grid;
}

.cms-prev-next-item-link.w--current {
  width: 69.3403%;
  position: relative;
}

.prev-slot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.prev-slot.js-prev {
  width: 100%;
  color: var(--colors--darkest);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.next-slot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  order: 9999;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.next-slot.js-next {
  width: 100%;
  color: var(--colors--darkest);
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
}

.heroblog {
  padding: 3.5rem 1.5rem 5rem;
}

.cms-prev-next-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.cms-prev-next-block.none {
  display: none;
}

.cms-prev-next-collection {
  display: flex;
}

.svg-icon-prev {
  display: inline-flex;
  transform: rotate(-135deg);
}

.svg-icon-prev:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664) {
  width: 3rem;
}

.svg-icon-prev.chevron-fix {
  margin-left: 2px;
}

.svg-icon-prev.chevron-fix._2-card-37 {
  width: 3rem;
}

.svg-icon-prev.accordion-expand {
  position: absolute;
}

.svg-icon-prev.accordion-expand.plus {
  opacity: 0;
}

.svg-icon-prev.opacity-59 {
  opacity: .59;
}

.svg-icon-prev.mini:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .svg-icon-prev.mini._2-card-13, .svg-icon-prev.mini._2-card-25 {
  width: 70%;
}

.svg-icon-prev._2-card-7, .svg-icon-prev._2-card-19, .svg-icon-prev._2-card-31 {
  width: 3rem;
}

.svg-icon-next {
  display: inline-flex;
  transform: rotate(45deg);
}

.svg-icon-next:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664) {
  width: 3rem;
}

.svg-icon-next.chevron-fix {
  margin-left: 2px;
}

.svg-icon-next.chevron-fix._2-card-37 {
  width: 3rem;
}

.svg-icon-next.accordion-expand {
  position: absolute;
}

.svg-icon-next.accordion-expand.plus {
  opacity: 0;
}

.svg-icon-next.opacity-59 {
  opacity: .59;
}

.svg-icon-next.mini:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .svg-icon-next.mini._2-card-13, .svg-icon-next.mini._2-card-25 {
  width: 70%;
}

.svg-icon-next._2-card-7, .svg-icon-next._2-card-19, .svg-icon-next._2-card-31 {
  width: 3rem;
}

.image-5 {
  width: 10rem;
  height: 3rem;
  position: absolute;
  inset: 0% 0% auto;
}

._2-col-grid-fr-0-5 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.job-list-container-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.section-glossary {
  padding-bottom: 8rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.section-glossary.footer.plus-cta {
  padding-top: 10rem;
}

.section-glossary.extended-footer-section {
  background-color: var(--colors--darkest);
  margin-top: 10rem;
}

.section-glossary.padding-section-large.overflow-hidden {
  overflow: hidden;
}

.section-glossary.margin-bottom.margin-xxhuge.display-none {
  display: none;
}

.section-glossary.padding-section-small.top-margen {
  padding-top: 8rem;
}

.section-glossary.padding-section-small.padding-section-bottom-large {
  padding-bottom: 10rem;
}

.section-glossary.padding-section-small.section-whide {
  background-color: #fff;
}

.section-glossary.cta-section {
  padding-bottom: 10rem;
}

.section-glossary.relativ-2 {
  z-index: 2;
  position: relative;
}

.section-glossary.no-margin {
  padding-left: 0;
  padding-right: 0;
}

.collection-list-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block-5 {
  color: var(--colors--darkest);
  text-decoration: none;
}

.hiro-obs {
  padding: 8rem 1.5rem 5rem;
}

.margin-1-rem {
  height: 1rem;
}

.hero-contact {
  padding: 10rem 1.5rem 7rem;
}

.contact-info-bar-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-info-bar-2.align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-info-bar-2.centr {
  justify-content: flex-start;
  align-items: center;
}

.contact-info-bar-2._4px-rounded-corners.none {
  display: none;
}

.contact-contakt {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column wrap;
  display: flex;
}

.contact-contakt.margin-top.margin-small.gap-2rem, .contact-contakt.margin-top.margin-large.gap-2rem {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.all-caps-label-2 {
  color: #696969;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3rem;
  padding: .375rem 1rem;
  font-family: Inter, sans-serif;
  font-size: .688rem;
  font-weight: 700;
  line-height: 1rem;
  display: inline-flex;
}

.phone-fix-2 {
  color: #fff;
  margin-left: .25rem;
  margin-right: .25rem;
  font-weight: 400;
}

.phone-fix-2.text-color-darkest {
  color: #262626;
}

.phone-fix-2.text-color-darkest.text-weight-light {
  font-weight: 300;
}

.heading-style-h4-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.4;
}

.hero-padding-medium-copy {
  padding: 7rem 1.5rem 5rem;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr .75fr .75fr 1.25fr;
}

.collection-list-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.linear-gradient {
  z-index: 3;
  background-image: linear-gradient(#fff0, #fff 91%);
  height: 9rem;
  position: absolute;
  inset: auto 0% 0%;
}

.slider {
  background-color: #ddd0;
  height: auto;
}

.mask {
  width: 35%;
  overflow: visible;
}

.slide {
  margin-right: 3rem;
}

.slide-nav-2 {
  display: none;
}

.div-put {
  width: 100%;
  height: 100%;
  display: flex;
}

.blue {
  flex: none;
  width: 100%;
  height: 100%;
}

.data, .colection-slider-cms {
  display: none;
}

.left-arrow {
  inset: -6.7rem 5rem auto auto;
}

.right-arrow {
  inset: -6.7rem 0 auto auto;
}

.cms-prev-next-btn {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: center start;
  place-items: center start;
  display: grid;
}

.cms-prev-next-btn.right-align {
  justify-content: end;
  place-items: center end;
}

.cms-item-heading {
  font-size: 1.4rem;
  font-weight: 300;
}

.cms-prev-next-item {
  width: 100%;
  height: 100%;
  display: block;
}

.cms-prev-next-coll-list {
  width: 100%;
  height: 100%;
}

.cms-prev-next-btn-empty {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  place-items: center start;
  display: grid;
}

.direction-text-w {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.direction-icon-w {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cms-prev-next-collection-hide, .custom-embed-code {
  display: none;
}

.text-block-5, .text-block-6:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .text-block-7:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664), .text-block-8 {
  text-transform: capitalize;
}

.icon-lg {
  width: 40px;
  height: 40px;
}

.rich-text-block-2-coll {
  column-count: 2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 6rem;
}

.rich-text-block-2-coll.margin-top.margin-small p {
  color: var(--colors--black-059);
  margin-bottom: 1.25rem;
}

.rich-text-block-2-coll.margin-top.margin-small h4 {
  color: var(--colors--darkest);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1.6rem;
  font-weight: 400;
}

.rich-text-block-2-coll.margin-top.margin-small h3 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1.8rem;
}

.rich-text-block-2-coll.margin-top.margin-small h5 {
  margin-top: .94rem;
  margin-bottom: .94rem;
  font-weight: 400;
}

.rich-text-block-2-coll.margin-top.margin-small ol, .rich-text-block-2-coll.margin-top.margin-small ul {
  color: var(--colors--black-059);
}

.rich-text-block-2-coll.margin-top.margin-small h2 {
  margin-bottom: 1.25rem;
}

.image-6 {
  height: 15rem;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  height: 35rem;
}

.image-h20 {
  border-radius: 1rem;
  width: 100%;
  height: auto;
}

.image-h20.width-100.display-block {
  display: block;
  position: relative;
}

.image-h20.height-100 {
  object-fit: cover;
}

.image-h20.height-100._678 {
  height: 35.3rem;
}

.image-h20.height-35rem {
  object-fit: cover;
  width: 75rem;
  height: 35rem;
}

.image-h20.height-35rem._678 {
  height: 35.3rem;
}

.image-h20.height-5rem {
  height: 12rem;
}

.hero-blog-page {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding-top: 5.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-blog-page.hero-2-background {
  background-color: #f0f0f0;
}

.hero-blog-page.shortest-hero.top-hero-padding.bottom-hero-padding {
  justify-content: center;
  align-items: center;
}

.hero-blog-page.shortest-hero.top-hero-padding.bottom-hero-padding.section-whide {
  background-color: #fff;
}

.svg {
  width: 2.75rem;
  height: 2.75rem;
  margin: 2px;
}

.hero-press-release {
  justify-content: center;
  align-items: center;
  padding: 8rem 1.5rem 5rem;
  display: flex;
}

.hero-case-st {
  z-index: 1;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  min-height: 23rem;
  padding: 8rem 1.5rem 1rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero-case-st.hero-2-background {
  background-color: #f0f0f0;
}

.hero-case-st.shortest-hero.top-hero-padding.bottom-hero-padding {
  justify-content: center;
  align-items: center;
}

.hero-case-st.shortest-hero.top-hero-padding.bottom-hero-padding.section-whide {
  background-color: #fff;
}

.marquee {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.marquee-content {
  grid-column-gap: 1.25rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.marquee-box {
  border-radius: 1.25rem;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-right: 3rem;
  font-weight: 600;
  display: flex;
}

.heading-2 {
  letter-spacing: -.02ch;
  font-weight: 500;
}

.heading-3 {
  letter-spacing: -.03ch;
  font-weight: 500;
}

.heading-4, .heading-5 {
  letter-spacing: -.02ch;
  font-weight: 500;
}

.hero-careers {
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 8rem 1.5rem 5rem;
  display: flex;
}

.heading-6 {
  font-size: 2rem;
}

.heading-7 {
  font-size: 1.8rem;
}

.heading-8 {
  font-size: 1.6rem;
}

.heading-9 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 2rem;
  font-weight: 400;
}

.rich-text-blog-new h2 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-weight: 400;
}

.rich-text-blog-new h4 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1.6rem;
  font-weight: 400;
}

.rich-text-blog-new h5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1.4rem;
}

.rich-text-blog-new p {
  color: var(--colors--black-059);
  margin-bottom: 1.5rem;
}

.heading-11 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.pop-app {
  z-index: 999;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up-close {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.div-block-9 {
  z-index: 2;
  width: 27rem;
  position: relative;
}

.form-block-2 {
  width: 100%;
  margin-bottom: 0;
}

.pop-app-cross-close {
  cursor: pointer;
  padding: .75rem;
  transition: all .3s;
  position: absolute;
  inset: .9rem 1.2rem auto auto;
}

.pop-app-cross-close:hover {
  transform: scale(1.1);
}

.vertical-flex-0-5rem {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.blackout-bottom {
  z-index: 2;
  background-image: linear-gradient(#fff0, #fff);
  height: 10rem;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-article-page {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100vh;
  padding: 5.5rem 1.5rem 5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-article-page.hero-2-background {
  background-color: #f0f0f0;
}

.hero-article-page.shortest-hero.top-hero-padding.bottom-hero-padding {
  justify-content: center;
  align-items: center;
}

.hero-article-page.shortest-hero.top-hero-padding.bottom-hero-padding.section-whide {
  background-color: #fff;
}

.hero-coming-soon {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: clip;
}

.max-width._50 {
  width: 50%;
}

.max-width._60 {
  width: 60%;
}

.max-width._70 {
  width: 70%;
}

.stiyle-h1-copy {
  text-transform: capitalize;
  font-size: 4.5rem;
}

.stiyle-h1-copy.no-caps {
  text-transform: none;
}

.heading-wrapper {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-highlight-frame {
  border: 1px solid #000;
  position: relative;
}

.pattern, .g {
  color: var(--colors--brand-special);
}

.defs {
  color: var(--colors--brand-prime);
}

.rect {
  color: var(--colors--brand-second);
}

.corner-square {
  width: .44rem;
  position: absolute;
  inset: -.2rem auto auto -.2rem;
  box-shadow: 0 0 4px #ccc;
}

.corner-square.top-r {
  left: auto;
  right: -.2rem;
}

.corner-square.bottom-r {
  inset: auto -.2rem -.2rem auto;
}

.corner-square.bottom-l {
  top: auto;
  bottom: -.2rem;
  left: -.2rem;
}

.highlight-frame {
  text-transform: capitalize;
  padding-left: .44rem;
  padding-right: .44rem;
  font-size: 4.5rem;
}

.highlight-frame.no-caps {
  text-transform: none;
}

.highlight-frame._w-300 {
  font-weight: 100;
}

.highlight-frame._w-300.border {
  border-width: 1px;
  padding-left: .44rem;
  padding-right: .44rem;
}

.highlight-frame.border {
  border: .13rem solid var(--colors--brand-special);
}

.heading-13 {
  font-weight: 400;
}

.heading-14 {
  font-weight: 500;
}

.bg-light-blue {
  background-color: var(--colors--light-blue);
}

.bg-light-yellow {
  background-color: var(--colors--light-yellow);
}

.bg-light-green {
  background-color: var(--colors--light-green);
}

.video-card-about {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.video-card-about.video {
  z-index: 2;
  object-fit: cover;
  inset: 0%;
  overflow: hidden;
}

.video-card-about.video.faq {
  opacity: .8;
  height: 100vh;
  position: relative;
}

.video-card-about.video.zplatform {
  height: 23rem;
}

.video-card-about.video.opacity-50 {
  opacity: .55;
}

.video-card-about.video.product {
  position: static;
}

.video-card-about.video {
  z-index: 1;
  object-fit: cover;
  z-index: 1;
  object-fit: cover;
  inset: 0%;
  inset: 0%;
}

.background-video-2, .background-video-3 {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.div-block-10, .div-block-11 {
  align-self: center;
}

.flax-vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flax-vertical.gap-3-rem {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.flax-vertical.gap-3-rem.max-width-50 {
  width: 57%;
}

.flax-vertical.max-width-68 {
  width: 68%;
}

.hero-oure {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 7rem 1.5rem 5.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-oure.hero-2-background {
  background-color: #f0f0f0;
}

.hero-oure.shortest-hero.top-hero-padding.bottom-hero-padding {
  justify-content: center;
  align-items: center;
}

.hero-oure.shortest-hero.top-hero-padding.bottom-hero-padding.section-whide {
  background-color: #fff;
}

.div-block-12 {
  padding-bottom: 2rem;
}

.background-video-4 {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.div-block-14 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.contact-form-pop-app {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.hero-press-releases {
  justify-content: center;
  align-items: center;
  height: 45vh;
  padding: 8rem 1.5rem 5rem;
  display: flex;
}

.div-block-15 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.plyr_embed {
  width: 100%;
  height: 100%;
  position: relative;
}

.plyr_embed.auto {
  width: auto;
  height: auto;
}

.plyr_cover-button {
  z-index: 2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  background-color: #f0f0f0a3;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.plyr_pause-trigger {
  display: none;
}

.plyr_pause-trigger:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  position: static;
}

.plyr_cover {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.plyr_component {
  width: 100%;
  position: relative;
}

.plyr_component.is-full-scr {
  height: 30rem;
}

.plyr_component.is-full-scr.case-study {
  height: 45rem;
}

.plyr_component.is-full-scr.case-study-hover {
  height: 100%;
}

.plyr_component.is-full-scr.hiro-page {
  height: 34rem;
}

.plyr_component.is-full-scr.sovereigns, .plyr_component.is-full-scr.sovices {
  height: 100%;
}

.sp-icon {
  width: 26.7857%;
  color: var(--colors--brand-prime);
}

.plyr_cover-img {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  inset: 0%;
}

.background-image-copy {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.background-image-copy.width-100.display-block {
  display: block;
  position: relative;
}

.background-image-copy.height-100 {
  object-fit: cover;
}

.background-image-copy.height-100._678 {
  height: 35.3rem;
}

.background-image-copy.height-35rem {
  z-index: 1;
  object-fit: cover;
  width: 75rem;
  height: 35rem;
  position: relative;
}

.background-image-copy.height-35rem._678 {
  height: 35.3rem;
}

.background-image-copy.height-5rem {
  height: 12rem;
}

.btn-play {
  z-index: 2;
  position: absolute;
}

.btn-play.is-case-study-2 {
  display: none;
}

.btn-play.button-block.radiud-100 {
  border-radius: 100%;
}

.btn-play.button-block.radiud-100.ps-none:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  display: none;
}

.decor {
  border-radius: 100%;
}

.path {
  color: var(--colors--brand-prime);
  border-radius: 0;
}

.plyr_component-hover {
  width: 100%;
  position: relative;
}

.plyr_component-hover.is-full-scr {
  height: 30rem;
}

.plyr_component-hover.is-full-scr.case-study {
  height: 45rem;
}

.plyr_component-hover.is-full-scr.case-study-hover {
  height: 100%;
}

.background-video-5 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.slide-wrap-2 {
  height: 100%;
  padding-right: 1.5rem;
}

.custom-slider-author-wrap-2 {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-size-large-3 {
  font-size: 1.25rem;
}

.slide-nav-3 {
  text-align: right;
  height: 1rem;
  margin-right: 2rem;
  padding-top: 0;
  font-size: .5rem;
}

.heading-style-h3-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.text-color-black-60 {
  z-index: 2;
  color: #00000096;
  position: relative;
}

.horizontal-slider-mask-2 {
  width: 50%;
  overflow: visible;
}

.slide-card-2 {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  display: flex;
}

.box-testimonial {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.image-8 {
  width: 7.5rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.vertical-quote-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.quotes-6-top {
  flex: 1;
  max-width: 100%;
}

.div-block-16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.plyr_embed-2 {
  width: 100%;
  height: 34rem;
  position: relative;
}

.plyr_embed-2.auto {
  width: auto;
  height: auto;
}

.background-video-6 {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-span {
  font-size: 1rem;
}

.pricing-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-17 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdown-list {
  flex-flow: column;
  display: flex;
  position: static;
}

.div-block-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tab-pane-tab-2 {
  background-color: #b88989;
  height: 10rem;
}

.tab-pane-tab-3 {
  background-color: var(--colors--brand-yellow);
  height: 10rem;
}

.tab-pane-tab-1 {
  background-color: #ebc3c3;
  height: 10rem;
}

.link-block-6 {
  background-color: #ccc;
  padding: .63rem;
}

.tabs-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .45fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  display: grid;
  position: relative;
}

.tab-menu {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tab-link {
  color: var(--colors--black-059);
  white-space: pre-wrap;
  margin-left: 0;
  margin-right: 0;
  padding: .63rem 1.25rem .63rem 2.5rem;
  font-size: .88rem;
  text-decoration: none;
  transition: opacity .2s, color .3s, all .2s, box-shadow .2s, background-color .2s;
  display: inline-block;
}

.tab-link:hover {
  color: var(--colors--darkest);
}

.tab-link:visited {
  color: var(--colors--darkest);
  font-weight: 500;
}

.tab-link.w--current {
  width: 100%;
  color: var(--colors--darkest);
  font-weight: 500;
}

.tab-link.is-active {
  color: var(--colors--black);
  font-size: .88rem;
  font-weight: 500;
}

.dropdown {
  border-radius: .63rem;
  width: 100%;
}

.dropdown:active {
  border-radius: .63rem;
}

.dropdown-toggle-2 {
  border-radius: .63rem;
  justify-content: flex-start;
  align-items: center;
  width: 18rem;
  height: 2.9rem;
  padding-top: .63rem;
  padding-bottom: .63rem;
  padding-left: 1.25rem;
  display: flex;
  overflow: clip;
}

.dropdown-toggle-2.w--open {
  background-color: var(--colors--white);
  box-shadow: 0 4px 15px #0000001a;
}

.dropdown-list-2 {
  background-color: #ddd0;
  border-radius: .63rem;
  flex-flow: column;
  width: 95%;
  display: flex;
  position: static;
}

.dropdown-list-2.w--open {
  background-color: #ddd0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 18rem;
  max-height: 16.3rem;
  padding-top: .63rem;
  display: flex;
  overflow: auto;
}

.tab-pane._2 {
  background-color: #552a2a;
}

.tab-pane._3 {
  background-color: #dc2f2f;
}

.tabs-content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: #f7f7f7;
  border-radius: 1rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 10px 20px #0000001a;
}

.tab-pane {
  background-color: #8f6e6e00;
  height: auto;
}

.tab-pane._2 {
  width: 100%;
  height: 10em;
}

.tab-pane._5 {
  background-color: #418c50;
  width: 100%;
}

.tab-pane._4 {
  background-color: #617b2a;
  width: 100%;
  height: 10rem;
}

.text-block-9 {
  font-weight: 600;
}

.tab-stiky {
  position: sticky;
  top: 3rem;
}

.link-mob {
  display: none;
}

.div-block-21 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.faq-blok {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.wrapper-product {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.dropdown-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.anchor {
  z-index: -1;
  position: absolute;
  inset: -3rem 0% 0%;
}

.sticky-sentinel {
  width: 100%;
  height: 1px;
  display: none;
  position: static;
}

.dropdown-item-1 {
  position: relative;
}

.decor-link {
  pointer-events: none;
  border-radius: .63rem;
  height: 2.9rem;
  padding-top: .63rem;
  padding-bottom: .63rem;
  position: absolute;
  inset: 0% 0% auto;
}

.decor-link.w--current {
  background-color: var(--colors--white);
  box-shadow: 0 44px 44px #3333330f;
}

.text-block-10 {
  opacity: 0;
}

.icon-arrow-drop {
  margin-right: 0;
  position: relative;
}

.list {
  z-index: 2;
  position: relative;
}

.list.margen-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-22 {
  flex-flow: column;
  display: flex;
}

.section-2 {
  height: 100vh;
  position: relative;
}

.faq-bg-video {
  z-index: 1;
  width: 100%;
  height: 100svh;
  position: fixed;
  inset: 0%;
}

.dimming-video {
  z-index: 15;
  background-image: radial-gradient(circle, #0000, #3d3d3d30 24%, #fffc);
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.faq_heading {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.faq_heading.individ {
  border-radius: .63rem;
  justify-content: space-between;
  align-items: center;
  height: 2.9rem;
  padding: 1rem;
}

.heading-style-h4-3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.faq_icon {
  justify-content: center;
  align-items: center;
  margin-right: 1.25rem;
  transition: all .4s;
  display: flex;
  position: absolute;
  inset: auto 1.25rem auto auto;
}

.faq_components {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  width: 100%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.faq_components.individ {
  background-color: #f7f7f7;
  border-radius: 1rem;
  margin-top: 0;
  padding: 1.5rem;
  top: 3rem;
  box-shadow: 0 10px 20px #0000001a;
}

.faq_accordion {
  box-shadow: none;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d5dce0;
  border-radius: 16px;
  padding: 2rem;
}

.faq_accordion.individ {
  background-color: #fff0;
  border-style: none;
  border-radius: .63rem;
  padding: 0;
}

.faq_accordion.individ._1 {
  background-color: #fff0;
}

.icon-32 {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.text-color-gray {
  color: #607080;
}

.text-color-gray.w--current {
  font-weight: 700;
}

.link-9 {
  display: none;
}

.faq_body {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  transition: all .4s;
  display: flex;
  overflow: hidden;
}

.faq_body.individ {
  align-items: stretch;
}

.faq_body.individ._1 {
  z-index: 1;
}

.faq_answers {
  flex-flow: column;
  margin-top: .63rem;
  display: flex;
}

.faq_answers.individ {
  background-color: #fff0;
  margin-top: 0;
  padding: 1rem 1rem 1rem 2.5rem;
}

.bg-video-prod {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.overlay {
  z-index: 4;
  background-color: #ffffffb3;
  width: 100%;
  height: 100%;
  position: relative;
}

.overlay.product {
  position: absolute;
  inset: 0%;
}

.overlay.product-zedge {
  background-color: #fff9;
  position: absolute;
  inset: 0%;
}

.hiro-product {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.hiro-product.platform {
  height: auto;
  min-height: 100vh;
  padding-top: 7rem;
  padding-bottom: 4rem;
  position: relative;
}

.image-explore {
  height: 27rem;
}

.image-explore.height-100 {
  height: 100%;
}

.padding-l-r {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.hero-glossary {
  justify-content: center;
  align-items: center;
  height: 45vh;
  padding: 8rem 1.5rem 5rem;
  display: flex;
}

.hero-glossary.bg-gray {
  background-color: var(--colors--lightest);
}

.hero-press {
  padding: 10rem 1.5rem;
}

.bg-video {
  z-index: -1;
  background-color: var(--colors--lightest);
  position: absolute;
  inset: 0%;
}

.blackout-video {
  z-index: 3;
  background-color: #fff0;
  background-image: linear-gradient(#ffffffe6, #fff0 42%, #ffffff0d 76%, #ffffffe6);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.background-video-7 {
  width: 100%;
  height: 100%;
}

.div-block-25 {
  z-index: 5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 49rem;
  display: flex;
  position: relative;
}

.collection-list-5 {
  grid-column-gap: .31rem;
  grid-row-gap: .31rem;
  flex-flow: column;
  display: flex;
}

.swaper-margin {
  padding-bottom: 3rem;
}

.bg {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  position: absolute;
  inset: 0%;
}

.div-block-28, .div-block-28:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .div-block-28.about-54 {
  flex-flow: column;
  display: flex;
}

.div-block-29 {
  width: 100%;
  height: 100%;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.menu-cloud {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
}

.button-block-cloud {
  z-index: 2;
  background-color: #0000;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button-block-cloud.mobile-last.slide-to-top-0-8s.naw-bar {
  padding: .25rem;
}

.button-block-cloud.mobile-last.slide-to-top-0-8s.naw-bar-cloud {
  box-shadow: none;
  padding: .25rem;
}

.button-block-cloud.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem {
  margin-top: 3rem;
}

.button-block-cloud.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  margin-top: 3.1rem;
}

.button-block-cloud.mobile-last.naw-bar-cloud {
  box-shadow: none;
}

.button-block-cloud.full-width {
  display: block;
}

.button-block-cloud.slide-to-top-0-6s.naw-bar {
  padding: .125rem;
}

.button-block-cloud.slide-to-top-0-2s.margin-top.margin-top-3-rem:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  margin-top: 3rem;
}

.menu-wrapper-cloud {
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
}

.menu-wrapper-cloud.shadow-tiny {
  box-shadow: none;
  background-color: #0000;
}

.menu-wrapper-cloud.is-cloud {
  margin-right: auto;
}

.buttons-wrap-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.button-swicher {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  width: 100%;
  color: var(--colors--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.button-swicher.is-secondary {
  background-color: var(--colors--white);
  color: var(--colors--darkest);
}

.button-swicher.is-secondary:hover {
  color: var(--colors--darker);
}

.button-swicher.is-secondary.is-large.the-button-shadow.full-width {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: block;
}

.button-swicher.is-secondary.button-shadow:hover {
  box-shadow: 0 24px 24px -12px #33333314, 0 12px 12px -6px #33333314, 0 6px 6px -3px #33333314, 0 3px 3px -1.5px #33333314, 0 1px 1px -.5px #33333314;
}

.button-swicher.is-secondary.button-shadow.full-width {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button-swicher.button-shadow-alternate.color-green {
  background-color: var(--colors--brand-special);
}

.button-swicher.button-shadow-alternate.color-yelow {
  background-color: var(--colors--brand-yellow);
}

.button-swicher.button-shadow-alternate.color-blue {
  background-color: var(--colors--brand-prime);
}

.button-swicher.is-large {
  padding: 1rem 1.5rem 1rem 2rem;
}

.button-swicher.is-brand-prime {
  background-color: var(--colors--brand-prime);
}

.button-swicher.is-brand-prime:hover {
  background-color: var(--colors--brand-prime-hover);
}

.button-swicher.is-brand-prime.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-swicher.is-brand-prime.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-swicher.brand-second-cta-shadow:hover {
  background-color: var(--colors--brand-second-hover);
  box-shadow: inset 0 1px 2px #ffffff52, inset 0 .5px .5px #fff6, 0 32px 32px -16px #00000014, 0 24px 24px -12px #00000014, 0 12px 12px -6px #00000014, 0 6px 6px -3px #00000014, 0 3px 3px -1.5px #00000014, 0 1px 1px -.5px #00000014;
}

.button-swicher.div {
  width: 7rem;
  padding-right: 1.5rem;
}

.button-swicher.is-brand-special, .button-swicher.is-brand-special.button-shadow-alternate {
  background-color: var(--colors--brand-special);
}

.button-swicher.is-brand-yelow {
  background-color: var(--colors--brand-yellow);
}

.button-swicher.is-brand-yelow:hover {
  background-color: #c6aa37;
}

.button-swicher.is-brand-yelow.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-swicher.is-brand-yelow.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-swicher.is-brand-green {
  background-color: var(--colors--brand-special);
}

.button-swicher.is-brand-green.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-swicher.is-brand-green.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-swicher.is-brand-trans {
  background-color: #fff0;
}

.button-swicher.is-brand-trans.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-swicher.is-brand-trans.button-shadow-alternate.naw-bar {
  padding: .5rem 1rem;
}

.button-swicher.is-brand-trans.button-shadow-naw-cloud {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-swicher.is-brand-trans.button-shadow-naw-cloud.naw-bar {
  padding: .5rem 1rem;
}

.bg-switcher {
  z-index: 1;
  background-color: var(--colors--brand-special);
  border-radius: .75rem;
  width: 170px;
  height: 100%;
}

.swicher-block {
  background-color: var(--colors--black-003);
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
  border-radius: 1rem;
  justify-content: flex-end;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.swicher-block:hover {
  box-shadow: 0 .5px .5px 0 var(--colors--white), 0 1px 2px 0 #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.swicher-block.mobile-last.slide-to-top-0-8s.naw-bar {
  padding: .25rem;
}

.swicher-block.mobile-last.slide-to-top-0-8s.naw-bar-cloud {
  box-shadow: none;
  padding: .25rem;
}

.swicher-block.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem {
  margin-top: 3rem;
}

.swicher-block.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .swicher-block.mobile-last.slide-to-top-0-2s.margin-top.margin-top-3-rem.about-6 {
  margin-top: 3.1rem;
}

.swicher-block.mobile-last.naw-bar-cloud {
  box-shadow: none;
}

.swicher-block.full-width {
  display: block;
}

.swicher-block.slide-to-top-0-6s.naw-bar {
  padding: .125rem;
}

.swicher-block.slide-to-top-0-2s.margin-top.margin-top-3-rem:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
  margin-top: 3rem;
}

.move-bg-switcher-left {
  width: 0%;
  height: 5px;
}

.move-bg-switcher-right {
  width: 100%;
  height: 5px;
}

.switcer-items {
  justify-content: flex-start;
  align-items: center;
  padding: .25rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bullets-list-1rem-gap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column wrap;
  display: flex;
}

.is-brand-text-premium {
  color: var(--colors--brand-prime);
}

.is-brand-text-yellow {
  color: var(--colors--brand-yellow);
}

.is-brand-text-green {
  color: var(--colors--brand-special);
}

.brand-image-white:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d), .brand-image {
  display: none;
}

.brand-image:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
  display: inline-flex;
}

.hero-8-image-alt {
  z-index: 2;
}

.hero-cloud {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 100vh;
  padding: 12vh 1.5rem 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-cloud.top-hero-padding {
  position: relative;
}

.hero-cloud.text-color-white {
  padding-top: 20vh;
  padding-bottom: 6rem;
}

.hiro-blog-cloud {
  padding-top: 8rem;
  padding-bottom: 1rem;
}

.contact-cloud {
  padding-top: 8rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.fs-selectcustom_message-text {
  color: #797979;
  text-align: right;
  max-width: 16rem;
  margin-top: -4rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs-selectcustom_clear {
  width: 1rem;
  line-height: 0;
}

.select-field {
  color: #111;
  border-radius: .25rem;
  display: none;
  position: absolute;
  top: -3.5rem;
  right: -20rem;
  overflow: hidden;
}

.fs-selectcustom_message {
  background-color: #313131;
  border: 1px dashed #828282;
  border-radius: .25rem;
  width: 18rem;
  height: 4rem;
  margin-top: -4.25rem;
  margin-left: 19rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.fs-selectcustom_link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #111;
  border: 1px solid #fff0;
  border-radius: .75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: .75rem 1rem .75rem 1.1rem;
  text-decoration: none;
  transition: background-color .3s, all .2s, box-shadow .2s, color .2s;
  display: flex;
}

.fs-selectcustom_link:hover {
  background-color: var(--colors--black-003);
}

.fs-selectcustom_link:focus {
  background-color: var(--colors--black-006);
}

.fs-selectcustom_link:visited {
  background-color: var(--colors--black-003);
}

.fs-selectcustom_link.w--current {
  color: #fff;
  background-color: #6e30f7;
}

.fs-selectcustom_link.helper {
  color: var(--colors--darkest);
  background-color: #f3f3f300;
  border-style: none;
}

.fs-selectcustom_link.helper:hover, .fs-selectcustom_link.helper:visited {
  background-color: var(--colors--black-003);
}

.fs-selectcustom_message-icon {
  opacity: .4;
  filter: grayscale();
  width: 2rem;
  margin-top: -1rem;
  margin-right: -3rem;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(60deg);
}

.fs-selectcustom_dropdown-list {
  background-color: #fff;
  border-radius: .25rem;
  margin-top: 1rem;
  padding: .5rem 1rem;
  box-shadow: 0 2px 20px #0000001a;
}

.fs-selectcustom_dropdown-list.w--open {
  background-color: #fafafa;
  padding-left: 1rem;
}

.fs-selectcustom_dropdown {
  z-index: 1;
  width: 100%;
  min-height: 2.75rem;
}

.fs-selectcustom_dropdown-toggle {
  background-color: #00000005;
  border-radius: .75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .75rem 0 .75rem 1.1rem;
  display: flex;
  overflow: clip;
  box-shadow: .5px 0 #fff, 0 0 0 4px #00000003, inset 0 2px 2px -1px #00000029, inset 0 0 0 1px #0000001f;
}

.fs-selectcustom_label {
  color: #7f7f7f;
  border-radius: .25rem;
}

.div-block-30 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-subscribe {
  height: 128.193%;
  position: absolute;
  inset: 0%;
}

.brand-grin {
  background-color: var(--colors--brand-special);
}

.div-block-31 {
  width: 67%;
}

.collection-item {
  display: flex;
}

.link-bkog {
  color: var(--colors--darkest);
  text-decoration: none;
}

.link-bkog.height-100 {
  display: inline-flex;
}

.image-9 {
  height: 100%;
}

.collection-list-6 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.transition-page {
  z-index: 999;
  background-color: var(--colors--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: clip;
}

.transition-page:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
  display: none;
}

.transition-image {
  z-index: 1;
  height: 100%;
  position: relative;
}

.div-block-32 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.logo-popapp {
  width: 30rem;
}

.logo-popapp.cloude {
  width: 20rem;
}

.div-block-33 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.bg-loud-contact {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.bg-loud-contact-im {
  z-index: -1;
  height: 100%;
  position: relative;
}

.success-message-2 {
  background-color: #f0f0f000;
}

.heading-style-h7 {
  font-weight: 500;
}

.div-block-34 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-copy {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  padding-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  overflow: clip;
}

.hero-copy.top-hero-padding {
  position: relative;
}

.div-block-35 {
  background-color: #4b686333;
  border-radius: .63rem;
  width: 60px;
  min-width: 60px;
  height: 60px;
  box-shadow: inset 0 0 2px #00000026, 0 2px 1px #fff3;
}

.div-block-36 {
  background-color: #39bca666;
  border-radius: 10rem;
  padding: 2.5rem;
  box-shadow: inset 0 0 0 1px #34877926, 0 1px 1px #5a42421a;
}

.link-article {
  color: var(--colors--darkest);
  text-decoration: none;
}

.navigation-switcher, .navigation-switcher-zettabyte, .navigation-switcher-cloude {
  position: absolute;
  inset: 0% 0% auto;
}

.image-11 {
  height: 100%;
}

.blackout-ondeman {
  z-index: 2;
  background-image: linear-gradient(#0000, #fff);
  width: 100%;
  height: 10rem;
  position: absolute;
  inset: auto 0% 0%;
}

.hiro-cloude-image-bg {
  object-fit: cover;
  object-position: 50% 0%;
  height: 100%;
  min-height: 100vh;
}

.hiro-cloude-image-bg.opacity-50 {
  z-index: 1;
  opacity: .5;
  object-fit: cover;
  position: relative;
}

.hiro-cloude-image-bg.contain {
  object-fit: contain;
}

.hiro-cloude-image-bg.contain.tablet-100 {
  object-fit: cover;
}

.sviper-plyr_embed {
  width: 100%;
  height: 100%;
  position: relative;
}

.sviper-plyr_embed:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.sviper-plyr_embed.auto {
  width: auto;
  height: auto;
}

.swiper-playr {
  width: 100%;
  height: 100%;
}

.white-059-to-white-link.margin-bottom.margin-xxxsmall {
  padding-bottom: .31rem;
}

.white-059-to-white-link.police {
  font-size: .875em;
  font-weight: 300;
}

.white-059-to-white-link.police:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
  text-decoration: none;
}

.un-affiliation-row {
  border-top: 1px solid #ffffff24;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  width: 100%;
  margin-top: 2.5rem;
  padding-top: 1.75rem;
  display: flex;
}

.un-logos-row {
  flex-flow: wrap;
  align-items: center;
  gap: 14px 20px;
  display: flex;
}

.un-logo-ungm {
  width: auto;
  height: 42px;
  display: block;
}

.un-logo-sdg {
  border-left: 1px solid #ffffff38;
  width: auto;
  height: 26px;
  padding-left: 20px;
  display: block;
}

.un-affiliation-caption-wrap {
  max-width: 640px;
}

.un-footer-legal {
  border-top: 1px solid #ffffff24;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem 1.5rem;
  width: 100%;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  display: flex;
}

.text-color-black-61 {
  z-index: 2;
  color: #00000096;
  position: relative;
}

.flax-space-bet {
  justify-content: space-between;
  margin-top: auto;
  display: flex;
}

.flax-space-bet.widtth-50 {
  width: 50%;
}

.flax-space-bet.widtth-50.center-align {
  align-items: center;
}

.flax-space-bet.widtth-30 {
  width: 30%;
}

.flax-space-bet.widtth-30.center-align {
  align-items: center;
}

.flax-space-bet.widtth-30.center-align.mob-vertical {
  flex-flow: row;
  width: 40%;
}

.heading-15 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.frame-background-2 {
  background-color: #00000008;
  border-radius: 2rem;
  width: 100%;
  padding: .5rem;
  box-shadow: inset 0 0 0 1px #4141410a;
}

.frame-container-2 {
  background-color: #fff;
  border-radius: 1.5rem;
  width: 100%;
}

.frame-container-2.shadow-large, .frame-container-2.shadow-tiny {
  padding: .5rem;
}

.image-12 {
  object-fit: cover;
  width: 100%;
  height: 35rem;
}

.image-13 {
  height: 15rem;
}

.blog-text-column {
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
}

.blog-stack-vertical {
  grid-row-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.blog-image-full {
  grid-row-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-color-black-62 {
  z-index: 2;
  color: #00000096;
  position: relative;
}

.blog-meta-vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: .5rem;
}

.heading-style-h1-2 {
  letter-spacing: -.07ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl, Arial, sans-serif;
  font-size: 6rem;
  line-height: 1.2;
}

.heading-style-h3-3 {
  letter-spacing: -.06ch;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-h3-3.slide-to-top-0-2s.max-w-60 {
  text-transform: none;
  width: 60%;
}

.heading-style-h5-2 {
  letter-spacing: -.04ch;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.text-color-black-63 {
  z-index: 2;
  color: #00000096;
  position: relative;
}

.text-color-black-63.bottom-margin-auto {
  margin-bottom: auto;
}

.box-container-2 {
  flex-flow: column wrap;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.shadow-large-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #4141410a, 0 1px 1px -.5px #3333330a, 0 3px 3px -1.5px #3333330a, 0 6px 6px -3px #3333330a, 0 12px 12px -6px #3333330a, 0 24px 24px -12px #3333330a, 0 32px 32px -16px #3333330a, 0 44px 44px -16px #3333330f;
}

.shadow-large-2.height-100.rounded-1-5rem.padding-medium.brand-light-green {
  background-color: #e7f7f4;
}

.concave-frame-2 {
  background-color: #00000008;
  border-radius: 2rem;
  padding: .5rem;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px #ffffffa3, 0 .5px .5px #fff;
}

._3-col-grid-2rem-gap-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-col-grid-2rem-gap-2.t2-ml1-mp1 {
  grid-column-gap: 2rem;
}

.italic-selected-2 {
  padding-left: .75rem;
  padding-right: .75rem;
  font-style: normal;
  box-shadow: inset 0 0 0 1px #3a7dba;
}

.italic-selected-2.border-brand-green {
  box-shadow: inset 0 0 0 1px #39bca6;
}

.concave-divider-2 {
  background-color: #00000008;
  border-radius: 1rem;
  width: 3rem;
  height: .25rem;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.concave-divider-2.center-align {
  margin-left: auto;
  margin-right: auto;
}

.concave-divider-2.full-width {
  width: 100%;
}

.bold-selected-2 {
  color: #3a7dba;
  background-image: url('../images/Small.png'), url('../images/Small.png'), url('../images/Small.png'), none;
  background-position: 0 0, 0 100%, 100% 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 13px, 13px, 13px, 13px;
  padding: 6px 6px 7px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

.bold-selected-2.is-brand-green {
  color: #39bca6;
  background-image: url('../images/Small-1.png'), url('../images/Small-1.png'), url('../images/Small-1.png'), none;
}

.chevron-bullet-light-2 {
  background-color: #00000008;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #4141410f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px #ffffffa3, 0 .5px .5px #fff;
}

.chevron-bullet-light-2.rounded-100.padding-xxxsmall {
  padding: .2rem;
}

.section-3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.section-3.padding-section-small {
  display: block;
}

.all-caps-label-3 {
  color: #696969;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3rem;
  padding: .375rem 1rem;
  font-family: Suisseintl, Arial, sans-serif;
  font-size: .688rem;
  font-weight: 700;
  line-height: 1rem;
  display: inline-flex;
}

.all-caps-label-3.text-color-darker {
  color: #262626;
}

.bullet-link-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #262626;
  text-decoration: none;
  display: flex;
}

.bullet-link-2:hover {
  color: #696969;
}

.bullet-link-2.margin-top.margin-small.slide-to-top-0-4s.is-brand-text-green {
  color: var(--colors--brand-special);
}

.block-autor {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  row-gap: .5rem;
  display: flex;
}

.dropdown-link-dark {
  color: #222;
  text-decoration: none;
}

.hidden-honeypot {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.contact-cta-wrapper {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.form-group-spacing {
  margin-bottom: 1.5rem;
}

.contact-cta-text {
  color: #00000096;
  font-size: 1.125rem;
  line-height: 1.6;
}

.square-button-block-2 {
  color: #fff;
  background-color: #262626;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.square-button-block-2:hover {
  background-color: #000;
}

.square-button-block-2.is-secondary {
  color: #262626;
  background-color: #fff;
}

.square-button-block-2.is-secondary:hover {
  color: #696969;
}

.button-2 {
  background-color: #262626;
  border-radius: .75rem;
  padding: .75rem 1.5rem;
  font-weight: 500;
  transition: color .2s, box-shadow .2s, background-color .2s;
  box-shadow: 0 24px 24px -8px #33333308, 0 10px 10px -5px #33333308, 0 5px 5px -2.5px #33333308, 0 3px 3px -1.5px #3333330a, 0 2px 2px -1px #3333330a, 0 1px 1px -.5px #33333308, 0 0 0 1px #4141410f;
}

.button-2:hover {
  background-color: #000;
}

.button-2.is-brand-prime.button-shadow-alternate.is-large.full-width {
  width: 100%;
}

.button-block-5 {
  background-color: #00000008;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.button-block-5:hover {
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.zbpr-card-lead {
  border-top: 4px solid #2f6791;
}

.h100rsv-wrap {
  margin-top: 1.5rem;
}

.h100rsv-label {
  color: #00000096;
  margin-bottom: .25rem;
  font-size: 1rem;
  line-height: 1.4;
}

.h100rsv-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: baseline;
  display: flex;
}

.h100rsv-price {
  letter-spacing: -.06ch;
  font-family: Suisseintl, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.h100rsv-unit {
  color: #00000096;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.zb-div-bottom {
  margin-top: auto;
}

.tab-link-tab {
  background-color: #ddd0;
  flex: 1;
  padding: 0 0 0 0;
  font-weight: 500;
}

.tab-link-tab.w--current {
  background-color: var(--colors--brand-prime);
  color: var(--colors--white);
  border-radius: .75rem;
  box-shadow: 0 32px 32px -16px #2626263d, 0 24px 24px -12px #2626263d, 0 12px 12px -6px #2626263d, 0 6px 6px -3px #2626263d, 0 3px 3px -1.5px #2626263d, 0 1px 1px -.5px #2626263d;
}

.tab-link-tab.w--current:where(.w-variant-d62b3a6e-24fc-8d1f-2a4c-94f0921f016d) {
  background-color: var(--colors--brand-special);
}

.div-block-38 {
  border-radius: .75rem;
  padding: .75rem .7rem;
}

.div-block-39 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 11rem;
  margin-bottom: 3rem;
  display: flex;
}

.prise-block {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tabs-content-2 {
  height: 100%;
  padding-top: 2.3rem;
  overflow: visible;
}

.tab-pane-tab-1-2 {
  height: 100%;
}

.tabs-2, .div-block-40 {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.text-price {
  font-family: var(--typography--heading);
  letter-spacing: -.05ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.fs-selectcustom_link-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #111;
  border: 1px solid #fff0;
  border-radius: .75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: .75rem 1rem .75rem 1.1rem;
  text-decoration: none;
  transition: background-color .3s, all .2s, box-shadow .2s, color .2s;
  display: flex;
}

.fs-selectcustom_link-2:hover {
  background-color: #00000008;
}

.fs-selectcustom_link-2:focus {
  background-color: #0000000f;
}

.fs-selectcustom_link-2:visited {
  background-color: #00000008;
}

.fs-selectcustom_link-2.w--current {
  color: #fff;
  background-color: #6e30f7;
}

.fs-selectcustom_link-2.helper {
  color: #262626;
  background-color: #f3f3f300;
  border-style: none;
}

.fs-selectcustom_link-2.helper:hover, .fs-selectcustom_link-2.helper:visited {
  background-color: #00000008;
}

.form-field-label-2 {
  color: #262626;
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 400;
}

.success-message-3 {
  background-color: var(--colors--brand-prime);
  color: var(--colors--white);
  border-radius: .94rem;
  padding-top: 50px;
  padding-bottom: 50px;
}

.text-span-2 {
  font-size: 1.5rem;
}

.form-input-2 {
  display: block;
  position: absolute;
  left: -100vw;
}

.text-span-3 {
  font-size: 1.5rem;
}

.form-error-message {
  color: #f06416;
  font-size: .75em;
  display: none;
  position: absolute;
  inset: auto auto -1.4rem;
}

.fw-body {
  background-color: #fff;
  padding: 1rem 0 3.5rem;
}

.fw-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.fw-lead {
  color: #262626;
  margin: 0 0 1rem;
  font-family: Suisseintl, Inter, sans-serif;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.5;
}

.fw-p {
  color: #00000096;
  margin: 0 0 1rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

.fw-h {
  color: #262626;
  letter-spacing: -.04ch;
  margin: 2.75rem 0 1rem;
  font-family: Suisseintl, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.fw-list {
  color: #00000096;
  margin: 0 0 1rem;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

.fw-li {
  margin-bottom: .6rem;
}

.fw-b {
  color: #262626;
  font-weight: 600;
}

.fw-pills {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-wrap: wrap;
  margin: .25rem 0 1rem;
  display: flex;
}

.fw-pill {
  color: #262626;
  background-color: #f0f0f0;
  border-radius: 3rem;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .92rem;
  font-weight: 500;
  display: inline-flex;
}

.fw-apply {
  background-color: #fff;
  padding: 0 0 4.5rem;
}

.fw-div {
  background-color: #0000001a;
  max-width: 760px;
  height: 1px;
  margin: 0 auto 2.5rem;
}

.fw-apply-h {
  color: #262626;
  letter-spacing: -.04ch;
  margin: 0 0 1rem;
  font-family: Suisseintl, Inter, sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}

.fw-formmount {
  margin-top: 1.75rem;
}

.fwh-eyebrow {
  color: #3a7dba;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.fwh-chips {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.25rem 0 .5rem;
  display: flex;
}

.fwh-chip {
  color: #262626;
  background-color: #f0f0f0;
  border-radius: 3rem;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .92rem;
  font-weight: 500;
  display: inline-flex;
}

.fellowship-body-prose {
  flex-direction: column;
  gap: .9rem;
  display: flex;
}

.fellowship-form-card {
  background-color: #fff;
  border-radius: 1.5rem;
  margin-top: 2.5rem;
  padding: 2.5rem;
  box-shadow: 0 20px 50px -12px #2626262e;
}

.fellowship-body-heading {
  margin-top: 2rem;
  margin-bottom: 0;
}

.fellowship-chip-icon {
  color: #262626;
  background-color: #f0f0f0;
  border-radius: .75rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  box-shadow: inset 0 1px 2px #2626261a;
}

.fellowship-chip-text {
  margin-top: 0;
  margin-bottom: 0;
}

.list-2 {
  margin-bottom: 0;
}

.list-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.background-video-8 {
  width: 100%;
  height: 60%;
}

.gallery-image {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  display: block;
}

.gallery-frame {
  aspect-ratio: 3 / 2;
  background-color: #fff;
  border-radius: 1.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 24px -10px #26262638;
}

.gallery-meta {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: .4rem;
  width: 100%;
  height: 100%;
  padding: .9rem 1rem .85rem;
  display: flex;
}

.gallery-card {
  background-color: #00000008;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: .5rem;
  width: 100%;
  height: 100%;
  padding: .5rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #4040400f, inset 0 1px 1px -.5px #33333314, inset 0 2px 2px -1px #33333314, 0 1px 2px #ffffffa3;
}

.gallery-date-pin {
  margin-top: auto;
  padding-top: .6rem;
}

.heading-style-h4-4 {
  letter-spacing: -.05ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.button-block-label-2 {
  text-transform: none;
}

.button-block-is-icon-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  background-color: #262626;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem .75rem 1.5rem;
  font-weight: 500;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.button-block-is-icon-3:hover {
  background-color: #000;
}

.button-block-is-icon-3.is-brand-prime {
  background-color: #3a7dba;
}

.button-block-is-icon-3.is-brand-prime:hover {
  background-color: #2f6791;
}

.button-block-is-icon-3.is-brand-prime.button-shadow-alternate {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.button-block-6 {
  background-color: #00000008;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #33333314, inset 0 0 0 1px #4141410f;
}

.button-block-6:hover {
  box-shadow: 0 .5px .5px #fff, 0 1px 2px #ffffffa3, inset 0 2px 2px -1px #33333314, inset 0 1px 1px -.5px #3333331f, inset 0 0 0 1px #4141411f;
}

.div-block-41 {
  margin-top: 4rem;
}

.footer-legal-links {
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.footer-legal-right {
  margin-left: auto;
}

._2-col-grid-1-5rem-footer {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 1px solid #ffffff24;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.75rem;
  padding-top: 1.125rem;
  display: grid;
}

.un-footer-legal-2 {
  width: 100%;
}

.div-block-42 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .heading-style-h3.slide-to-top-0-4s.max-w-1280-br-point {
    width: 94%;
  }

  .heading-style-h3._992-style-h4, .heading-style-h3.style-h3 {
    font-size: 3rem;
  }

  .info-box.padding-small.concave-darker.rounded-100 {
    box-shadow: inset 0 0 0 1px #00000029, inset 0 1px 1px -.5px #00000029, inset 0 2px 2px -1px #00000029, 0 .5px .5px #ffffff14, 0 1px 2px #ffffff0a;
  }

  .info-box.padding-small.rounded-100.concave-brand-green {
    box-shadow: inset 0 0 0 1px #39bca629, inset 0 1px 1px -.5px #39bca629, inset 0 2px 2px -1px #39bca629, 0 .5px .5px #39bca614, 0 1px 2px #39bca60a;
  }

  .form-input.company, .form-input.name {
    padding-left: 4rem;
  }

  .slide-to-top-0-2s.h1-platform {
    font-size: 4.5rem;
  }

  .button-block-label.mar-top-btn:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
    padding-top: .15rem;
  }

  .button-block-container.is-swiper {
    width: auto;
    padding: .75em;
  }

  .footer-info-wrap:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-info-wrap.about-52, .footer-info-wrap.about-60 {
    justify-content: flex-start;
  }

  ._2-col-grid-7-5rem-gap.hiro-cloud {
    grid-column-gap: 7.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .image-container.height-100.h-23-8 {
    height: 24.2rem;
  }

  .image-container.max-w-11rem {
    max-height: 12.3rem;
  }

  .tablet-pricing.slide-to-top-0-4s:where(.w-variant-d62b3a6e-24fc-8d1f-2a4c-94f0921f016d) {
    text-align: left;
  }

  .success {
    color: var(--colors--white);
    border-radius: .75rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .swiper-slide.testimonials_slider_item {
    width: 40%;
  }

  .number-style-2 {
    margin-bottom: 0;
  }

  .black-overlay {
    padding: 30px;
  }

  .swiper-image {
    z-index: 1;
    border-radius: 1em;
    justify-content: center;
    align-items: center;
  }

  .swiper-blackout {
    background-image: none;
  }

  .button-swiper.is-swiper {
    padding: .2rem;
  }

  .button-icon.rotate {
    transform: rotate(180deg);
  }

  .link-block-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .testimonials-arrow.is-swiper {
    padding: .2rem;
  }

  .swipper-btn {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .section-partners.small-margin {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .logo {
    max-width: 60%;
  }

  ._2-col-grid-hiro {
    grid-column-gap: 7.5rem;
    grid-template-columns: 1fr .48fr;
  }

  .stiyle-h1 {
    font-size: 5rem;
  }

  ._2-col-grid-fr-0-5 {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: .5fr 1fr;
  }

  .stiyle-h1-copy, .highlight-frame {
    font-size: 5rem;
  }

  .image-explore {
    height: 29rem;
  }

  .buttons-wrap-footer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    display: flex;
  }

  .select-field {
    display: none;
  }

  .fs-selectcustom_dropdown-list.w--open {
    background-color: #fafafa;
  }

  .fs-selectcustom_dropdown {
    background-color: #00000005;
    border-color: #d1d1d1;
    border-radius: .75rem;
  }

  .tab-link-tab {
    border-radius: 1rem;
    width: 100%;
  }

  .div-block-38 {
    justify-content: center;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .div-block-39 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-span-3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .heading-style-h5._2-card-33 {
    text-transform: capitalize;
  }

  .text-color-darker.text-align-right {
    text-align: right;
  }

  .text-color-white-059.margin-top.margin-large:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .text-color-white-059.margin-top.margin-large.about-73 {
    margin-top: 4rem;
  }

  .dropdown-toggle:hover {
    color: var(--colors--black);
  }

  .first-footer-column:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .first-footer-column.about-12 {
    margin-bottom: 4rem;
  }

  .footer-box:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-box.about-49, .footer-box.about-57 {
    color: var(--colors--white);
  }

  .footer-cta-section.padding-xxlarge:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.about-3 {
    background-image: url('../images/texture-cta.webp');
    background-position: 50%;
    background-size: cover;
  }

  .bold-selected {
    background-image: url('../images/Small.png'), url('../images/Small.png'), url('../images/Small.png'), url('../images/Small.png');
    background-position: 0 0, 0 100%, 100% 0, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 13px, 13px, 13px, 13px;
  }

  .background-image.height-35rem {
    width: 75rem;
  }

  .center-align.margin-top.margin-large.gap-20, .center-align.margin-top.margin-large.gap-1-5rem {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-carousel-image {
    flex: none;
  }

  .swiper-slide.products-slide {
    width: 43%;
  }

  .logo-case-2 {
    height: 40px;
  }

  .link-block {
    width: 100%;
  }

  ._2-col-grid-2rem-gap {
    grid-template-columns: 1fr 1fr;
  }

  .section-partners.small-margin {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .logo {
    max-width: 55%;
  }

  .partner-logo-container {
    min-width: 9rem;
  }

  .background-video {
    height: 100%;
  }

  .heading-style-h6-link {
    font-size: 1.5rem;
  }

  .naw-link:hover {
    color: var(--colors--black);
  }

  .prev-slot.js-prev {
    width: 100%;
  }

  .next-slot.js-next {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .cms-prev-next-block {
    justify-content: space-between;
    align-items: center;
  }

  ._2-col-grid-fr-0-5 {
    grid-template-columns: .5fr 1fr;
  }

  .slide {
    margin-right: 2rem;
  }

  .div-put {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .blue {
    flex: none;
    width: 100%;
    height: 100%;
  }

  .text-block-4 {
    text-transform: capitalize;
  }

  .post {
    flex-flow: column;
    display: flex;
  }

  .post.align-right {
    justify-content: center;
    align-items: flex-end;
  }

  .image-h20.height-35rem {
    width: 75rem;
  }

  .max-width._50 {
    width: 50%;
  }

  .max-width._60 {
    width: 60%;
  }

  .max-width._70 {
    width: 70%;
  }

  .max-width._80 {
    width: 80%;
  }

  .background-image-copy.height-35rem {
    width: 75rem;
  }

  .dimming-video {
    background-image: radial-gradient(circle, #0000, #4f4f4f40 31%, #e0e0e0b3 88%, #fffc);
  }

  .hiro-product.platform {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-28 {
    flex-flow: column;
    display: flex;
  }

  .bold-selected-2 {
    background-image: url('../images/Small.png'), url('../images/Small.png'), url('../images/Small.png'), none;
    background-position: 0 0, 0 100%, 100% 0, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 13px, 13px, 13px, 13px;
  }
}

@media screen and (min-width: 1920px) {
  .heading-style-h3.slide-to-top-0-2s.max-w-60 {
    width: 50%;
  }

  .slide-to-top-0-2s.max-width-xxxlarge {
    max-width: 55rem;
  }

  .section.text-color-white.brand-prime-background.texture-large-bg {
    background-position: 50%;
  }

  .footer-cta-section.padding-xxlarge:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
    background-image: url('../images/Texture.svg');
  }

  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.about-3 {
    background-image: url('../images/42f75084954b7b65a9a06286e5130a8f46d44a13.png');
    background-size: cover;
  }

  .bold-selected-h1 {
    background-image: url('../images/handler-detail_1handler-detail.png'), url('../images/Small_1.png'), url('../images/handler-detail_1handler-detail.png'), url('../images/handler-detail_1handler-detail.png');
  }

  .swiper-slide.products-slide {
    width: 42%;
  }

  .section-partners.small-margin {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footnote {
    color: #646875;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    display: flex;
  }

  .logo-container {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-left: 60px;
    margin-right: 60px;
  }

  .logo {
    max-width: 55%;
  }

  .partners-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .partner-logo-container {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    min-width: 10rem;
    margin-right: 8rem;
  }

  .logo-partners-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
  }

  .stiyle-h1 {
    font-size: 5.5rem;
  }

  .bg-prod {
    overflow: clip;
  }

  .marquee-box {
    height: 4rem;
  }

  .stiyle-h1-copy, .highlight-frame {
    font-size: 5.5rem;
  }

  .dropdown-list-2 {
    flex-flow: column;
  }

  .faq-bg-video {
    width: 100%;
    height: 100%;
  }

  .dimming-video {
    z-index: 2;
    background-image: radial-gradient(circle, #0000 45%, #fffc 77%);
    position: absolute;
  }

  .logo-popapp.cloude {
    width: 30rem;
  }

  .heading-style-h3-3.slide-to-top-0-2s.max-w-60 {
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  h1, h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .left-sidebar {
    display: none;
  }

  .style-guide-wrap {
    margin-left: 0;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
    font-weight: 300;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .heading-style-h3.margin-bottom.margin-large.tablet-centered {
    text-align: center;
  }

  .heading-style-h3.slide-to-top-0-4s.margen-big-5.max-w-80 {
    width: 100%;
  }

  .heading-style-h3.slide-to-top-0-2s.ps {
    display: none;
  }

  .heading-style-h3.slide-to-top-0-2s.mob {
    padding-left: 1.5rem;
    display: block;
  }

  .heading-style-h3._992-style-h4 {
    font-size: 3rem;
  }

  .heading-style-h3.text-color-darkest.max-w-70, .heading-style-h3.text-color-darkest.max-w-70:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .heading-style-h3.text-color-darkest.max-w-70.about-4 {
    width: 90%;
  }

  .heading-style-h3.tablet-small {
    font-size: 1.5rem;
  }

  .heading-style-h3.style-h3 {
    font-size: 3rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .heading-style-h4.margin-bottom.margin-medium.mob-none-mar {
    margin-bottom: 0;
  }

  .heading-style-h6.slide-to-top-0-4s.mob {
    display: block;
  }

  .text-size-large.text-color-black-059.tablet-centered.mob-1rem {
    font-size: 1rem;
  }

  .text-color-white.mob-black {
    color: var(--colors--black);
  }

  .text-color-black-059.margin-bottom.margin-large.slide-to-top-0-6s.max-w-70, .text-color-black-059.margin-bottom.margin-large-special.slide-to-top-0-6s.max-w-70 {
    margin-left: auto;
    margin-right: auto;
  }

  .text-color-black-059.mobile-center-align {
    text-align: center;
  }

  .text-color-black-059.aling-right.max-w-8 {
    width: auto;
  }

  .text-color-black-059.max-w-70 {
    width: 80%;
  }

  .svg-icon.display-flex {
    display: flex;
  }

  .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-50, .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-58 {
    width: 3.4rem;
    height: 3.4rem;
  }

  .padding-section-small {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .padding-section-large {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .padding-section-huge {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-large.mob-flax-central {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .margin-bottom.margin-large.mob-padd-1rem {
    padding-left: 1.5rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .button.is-brand-prime.button-shadow-alternate.is-large.full-width, .button.is-brand-special.button-shadow-alternate.is-large.full-width {
    width: 100%;
  }

  .max-width-small.t-full-width {
    max-width: none;
  }

  .slide-to-top-0-2s.h1-platform {
    font-size: 2.7rem;
  }

  .dropdown-menu.w--open {
    background-color: #0000;
    margin-top: 0;
    margin-left: 0;
    padding: 0;
  }

  .dropdown-menu.menu-shadow {
    box-shadow: none;
  }

  .menu-right {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .menu-first {
    flex-flow: column wrap;
    display: flex;
  }

  .menu-left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .menu-last {
    flex-flow: column wrap;
    align-items: stretch;
    margin-top: 2.5rem;
  }

  .icon-2 {
    color: #262626;
  }

  .brand.is-cloud {
    height: auto;
  }

  .menu-wrapper {
    z-index: 5;
    background-color: #fbfbfb;
    padding: 1.5rem;
  }

  .menu-wrapper.shadow-tiny {
    background-color: #fbfbfb;
    box-shadow: 0 0 0 1px #4141410f, 0 1px 1px -.5px #33333314, 0 2px 2px -1px #33333314;
  }

  .dropdown-menu-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-top: 1px solid var(--colors--lighter);
    border-bottom: 1px solid var(--colors--lighter);
    flex-flow: column wrap;
    grid-template-columns: 3fr;
    margin-top: .5rem;
    margin-bottom: 0;
    padding: .5rem 0;
  }

  .menu-button {
    color: var(--colors--darkest);
    background-color: #0000;
  }

  .menu-button:where(.w-variant-b03136bf-a9ee-40e1-6b4e-d3ac6862351d) {
    color: var(--colors--darkest);
  }

  .menu-button.w--open {
    color: var(--colors--darkest);
    background-color: #0000;
  }

  .logo-image {
    width: 9rem;
  }

  .menu-column.column-padding {
    padding-top: 0;
  }

  .navigation {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: .375rem;
  }

  .navigation.style-guide {
    display: block;
  }

  .navigation.is-cloud {
    padding-left: 1.5rem;
  }

  .nav-dropdown-link {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .dropdown-toggle {
    text-align: center;
    padding-right: 1rem;
    display: block;
  }

  .dropdown-toggle.text-color-white {
    color: var(--colors--black);
  }

  .container.footer-extended {
    padding-top: 16rem;
    padding-bottom: 6rem;
  }

  .container.footer-extended:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
    padding-top: 4rem;
  }

  .container.lift-padd {
    padding-left: 0;
  }

  .container.footer-cloud:where(.w-variant-8d32f74c-82c7-fe74-ef71-468ceacc7562) {
    padding-top: 4rem;
  }

  .section.padding-section-large.mob-papping-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .section.margen-bottom-mob {
    padding-bottom: 3rem;
  }

  .section.padding-bottom-4rem {
    padding-bottom: 2.5rem;
  }

  .section.color-grey {
    background-position: 0 0;
    background-size: cover;
  }

  .section.padding-section-medium.texture-bg-cloud {
    text-align: center;
  }

  ._3-col-grid-3rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  ._3-col-grid-3rem-gap.tablet-2coll {
    grid-template-columns: 1fr 1fr;
  }

  ._2-col-grid-1-5rem-gap, ._3-col-grid-1-5rem-gap, ._3-col-grid-1-5rem-gap.testimonials-grid {
    grid-template-columns: 1fr;
  }

  .cart-container {
    flex: 1;
    justify-content: flex-end;
    display: flex;
  }

  .shadow-medium.rounded-1-5rem.padding-huge.max-width-xhuge.license-mobile-padding {
    padding: 3rem;
  }

  .button-block.mobile-last.slide-to-top-0-8s.naw-bar.js-transition-link.mob-btn-nav {
    display: inline-flex;
  }

  .button-block.full-width.tabs {
    width: auto;
  }

  .button-block.tablet-width-100 {
    width: 100%;
  }

  .concave-divider.full-width.margin-top.margin-small-tabas {
    margin-top: 2.7rem;
  }

  .concave-divider.concave-center, .concave-divider.animated-divider.margin-top.margin-small.tablet-mar-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .list-item-wrap {
    padding: .75rem 1.25rem .75rem .75rem;
  }

  .nav-link {
    text-align: center;
  }

  .cart-bullet {
    border-radius: .375rem;
    min-width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    top: -.5rem;
    right: -.5rem;
  }

  .banner-left, .white-transparent-link.margin-left.margin-tiny {
    display: none;
  }

  ._12col-footer-grid {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
                         "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                         "Area Area Area Area Area Area Area Area Area Area Area Area";
  }

  .first-footer-column {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0;
  }

  .last-footer-column {
    border-left-style: none;
    border-left-width: 0;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
  }

  .menu-column-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column wrap;
  }

  .title-wrap {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
  }

  .footer-links-wrap {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.cloud-footer {
    background-image: url('../images/BackgroundBorder-4.webp');
  }

  .hero.shortest-hero {
    min-height: 25rem;
  }

  .hero.top-hero-padding {
    height: auto;
    min-height: 100vh;
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  ._2-col-grid-7-5rem-gap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  ._2-col-grid-7-5rem-gap.vertical-center-align {
    grid-template-columns: 1fr;
  }

  ._2-col-grid-7-5rem-gap.full-width {
    text-align: left;
    justify-items: stretch;
  }

  ._2-col-grid-7-5rem-gap.is-allocation {
    grid-template-columns: 2.75fr;
  }

  ._2-col-grid-7-5rem-gap.hiro-cloud {
    grid-template-columns: 1fr .5fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .buttons-wrap {
    justify-content: center;
  }

  .frame-container.shadow-large.relative-container.height-100.tablet-20-rem, .frame-container.shadow-large.relative-container.tablet-20-rem {
    height: 20rem;
  }

  .image-container.height-100 {
    height: 30rem;
  }

  .image-container.height-100.mob-height-100 {
    height: 100%;
  }

  .image-container.height-100.h-23-8 {
    height: 35rem;
  }

  .image-container.max-w-11rem {
    max-height: none;
  }

  .background-image {
    width: 100%;
  }

  .background-image.width-100.display-block {
    height: 68.3547%;
  }

  .background-image.height-35rem {
    width: 100%;
  }

  .background-image.height-5rem {
    height: 20rem;
  }

  .person-image {
    width: 100%;
  }

  .hero-right-side {
    width: 100%;
    display: block;
  }

  .italic-selected {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .hero-relative.hero-2-background {
    text-align: center;
  }

  .hero-relative.shortest-hero {
    min-height: 25rem;
    padding-top: 3.75rem;
  }

  .hero-relative.shorter-hero {
    min-height: 30rem;
    padding-top: 3.75rem;
  }

  .hero-relative.top-hero-padding {
    padding-top: 6.75rem;
  }

  .hero-relative.bottom-hero-padding {
    padding-bottom: 5.5rem;
  }

  .navigation-absolute {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: .3755rem;
  }

  .radial-bg-container.mobile-only {
    display: block;
    top: -5%;
  }

  .radial-bg-container.home-2-radial-bg {
    top: 0;
  }

  .large-man {
    top: 3rem;
  }

  .large-man-container {
    position: static;
  }

  .hero-2-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column wrap;
  }

  .hero-2-left {
    text-align: center;
  }

  .hero-2-right {
    text-align: center;
    align-items: center;
  }

  .div-block {
    align-items: center;
  }

  .floating-box-container {
    display: none;
  }

  .hero-4-image {
    max-width: 100%;
    position: static;
  }

  .bottom-team {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    left: 1.5rem;
    right: 1.5rem;
  }

  .top-center-content {
    align-items: stretch;
    margin-bottom: 16rem;
  }

  .half-screen-image {
    margin-top: 3rem;
    position: static;
  }

  .image {
    border-radius: 1.5rem;
  }

  .hero-features-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .heading-center-align.negative-margin-bottom {
    margin-bottom: 1.5rem;
  }

  .feature-grid-column.no-tablet, .hero-grid-highlight.no-tablet.shadow-tiny {
    display: none;
  }

  .social-buttons-wrap, .social-buttons-wrap.align-right {
    justify-content: center;
  }

  .info-container {
    text-align: center;
    flex-flow: column wrap;
    width: 100%;
  }

  .info-container._1-25-gap.top-align {
    flex-flow: row;
  }

  .info-container._1-25-gap.top-align.tablet-align-left {
    text-align: left;
  }

  .info-container.top-align.tablet-align-center {
    justify-content: flex-start;
    align-items: center;
  }

  ._4-square-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  ._3-col-grid-2rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .box-wrap {
    align-items: stretch;
  }

  .portrait-image.big:where(.w-variant-9058a7e3-de4c-75d8-ed9a-7e41aa923ee9) {
    height: 45rem;
  }

  .portrait-image.height-27 {
    height: 33rem;
  }

  .features-2-right-side {
    width: 100%;
    display: flex;
  }

  .portrait-container.secondary {
    width: 48%;
  }

  .highlight-cell.fourth-cell, .highlight-cell.fifth-cell, .highlight-cell.sixth-cell {
    border-bottom: 0 #0000;
  }

  ._2-to-1---2rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    align-items: center;
  }

  ._2-to-1---2rem-gap.diverge-grid {
    align-items: start;
  }

  .bullet-list-item.slide-to-top-0-6s.heiding-fix, .bullet-list-item.slide-to-top-0-4s, .bullet-list-item.slide-to-top-0-4s.heiding-fix {
    height: auto;
  }

  .bullet-list-item.tablet-align-left {
    text-align: left;
  }

  .concave-frame.detailed-pricing {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .member-details {
    padding: 2rem;
  }

  .white-background.padding-xhuge.rounded-1-5rem.no-mobile-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .testimonial-container.slide-to-top-0-4s.case-studies-slide {
    width: 100%;
  }

  ._2-col-grid-4-5rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  ._2-col-grid-4-5rem-gap.tablet-gap-3rem {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .vertical-testimonial-container {
    padding: 2rem;
  }

  ._3-col-grid-4-5rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .cta-section-line {
    flex-flow: column wrap;
  }

  .blog-meta-container {
    text-align: left;
  }

  .blog-post-absolute-label.width-100 {
    height: 100%;
  }

  .keyword-container {
    margin-top: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .keyword-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
  }

  .keyword-text {
    font-size: 1rem;
    line-height: 2rem;
  }

  .keyword-section.padding-bottom-15rem {
    padding-bottom: 10rem;
  }

  ._2-col-grid-6rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .testimonial-inverted-author {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column wrap;
    align-content: center;
    padding-top: 4rem;
    padding-bottom: 1rem;
  }

  .pricing-top.margin-bottom.margin-large.flax-deriction-vertical {
    height: auto;
  }

  .highlight-cell-large {
    justify-content: center;
    align-items: center;
    height: 18rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .highlight-cell-large.light-border {
    border-bottom: 1px solid var(--colors--light);
    border-right-style: none;
    border-right-width: 0;
  }

  .testimonial-board-bottom {
    padding-bottom: 1.5rem;
  }

  .vertical-container.head-container-left-alt {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: center;
    padding: 1.5rem;
  }

  .info-container-small {
    text-align: left;
  }

  .logo-horizontal-list.margin-top.margin-large {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  ._4-col-grid-no-gap {
    grid-template-columns: 1fr;
  }

  .features-centered {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tablet-view {
    display: block;
  }

  .fixed-height-feature {
    height: auto;
  }

  .title-column {
    display: none;
  }

  .d3-t3-ml2-mp1 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .d3-t3-ml1-mp1 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .d3-t1-ml1-mp1 {
    grid-template-columns: 1fr;
  }

  .d3-t2-ml1-mp1 {
    grid-template-columns: 1fr 1fr;
  }

  .buttons-wrap-responsive {
    justify-content: center;
  }

  .t2-ml1-mp1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .t3-ml1-mp1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .t1-ml1-mp1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tablet-centered {
    margin-left: auto;
    margin-right: auto;
  }

  .head-top-left-container {
    text-align: center;
  }

  .width-100 {
    width: 100%;
  }

  .logo-component {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .tablet-pricing {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .hero-padding-small {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .vertical-flex.tablet-center {
    align-items: center;
  }

  .horizontal-flex-1-5rem-gap.tablet-full-width {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column wrap;
  }

  .contact-head-left {
    text-align: center;
    align-self: center;
    align-items: center;
  }

  .contact-2-container, .contact-3-right-side {
    align-items: center;
  }

  .two-fields-container, .two-fields-container-options {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .two-fields-container-options.margin-top.margin-large {
    flex-flow: column wrap;
  }

  .sign-in-image {
    align-items: center;
  }

  .sign-in-right {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sign-in-right.padding-vertical.padding-xhuge.tablet-padding {
    padding-top: 1.5rem;
    padding-bottom: 0;
  }

  .coming-soon-image {
    align-items: center;
  }

  .coming-soon-left {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .coming-soon-left.padding-vertical.padding-xxlarge.tablet-padding {
    padding-bottom: .5rem;
  }

  .coming-soon-heading-area {
    align-self: center;
  }

  .demo-head-left {
    text-align: center;
    align-self: center;
    align-items: center;
  }

  .diverge-container {
    margin-top: 4rem;
  }

  .blog-image-link.width-100.height-19rem, .blog-image-link.width-100.height-20rem {
    height: 20rem;
  }

  .blog-image-link.width-100.ratio-1-1 {
    aspect-ratio: 16 / 9;
  }

  .hero-4-image-alt {
    max-width: 100%;
    position: static;
  }

  .newsletter-title-area {
    flex-flow: column wrap;
    align-items: center;
    margin-bottom: 1.5rem;
  }

  .newsletter-padding {
    padding: 3.5rem;
  }

  .vertical-featured-post-container {
    padding: 2rem;
  }

  .blog-3-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .blog-thumb-content {
    text-align: left;
  }

  .newsletter-wide-padding {
    padding: 3.5rem;
  }

  .blog-3-feature-title, .blog-meta-wrap {
    text-align: left;
  }

  .blog-meta-wrap.aling-sb {
    margin-top: 0;
  }

  .blog-2-meta-wrap {
    text-align: left;
    margin-top: 1.5rem;
  }

  .vertical-blog-left {
    padding-top: 2rem;
  }

  .blog-post-bottom {
    margin-top: 4rem;
  }

  .job-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column wrap;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .job-button-container {
    padding-right: 0;
  }

  .job-post-content {
    text-align: left;
    align-items: center;
  }

  .hero-padding-alt {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .padding-section-standard {
    padding-top: 4rem;
    padding-bottom: 7.5rem;
  }

  ._12-col-grid-3rem-gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-areas: "Area Area Area Area Area Area Area Area Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2";
  }

  .left-column-container {
    margin-bottom: 3rem;
  }

  .left-column-container._50 {
    width: 100%;
  }

  .member-social-buttons {
    justify-content: flex-start;
  }

  .job-post-section {
    margin-bottom: 2rem;
  }

  .hero-1-person-image {
    width: 100%;
    display: block;
    top: 0;
  }

  .ecommerce-header {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .address-row {
    flex-flow: column wrap;
  }

  .form-footer {
    margin-top: 2rem;
  }

  .info-list-1-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: stretch;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .info-list-1-left, .info-list-1-right {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .info-list-1max-width-xsmall {
    flex: 1;
    width: auto;
    max-width: none;
  }

  .info-list-1-heading {
    font-size: 1.5rem;
  }

  .fancy-team-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .container-home-8 {
    justify-content: center;
  }

  .home-8-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    text-align: center;
    grid-template: "Area-2 Area-2"
                   "Area Area"
                   / minmax(1px, 1fr);
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .heading-3col-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
  }

  .heading-container-simple {
    margin-bottom: 3.5rem;
  }

  .ordered-list-item {
    justify-content: flex-start;
    align-items: center;
  }

  .ordered-bullet-number {
    font-size: 2.5rem;
    line-height: 1.4;
  }

  .author-quote-slider-wrap {
    min-width: auto;
  }

  .slide-inner {
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .horizontal-slider-mask {
    width: 48%;
  }

  .custom-slider-author-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .horizontal-bottom-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .horizontal-top-wrap-info-block-9 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .spacious-card {
    grid-template-columns: 1fr;
    min-height: 20rem;
    padding: 1.5rem;
  }

  .contact-4-container {
    align-items: center;
  }

  .contact-info-bar-alt {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex-vertical-3rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .contact-5-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: minmax(1px, 1fr);
  }

  .careers-4-head {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    text-align: center;
    grid-template: "Area-2 Area-2"
                   "Area Area"
                   / minmax(1px, 1fr);
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .hiro-bg {
    height: 100%;
    max-height: none;
  }

  .image-bg {
    height: 100%;
  }

  .testimonials-slider-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .swiper-wrapper.products-slider {
    left: 0;
  }

  .swiper-slide.products-slide, .swiper-slide.products-slide.case-studies, .swiper-slide.products-slider-item {
    width: 65%;
  }

  .h5 {
    font-size: 22px;
  }

  .logo-case-2 {
    width: 60%;
  }

  .products-card-wrapper {
    min-height: 280px;
  }

  .swipper-btn {
    top: -5.6rem;
  }

  .swipper-btn.relative-position {
    margin-right: 1.5rem;
    bottom: 3.2rem;
  }

  .swipper-btn.relative-position-2 {
    margin-right: 1.5rem;
    bottom: 2.5rem;
  }

  .flax-horizont.gap-5 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    place-items: start;
  }

  .flax-horizont.aling-sb {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  ._2-col-grid-2rem-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  ._2-col-grid-2rem-gap._2-card {
    grid-template-columns: 1fr;
  }

  ._2-col-grid-2rem-gap.tablet-2coll {
    grid-template-columns: 1fr 1fr;
  }

  .section-partners {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .logo {
    max-width: 80%;
  }

  .partners-wrapper.marquee_wrap {
    justify-content: center;
    align-items: center;
  }

  .logo-partners-wrapper {
    width: 140%;
  }

  ._2-col-grid-hiro {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  ._2-col-grid-hiro.full-width {
    text-align: left;
    justify-items: stretch;
  }

  .swiper-component {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .swiper-component.is-trust {
    padding-left: 0;
    padding-right: 0;
  }

  .section-right.padding-section-small.mob-large.white-background {
    padding-left: 1.5rem;
  }

  .section-right.padding-section-small.bg-light-blue {
    overflow: clip;
  }

  .section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem {
    margin-bottom: 15rem;
  }

  .section-right.bg-light-blue.padding-special {
    margin-bottom: 17rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .about-hiro-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    text-align: center;
    grid-template: "Area-2 Area-2"
                   "Area Area"
                   / minmax(1px, 1fr);
    margin-bottom: 7rem;
  }

  .hero-padding-medium {
    padding-bottom: 4rem;
  }

  .bg-prod {
    height: 100%;
  }

  .bg-prod.mob-height-100.tablet-50vh {
    height: 35rem;
  }

  .image-bg-prod {
    object-fit: cover;
    object-position: 100% 50%;
  }

  .image-bg-prod.contain {
    object-fit: cover;
  }

  .image-bg-prod.contain.tablet-35rem {
    height: 35rem;
  }

  .image-bg-prod.contain.tablet-100 {
    height: 100%;
  }

  .image-bg-prod.fit-tablet-center {
    object-position: 50% 50%;
  }

  .naw-link {
    text-align: center;
    padding-right: 1rem;
    display: block;
  }

  .naw-link.text-color-white {
    color: var(--colors--black);
  }

  .hero-product.hero-2-background {
    text-align: center;
  }

  .hero-product.shortest-hero {
    min-height: 25rem;
    padding-top: 3.75rem;
  }

  .hero-product.shorter-hero {
    min-height: 30rem;
    padding-top: 3.75rem;
  }

  .hero-product.top-hero-padding {
    padding-top: 6.75rem;
  }

  .hero-product.bottom-hero-padding {
    padding-bottom: 5.5rem;
  }

  ._2-col-grid-3rem-gap {
    grid-template-columns: 1fr;
  }

  ._2-col-grid-3rem-gap.tablet-2coll {
    grid-template-columns: 1fr 1fr;
  }

  .hero-blog {
    height: 18rem;
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .cms-prev-next-item-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .heroblog {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .cms-prev-next-block {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .svg-icon-prev.display-flex, .svg-icon-next.display-flex {
    display: flex;
  }

  .section-glossary.margen-bottom-mob {
    padding-bottom: 3rem;
  }

  .hiro-obs {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .hero-contact {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .contact-info-bar-2 {
    width: 100%;
  }

  .contact-info-bar-2.centr {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .contact-contakt {
    align-items: center;
  }

  .heading-style-h4-2 {
    font-size: 1.75rem;
  }

  .hero-padding-medium-copy {
    padding-bottom: 4rem;
  }

  .grid {
    grid-column-gap: 3rem;
    grid-row-gap: 5rem;
    grid-template-columns: .75fr 1fr;
  }

  .cms-item-heading {
    font-size: 1.3rem;
    line-height: 1.4;
  }

  .cms-prev-next-btn-empty {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .rich-text-block-2-coll {
    column-count: auto;
  }

  .rich-text-block-2-coll.margin-top.margin-small h4 {
    font-size: 1.4rem;
  }

  .rich-text-block-2-coll.margin-top.margin-small h3 {
    font-size: 1.6rem;
  }

  .rich-text-block-2-coll.margin-top.margin-small h5 {
    font-size: 1.2rem;
  }

  .rich-text-block-2-coll.margin-top.margin-small h2 {
    font-size: 1.8rem;
  }

  .image-h20 {
    width: 100%;
  }

  .image-h20.width-100.display-block {
    height: 68.3547%;
  }

  .image-h20.height-35rem {
    width: 100%;
  }

  .image-h20.height-5rem {
    height: 22rem;
  }

  .hero-blog-page.hero-2-background {
    text-align: center;
  }

  .hero-blog-page.shortest-hero {
    min-height: 25rem;
    padding-top: 3.75rem;
  }

  .hero-blog-page.shorter-hero {
    min-height: 30rem;
    padding-top: 3.75rem;
  }

  .hero-blog-page.top-hero-padding {
    padding-top: 6.75rem;
  }

  .hero-blog-page.bottom-hero-padding {
    padding-bottom: 5.5rem;
  }

  .hero-press-release {
    padding-top: 9rem;
    padding-bottom: 4rem;
  }

  .hero-case-st.hero-2-background {
    text-align: center;
  }

  .hero-case-st.shortest-hero {
    min-height: 25rem;
    padding-top: 3.75rem;
  }

  .hero-case-st.shorter-hero {
    min-height: 30rem;
    padding-top: 3.75rem;
  }

  .hero-case-st.top-hero-padding {
    padding-top: 6.75rem;
  }

  .hero-case-st.bottom-hero-padding {
    padding-bottom: 5.5rem;
  }

  .marquee-box {
    text-align: center;
    margin-right: 2rem;
  }

  .hero-careers {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .rich-text-blog-new {
    text-align: left;
  }

  .heading-12 {
    font-size: 1rem;
  }

  .hero-article-page {
    height: 35rem;
    min-height: 50vh;
    padding-bottom: 2.5rem;
  }

  .hero-article-page.hero-2-background {
    text-align: center;
  }

  .hero-article-page.shortest-hero {
    min-height: 25rem;
    padding-top: 3.75rem;
  }

  .hero-article-page.shorter-hero {
    min-height: 30rem;
    padding-top: 3.75rem;
  }

  .hero-article-page.top-hero-padding {
    padding-top: 6.75rem;
  }

  .hero-article-page.bottom-hero-padding {
    padding-bottom: 5.5rem;
  }

  .hero-coming-soon {
    height: 31rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
  }

  .max-width._50, .max-width._60, .max-width._70 {
    width: 100%;
  }

  .video-card-about.video {
    margin-left: 2px;
  }

  .flax-vertical.gap-3-rem.max-width-50 {
    width: 78%;
  }

  .flax-vertical.max-width-68 {
    width: 100%;
  }

  .hero-oure.hero-2-background {
    text-align: center;
  }

  .hero-oure.shortest-hero {
    min-height: 25rem;
    padding-top: 3.75rem;
  }

  .hero-oure.shorter-hero {
    min-height: 30rem;
    padding-top: 3.75rem;
  }

  .hero-oure.top-hero-padding {
    padding-top: 6.75rem;
  }

  .hero-oure.bottom-hero-padding {
    padding-bottom: 5.5rem;
  }

  .div-block-12 {
    padding-bottom: 2rem;
  }

  .div-block-13 {
    overflow: clip;
  }

  .div-block-14 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .hero-press-releases {
    height: auto;
    padding-top: 9rem;
    padding-bottom: 4rem;
  }

  .plyr_component.is-full-scr.case-study, .plyr_component.is-full-scr.case-study-hover {
    height: 32rem;
  }

  .plyr_component.is-full-scr.hiro-page {
    height: 100%;
  }

  .background-image-copy {
    width: 100%;
  }

  .background-image-copy.width-100.display-block {
    height: 68.3547%;
  }

  .background-image-copy.height-35rem {
    width: 100%;
  }

  .background-image-copy.height-5rem {
    height: 20rem;
  }

  .btn-play.button-block.radiud-100.ps-none:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
    display: inline-flex;
  }

  .plyr_component-hover.is-full-scr.case-study, .plyr_component-hover.is-full-scr.case-study-hover {
    height: 32rem;
  }

  .custom-slider-author-wrap-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .heading-style-h3-2 {
    font-size: 2.25rem;
  }

  .horizontal-slider-mask-2 {
    width: 48%;
  }

  .plyr_embed-2 {
    height: 100%;
  }

  .tabs-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-columns: .35fr;
    display: flex;
  }

  .tab-menu {
    flex-flow: column;
    width: 100%;
  }

  .tab-link {
    width: auto;
    padding-left: 1.25rem;
  }

  .dropdown {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-toggle-2 {
    width: auto;
  }

  .dropdown-toggle-2.w--open {
    z-index: 2;
  }

  .dropdown-list-2 {
    position: absolute;
    box-shadow: 0 10px 20px #0000001a;
  }

  .dropdown-list-2.w--open {
    z-index: 1;
    background-color: var(--colors--white);
    flex-flow: column;
    min-width: 30vw;
    max-width: none;
    max-height: none;
    padding-top: 0;
    inset: 3rem 0% auto;
    overflow: clip;
  }

  .tabs-content {
    z-index: 1;
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    background-color: #f7f7f700;
    flex-flow: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    position: relative;
  }

  .tab-stiky {
    z-index: 20;
    border-bottom: 2px solid #f0f0f0;
    width: 100%;
    padding: .63rem 1.25rem;
    top: 0;
  }

  .tab-stiky.is-stuck {
    border-bottom: 2px solid var(--colors--black-013);
    background-color: var(--colors--white);
  }

  .link {
    color: var(--colors--darkest);
    padding: .31rem 1rem;
    font-weight: 500;
    text-decoration: none;
  }

  .link.w--current {
    background-color: var(--colors--white);
    border-radius: .63rem;
    box-shadow: 0 3px 15px #0003;
  }

  .link-mob {
    z-index: 120;
    grid-column-gap: 0rem;
    grid-row-gap: .63rem;
    flex-flow: wrap;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: none;
  }

  .dropdown-wrapper {
    grid-column-gap: .63rem;
    grid-row-gap: .63rem;
    flex-flow: wrap;
    width: 100%;
    display: flex;
  }

  .anchor {
    top: -5rem;
  }

  .sticky-sentinel {
    display: block;
    top: 5.6rem;
  }

  .dropdown-item-1 {
    position: relative;
  }

  .decor-link {
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .decor-link.w--current {
    background-color: var(--colors--white);
    height: auto;
    box-shadow: 0 2px 15px #0003;
  }

  .icon-arrow-drop {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .dimming-video {
    background-color: #ffffffb3;
    display: none;
  }

  .faq_heading {
    width: 100%;
  }

  .faq_heading.individ {
    padding-right: 2.5rem;
    position: relative;
  }

  .faq_icon {
    position: absolute;
    inset: auto 0 auto auto;
  }

  .faq_components.individ {
    z-index: 2;
    background-color: #f7f7f700;
    border-bottom: 2px solid #fff0;
    border-radius: 0;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 1.5px;
    top: 0;
    box-shadow: 0 0 #0000;
  }

  .faq_accordion.individ {
    position: relative;
  }

  .faq_accordion.individ._2 {
    z-index: 2;
  }

  .faq_accordion.individ._1 {
    z-index: 1;
  }

  .text-color-gray {
    white-space: nowrap;
  }

  .link-9 {
    z-index: -1;
    border-radius: .63rem;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .faq_body.individ {
    background-color: #fff;
    border-radius: .63rem;
    min-width: 10rem;
    position: absolute;
    inset: 3.1rem 0% auto;
  }

  .faq_answers.individ {
    background-color: #fff;
    margin-top: 0;
    padding-left: 1rem;
  }

  .hiro-product {
    height: auto;
    min-height: 100vh;
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .image-explore {
    height: 100%;
  }

  .hero-glossary {
    height: 18rem;
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .hero-press {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .div-block-25 {
    width: 30rem;
  }

  .div-block-27 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .menu-cloud {
    flex-flow: column wrap;
    align-items: stretch;
    margin-top: 2.5rem;
    display: none;
  }

  .button-block-cloud.tablet-width-100 {
    width: 100%;
  }

  .menu-wrapper-cloud {
    z-index: 5;
    background-color: #fbfbfb;
    padding: 1.5rem;
  }

  .menu-wrapper-cloud.shadow-tiny {
    background-color: #fbfbfb;
    box-shadow: 0 0 0 1px #4141410f, 0 1px 1px -.5px #33333314, 0 2px 2px -1px #33333314;
  }

  .menu-wrapper-cloud.is-cloud {
    margin-right: 0;
  }

  .swicher-block.tablet-width-100 {
    width: 100%;
  }

  .hero-8-image-alt {
    max-width: 100%;
    position: static;
  }

  .hero-cloud {
    padding-top: 6rem;
  }

  .hero-cloud.shortest-hero {
    min-height: 25rem;
  }

  .hero-cloud.top-hero-padding {
    height: auto;
    min-height: 100vh;
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .hiro-blog-cloud {
    padding-top: 6rem;
  }

  .select-field, .fs-selectcustom_message {
    display: none;
  }

  .div-block-31 {
    margin-left: auto;
    margin-right: auto;
  }

  .logo-popapp {
    width: 30rem;
  }

  .hero-copy.shortest-hero {
    min-height: 25rem;
  }

  .hero-copy.top-hero-padding {
    height: auto;
    min-height: 100vh;
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .hiro-cloude-image-bg {
    object-fit: cover;
    object-position: 100% 50%;
  }

  .hiro-cloude-image-bg.contain {
    object-fit: cover;
  }

  .hiro-cloude-image-bg.contain.tablet-35rem {
    height: 35rem;
  }

  .hiro-cloude-image-bg.contain.tablet-100 {
    height: 100%;
  }

  .swiper-playr:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flax-space-bet.widtth-30 {
    width: 40%;
  }

  .blog-text-column, .blog-image-full {
    max-width: 40rem;
  }

  .heading-style-h1-2 {
    font-size: 3.25rem;
    font-weight: 300;
  }

  .heading-style-h3-3 {
    font-size: 2.25rem;
  }

  ._3-col-grid-2rem-gap-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .italic-selected-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .button-2.is-brand-prime.button-shadow-alternate.is-large.full-width {
    width: 100%;
  }

  .div-block-39.min-h-tab-8 {
    min-height: 8rem;
  }

  .tabs-content-2 {
    width: 100%;
    padding-top: 2rem;
  }

  .tabs-2 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .text-price {
    font-size: 2.5rem;
  }

  .text-price.margin-bottom.margin-medium.mob-none-mar {
    margin-bottom: 0;
  }

  .heading-style-h4-4 {
    font-size: 1.75rem;
  }

  ._2-col-grid-1-5rem-footer {
    grid-template-columns: 1fr;
  }

  .div-block-42 {
    justify-content: flex-start;
    align-items: flex-end;
  }
}

@media screen and (max-width: 767px) {
  h1, h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .style-section-container {
    padding: 1.5rem;
  }

  .component-line {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column wrap;
  }

  .label-container {
    width: auto;
  }

  .label-container.wider {
    width: 10rem;
  }

  .style-guide-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .heading-style-h3.tablet-small {
    text-align: left;
    font-size: 1.25rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .text-size-large.text-color-black-059.tablet-centered {
    text-align: center;
  }

  .text-color-black-035.text-size-tiny.mobile-none {
    display: none;
  }

  .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size {
    height: 3rem;
  }

  .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-50, .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-58 {
    width: 3rem;
    height: 3rem;
  }

  .padding-section-small {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .padding-section-huge {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xhuge.rounded-1-5rem.shadow-tiny.no-mobile-padding {
    padding: 1.5rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-large.mob-padd-1rem {
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .brand {
    padding-left: 0;
  }

  .navigation {
    margin-left: 0;
    margin-right: auto;
  }

  .container.footer-cloud {
    padding-top: 4.38rem;
    padding-bottom: 4.38rem;
  }

  ._3-col-grid-3rem-gap, ._3-col-grid-3rem-gap.tablet-2coll {
    grid-template-columns: 1fr;
  }

  .shadow-medium.rounded-1-5rem.padding-huge.max-width-xhuge.license-mobile-padding {
    padding: 2.2rem 1.5rem 1rem;
  }

  .button-block.mobile-last {
    order: 1;
  }

  .button-block.no-mobile {
    display: none;
  }

  .button-block.in-cms-prev-next-btn {
    border-radius: .7rem;
  }

  .button-block-container.is-secondary.the-button-shadow {
    justify-content: center;
    align-items: center;
  }

  .square-button-block.is-secondary.the-button-shadow.in-cms-prev-next-btn {
    border-radius: .5rem;
    padding: .45rem;
  }

  .concave-divider.concave-center {
    margin-left: auto;
    margin-right: auto;
  }

  .banner-center {
    margin-left: 3rem;
  }

  ._12col-footer-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr);
    grid-template-areas: "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
                         "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                         "Area Area Area Area Area Area Area Area Area Area Area Area";
  }

  .footer-info-wrap:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-info-wrap.about-52, .footer-info-wrap.about-60 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .phone-fix {
    font-weight: 400;
  }

  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.about-3, .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.cloud-footer {
    top: -11.1rem;
  }

  .buttons-wrap {
    flex-flow: column wrap;
  }

  .buttons-wrap.margin-top.margin-large.flax-center {
    align-items: stretch;
  }

  .buttons-wrap.full-width {
    width: 100%;
  }

  .frame-container.shadow-large.relative-container.height-100.tablet-20-rem {
    height: 15rem;
  }

  .image-container.height-100.h-23-8 {
    height: 25rem;
  }

  .background-image.height-5rem {
    height: 15rem;
  }

  .italic-selected {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .navigation-absolute {
    margin-left: 0;
    margin-right: auto;
  }

  .radial-bg-container.home-2-radial-bg {
    top: 5%;
  }

  .center-align.margen-bottom.margen-large {
    margin-bottom: 3rem;
  }

  .hero-center-content {
    align-items: stretch;
  }

  .hero-center-content.platform {
    padding-bottom: 3rem;
  }

  .top-center-content {
    margin-bottom: 13rem;
  }

  .hero-features-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 3rem;
  }

  .feature-grid-column.no-phone {
    display: none;
  }

  .social-buttons-wrap.align-right, .info-container {
    flex-flow: row;
  }

  .info-container.top-align.mob-aling-central {
    justify-content: flex-start;
    align-items: center;
  }

  .info-text {
    text-align: left;
  }

  .portrait-image.big:where(.w-variant-9058a7e3-de4c-75d8-ed9a-7e41aa923ee9) {
    height: 36rem;
  }

  .portrait-image.height-27 {
    height: 23rem;
  }

  ._3-col-grid-no-gap, ._3-col-grid-no-gap.mob-1 {
    grid-template-columns: 1fr;
  }

  .highlight-cell.second-cell {
    border-right: 0 #0000;
  }

  .highlight-cell.third-cell {
    border-right: 1px solid var(--colors--black-006);
  }

  .highlight-cell.fourth-cell {
    border-right: 0 #0000;
    border-bottom: 1px solid var(--colors--black-006);
  }

  .highlight-cell.fifth-cell, .highlight-cell.sixth-cell {
    border-bottom: 0 #0000;
  }

  .bullets-list-1-5rem-gap {
    align-items: stretch;
  }

  .concave-frame {
    overflow: visible;
  }

  .concave-frame.detailed-pricing {
    margin-left: 0;
    margin-right: 0;
  }

  .member-details {
    padding: 1.5rem;
  }

  .white-background.padding-xhuge.rounded-1-5rem.no-mobile-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  ._3-col-grid-4-5rem-gap {
    grid-template-columns: 1fr;
  }

  .cta-section-line {
    text-align: center;
    display: block;
  }

  .keyword-section.padding-bottom-15rem {
    padding-bottom: 5rem;
  }

  .question {
    width: 87%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .faq-accordion {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .question-bullet {
    display: none;
  }

  .expand-detail {
    display: flex;
    top: .8rem;
    right: 1rem;
  }

  .expand-detail.mob-mini {
    display: none;
  }

  .highlight-cell-large.light-border {
    border-right: 0 #0000;
    border-bottom: 1px solid var(--colors--white-013);
  }

  .testimonial-board-bottom {
    padding: 1.5rem 1rem 1rem;
  }

  .info-container-small {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testimonial-square-author.big {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
  }

  .d3-t3-ml2-mp1 {
    grid-template-columns: 1fr 1fr;
  }

  .d3-t3-ml1-mp1, .d3-t1-ml1-mp1, .d3-t2-ml1-mp1 {
    grid-template-columns: 1fr;
  }

  .buttons-wrap-responsive {
    flex-flow: column wrap;
    margin-top: 3rem;
  }

  .t2-ml1-mp1, .t3-ml1-mp1 {
    grid-template-columns: 1fr;
  }

  .ml1-mp1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .t1-ml1-mp1 {
    grid-template-columns: 1fr;
  }

  .tablet-centered {
    margin-left: auto;
    margin-right: auto;
  }

  .logo-component {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .tablet-pricing {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-padding-small {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .horizontal-flex {
    flex-flow: column wrap;
  }

  .change-log-banner {
    width: 100%;
  }

  .version-label {
    top: 3rem;
  }

  .version-label.all-caps-style.text-color-white.rounded-0-5rem {
    display: none;
  }

  .log-details {
    margin: 1.5rem .5rem .5rem;
  }

  .two-fields-container, .two-fields-container-options {
    flex-flow: column wrap;
  }

  .sign-in-image, .coming-soon-image {
    width: 100%;
  }

  .grid-image-container {
    margin-top: 1.5rem;
  }

  .blog-image-link.width-100.height-19rem, .blog-image-link.width-100.height-20rem {
    height: 18rem;
  }

  .blog-post-author-line, .newsletter-title-area {
    flex-flow: column wrap;
  }

  .newsletter-padding {
    padding: 1.5rem 1.5rem 2.5rem;
  }

  .blog-1-featured-title {
    text-align: center;
    flex-flow: column wrap;
    align-items: center;
    display: flex;
  }

  .blog-featured-meta-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .blog-2-content {
    padding: 1.5rem 1rem;
  }

  .blog-3-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding: 1.5rem 1rem;
  }

  .blog-thumb-container {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-thumb-content {
    width: 100%;
  }

  .blog-thumb-image {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .thumbnail-image-link {
    width: 100%;
    overflow: hidden;
  }

  .thumbnail-image-link.shadow-large.rounded-1-5rem {
    width: auto;
  }

  .newsletter-wide-padding {
    padding: 1.5rem 0 2.5rem;
  }

  .blog-3-author-container-alt {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.5rem;
  }

  .blog-featured-meta-alt {
    order: -1;
    width: 100%;
  }

  .blog-meta-wrap.aling-sb.in-next-slot {
    flex-flow: row;
  }

  .blog-2-author-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .blog-2-meta-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .blog-3-featured-meta-container-copy {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    order: -1;
    width: 100%;
  }

  .blog-post-bottom {
    margin-top: 3rem;
  }

  .blog-post-bottom-author {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column wrap;
    padding-top: 2rem;
  }

  .bottom-author-wrap {
    align-items: center;
  }

  .blog-post-meta-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .blog-post-meta {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    order: -1;
    width: 100%;
  }

  .job-post-thumb {
    overflow: hidden;
  }

  .job-container {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .job-post-content {
    width: 100%;
  }

  .job-post-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .hero-padding-alt {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .padding-section-standard {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  ._12-col-grid-3rem-gap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .member-social-buttons {
    flex-flow: wrap-reverse;
  }

  .job-post-info-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column wrap;
  }

  .job-post-brief {
    text-align: left;
  }

  .job-post-container {
    align-items: center;
  }

  .answer-block {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .category-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .ecommerce-header {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .items-block {
    margin-left: 0;
  }

  .popup-rounded {
    border-radius: 0;
  }

  .info-list-1-right {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .fancy-team-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .button-block-container-2.is-secondary.the-button-shadow {
    justify-content: center;
    align-items: center;
  }

  .flex-vertical-1-5rem-gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .home-8-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .fancy-team-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .fancy-team-highlights {
    padding: 1.25rem;
  }

  .heading-3col-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: minmax(1px, 1fr);
  }

  .heading-container-simple {
    margin-bottom: 2rem;
  }

  .vertical-list-1-5rem-gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .ordered-list-item-text {
    font-size: 1.25rem;
  }

  .ordered-bullet {
    width: 4rem;
  }

  .ordered-bullet-number {
    font-size: 2rem;
    line-height: 1.5;
  }

  .content-block-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
  }

  .horizontal-quote-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .slide-inner {
    grid-template-columns: 1fr;
    height: auto;
    position: static;
  }

  .horizontal-slider-mask {
    width: 90%;
  }

  .slide-wrap {
    padding-right: 1rem;
  }

  .text-size-large-2, .text-size-large-quote-custom {
    font-size: 1.125rem;
  }

  .horizontal-bottom-wrap, .horizontal-top-wrap-info-block-9 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .spacious-card {
    grid-template-columns: 1fr;
    height: auto;
    position: static;
  }

  .contact-4-container, .contact-4-details {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .flex-vertical-3rem-gap, .contact-5-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .careers-4-head {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .flex-vertical-4-5rem-gap, .flex-horizontal-1-5rem-gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimonials-slider-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .swiper-slide.products-slide {
    width: 80%;
    max-width: 30rem;
  }

  .swiper-slide.products-slide.case-studies, .swiper-slide.products-slider-item {
    width: 80%;
  }

  .case-top-wrap-2 {
    max-height: 320px;
  }

  .h5 {
    font-size: 18px;
  }

  .products-card-wrapper {
    min-height: 250px;
  }

  .swiper-image {
    height: 15rem;
  }

  .button-swiper.mobile-last {
    order: 1;
  }

  .button-swiper.no-mobile {
    display: none;
  }

  .testimonials-arrow.mobile-last {
    order: 1;
  }

  .testimonials-arrow.no-mobile {
    display: none;
  }

  .swipper-btn.relative-position {
    margin-left: 1rem;
    bottom: 2.3rem;
  }

  .swipper-btn.relative-position-2 {
    margin-left: 1rem;
    bottom: 2.1rem;
  }

  .flax-horizont.gap-17 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  ._2-col-grid-2rem-gap.tablet-2coll {
    grid-template-columns: 1fr;
  }

  .section-partners {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section-partners.small-margin {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .logo-partners-wrapper {
    width: 160%;
  }

  .swiper-component {
    padding-right: 1.5rem;
  }

  .section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem {
    margin-bottom: 12rem;
  }

  .section-right.bg-light-blue.padding-special {
    margin-bottom: 16rem;
  }

  .about-hiro-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 5rem;
  }

  .hero-padding-medium {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .heading-style-h6-link {
    font-size: 1.125rem;
  }

  .stiyle-h1 {
    font-size: 3rem;
  }

  .bg-prod.mob-height-100.tablet-50vh, .image-bg-prod.contain.tablet-35rem, .image-bg-prod.contain.tablet-100 {
    height: 100%;
  }

  .heading-style-h5-link, .heading-style-h7-link {
    font-size: 1.125rem;
  }

  .case-box-btn {
    flex-flow: column wrap;
  }

  .case-box-btn.aling-sb {
    flex-flow: row;
  }

  ._2-col-grid-3rem-gap.tablet-2coll {
    grid-template-columns: 1fr;
  }

  .hero-blog {
    height: 12rem;
    padding-bottom: 3rem;
  }

  .cms-prev-next-item-link {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .heroblog {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .cms-prev-next-block {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    margin-top: 3rem;
    font-size: .9rem;
    line-height: 1.3;
  }

  ._2-col-grid-fr-0-5 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: .75fr;
  }

  ._2-col-grid-fr-0-5.margin-bottom.none {
    display: none;
  }

  .hiro-obs {
    padding-bottom: 3rem;
  }

  .hero-contact {
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .phone-fix-2 {
    font-weight: 400;
  }

  .heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .hero-padding-medium-copy {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .cms-item-heading {
    margin-top: .4rem;
    font-size: 1.3rem;
  }

  .cms-prev-next-btn-empty {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    place-items: start;
  }

  .rich-text-block-2-coll, .rich-text-block-2-coll.margin-top.margin-small {
    column-count: auto;
  }

  .rich-text-block-2-coll.margin-top.margin-small h4 {
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: 400;
  }

  .rich-text-block-2-coll.margin-top.margin-small h3 {
    margin-top: 0;
    font-size: 1.4rem;
    font-weight: 400;
  }

  .rich-text-block-2-coll.margin-top.margin-small h5 {
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: 400;
  }

  .rich-text-block-2-coll.margin-top.margin-small ol, .rich-text-block-2-coll.margin-top.margin-small ul {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .rich-text-block-2-coll.margin-top.margin-small h2 {
    margin-bottom: 1.25rem;
    font-size: 1.6rem;
    font-weight: 400;
  }

  .image-h20 {
    height: auto;
  }

  .image-h20.height-5rem {
    height: 18rem;
  }

  .hero-blog-page {
    height: auto;
  }

  .hero-press-release {
    padding-bottom: 3rem;
  }

  .marquee-box {
    margin-right: 1rem;
  }

  .hero-careers {
    height: auto;
    padding-bottom: 3rem;
  }

  .hero-article-page {
    height: auto;
    padding-bottom: 2.5rem;
  }

  .hero-coming-soon {
    height: 31rem;
  }

  .stiyle-h1-copy, .highlight-frame {
    font-size: 3rem;
  }

  .video-card-about.video.product {
    width: 100vw;
    height: 39.5rem;
  }

  .flax-vertical.gap-3-rem.max-width-50 {
    width: 70%;
  }

  .flax-vertical.max-width-68 {
    width: 100%;
  }

  .hero-press-releases {
    padding-bottom: 3rem;
  }

  .plyr_cover-button {
    font-size: .8em;
  }

  .plyr_component.is-full-scr.case-study, .plyr_component.is-full-scr.case-study-hover {
    height: 25rem;
  }

  .background-image-copy.height-5rem {
    height: 15rem;
  }

  .plyr_component-hover.is-full-scr.case-study, .plyr_component-hover.is-full-scr.case-study-hover {
    height: 25rem;
  }

  .slide-wrap-2 {
    padding-right: 1rem;
  }

  .text-size-large-3 {
    font-size: 1.125rem;
  }

  .heading-style-h3-2 {
    font-size: 2rem;
  }

  .horizontal-slider-mask-2 {
    width: 90%;
  }

  .image-8 {
    display: none;
  }

  .vertical-quote-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .dropdown-list-2.w--open {
    padding-top: 0;
    top: 3rem;
  }

  .text-block-9 {
    font-size: .88rem;
  }

  .heading-style-h4-3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .faq_components.individ {
    padding: 1.25rem 1.5rem;
  }

  .faq_accordion.individ {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .faq_body.individ {
    box-shadow: 0 10px 20px #0000001a;
  }

  .bg-video-prod.product {
    width: 100vw;
    height: 39.5rem;
  }

  .overlay.product, .overlay.product-zedge {
    position: absolute;
    inset: 0%;
  }

  .hiro-product {
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .hiro-product.platform {
    height: auto;
    overflow: visible;
  }

  .hero-glossary {
    height: 12rem;
    padding-bottom: 3rem;
  }

  .hero-press {
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .div-block-29 {
    width: 100%;
    height: 100%;
  }

  .button-block-cloud.mobile-last {
    order: 1;
  }

  .button-block-cloud.no-mobile {
    display: none;
  }

  .button-block-cloud.in-cms-prev-next-btn {
    border-radius: .7rem;
  }

  .swicher-block.mobile-last {
    order: 1;
  }

  .swicher-block.no-mobile {
    display: none;
  }

  .swicher-block.in-cms-prev-next-btn {
    border-radius: .7rem;
  }

  .bullets-list-1rem-gap {
    align-items: stretch;
  }

  .logo-popapp {
    width: 20rem;
  }

  .hiro-cloude-image-bg.contain.tablet-35rem, .hiro-cloude-image-bg.contain.tablet-100 {
    height: 100%;
  }

  .un-logo-sdg {
    border-left-width: 0;
    padding-left: 0;
  }

  .flax-space-bet.widtth-50.center-align, .flax-space-bet.widtth-30, .flax-space-bet.widtth-30.center-align {
    width: 80%;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .heading-style-h3-3.slide-to-top-0-2s.max-w-60 {
    width: 90%;
  }

  .heading-style-h5-2 {
    font-size: 1.25rem;
  }

  .text-color-black-63 {
    text-align: left;
  }

  .concave-frame-2 {
    overflow: visible;
  }

  .italic-selected-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .text-price {
    line-height: 1.4;
  }

  .fellowship-form-card {
    padding: 1.5rem;
  }

  .fellowship-body-heading {
    margin-top: 1.5rem;
  }

  .heading-style-h4-4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .button-block-6.mobile-last {
    order: 1;
  }
}

@media screen and (max-width: 479px) {
  h1, .heading-style-h2 {
    font-size: 11vw;
  }

  .heading-style-h3.slide-to-top-0-2s.max-w-60 {
    width: 100%;
  }

  .heading-style-h3.mob-1-25 {
    text-align: left;
    font-size: 1.25rem;
    font-weight: 400;
  }

  .heading-style-h3.text-color-darkest.max-w-70, .heading-style-h3.text-color-darkest.max-w-70:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .heading-style-h3.text-color-darkest.max-w-70.about-4 {
    width: 100%;
  }

  .heading-style-h4.custom {
    font-size: 1.25rem;
  }

  .heading-style-h4.mob-large {
    font-size: 2rem;
  }

  .heading-style-h5.margin-bottom.margin-large {
    text-align: center;
  }

  .text-size-large.text-color-black-059.tablet-centered.mob-1rem {
    text-align: left;
    font-size: 1rem;
  }

  .text-color-darker.banner-text-size-small.mob-none {
    display: none;
  }

  .text-color-black-059.margin-bottom.margin-large.slide-to-top-0-6s.max-w-70, .text-color-black-059.margin-bottom.margin-large-special.slide-to-top-0-6s.max-w-70 {
    width: 100%;
  }

  .text-color-black-059.aling-right {
    text-align: left;
  }

  .text-color-black-059.aling-right.max-w-8.mob-central, .text-color-black-059.aling-right.mob-aling-central {
    text-align: center;
  }

  .text-color-black-059.max-w-70 {
    width: 100%;
  }

  .text-color-black-035.text-size-tiny.mobile-none, .svg-icon.opacity-59.no-mobile-view {
    display: none;
  }

  .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-50, .info-box.padding-xsmall.concave-darker.rounded-0-75rem.fix-size.about-58 {
    width: 3rem;
    height: 3rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-large.mob-padd-1rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .slide-to-top-0-2s.mob-9vw {
    font-size: 9vw;
  }

  .slide-to-top-0-2s.h1-platform {
    font-size: 11vw;
  }

  .menu-first {
    margin-bottom: 3.75rem;
  }

  .menu-button {
    padding-right: 0;
  }

  .menu-button:where(.w-variant-0d93062a-3254-4534-c3b0-4d0328509956) {
    color: var(--colors--white);
  }

  .menu-button:where(.w-variant-2f7ce213-a82a-4bf8-e62a-e01bbeadb200) {
    color: var(--colors--darkest);
  }

  .navigation, .navigation.is-cloud {
    padding-right: 1.5rem;
  }

  .container.container-relative.center-align {
    max-width: 100%;
  }

  .container.right0 {
    margin-right: 0;
  }

  .container.mob-mar1-5-rem {
    padding-right: 1.5rem;
  }

  .container.lift-padd {
    padding-left: 0;
    padding-right: 1.5rem;
  }

  .container.with-slider-btns {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: static;
  }

  .section.extended-footer-section.text-color-white:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .section.extended-footer-section.text-color-white.z-4.about {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section.extended-footer-section.text-color-white.mob-mar-17 {
    margin-top: 0;
  }

  .section.padding-section-small {
    max-width: 100%;
  }

  .section.padding-section-small.mob-large {
    padding-bottom: 7rem;
  }

  .section.padding-section-small.mob-padd-1-8 {
    padding-bottom: 1.8rem;
  }

  .section.margen-bottom-mob {
    padding-bottom: 3rem;
  }

  .section.color-grey {
    background-position: 0 0;
  }

  ._2-col-grid-1-5rem-gap, ._2-col-grid-1-5rem-gap.mp1 {
    grid-template-columns: 1fr;
  }

  .shadow-large.height-100.rounded-1-5rem.padding-medium {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-block.full-width.tabs {
    width: 100%;
  }

  .button-bullet.lighter-background.no-mobile-view {
    display: none;
  }

  .concave-divider.full-width.mar-topp-bott {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .last-footer-column {
    width: 80vw;
  }

  .footer-box:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-box.about-49, .footer-box.about-57 {
    color: var(--colors--white);
    text-decoration: none;
  }

  .footer-info-wrap:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-info-wrap.about-52, .footer-info-wrap.about-60 {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer {
    top: -14rem;
  }

  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e), .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.about-3 {
    background-position: 0%;
    top: -14rem;
  }

  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.cloud-footer {
    background-image: url('../images/BackgroundBorder-4.webp');
    top: -19rem;
  }

  ._2-col-grid-7-5rem-gap.vertical-center-align {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  ._2-col-grid-7-5rem-gap.vertical-center-align:where(.w-variant-9058a7e3-de4c-75d8-ed9a-7e41aa923ee9), ._2-col-grid-7-5rem-gap.vertical-center-align:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6), ._2-col-grid-7-5rem-gap.vertical-center-align:where(.w-variant-a1f66308-8fc6-8caa-2487-6bced0bfaf3e), ._2-col-grid-7-5rem-gap.vertical-center-align.none-btn, ._2-col-grid-7-5rem-gap.vertical-center-align.none-btn-21 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .frame-container.shadow-large.relative-container.height-100.tablet-20-rem, .frame-container.shadow-large.relative-container.tablet-20-rem {
    height: 13rem;
  }

  .image-container.height-100 {
    height: 15rem;
  }

  .image-container.height-100.h-23-8 {
    height: 12.2rem;
  }

  .background-image.width-100.height-20rem {
    height: 12rem;
  }

  .background-image.height-35rem, .background-image.height-5rem, .background-image.mob-height-15 {
    height: 15rem;
  }

  .radial-bg-container.home-2-radial-bg {
    top: 10%;
  }

  .center-align.margen-bottom.margen-large {
    margin-bottom: 3rem;
  }

  .hero-center-content.platform {
    padding-bottom: 3rem;
  }

  .top-center-content {
    margin-bottom: 8rem;
  }

  .social-buttons-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .info-container._1-25-gap.top-align {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .info-container.top-aligned {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bullet-link.margin-top.margin-small.is-brand-green.slide-to-top-0-4s.link-padd {
    padding-left: 0;
  }

  .box-container {
    flex-flow: column;
  }

  .box-container:where(.w-variant-c5140f2a-58a3-1ce0-cfb6-d21765554664) {
    flex-flow: column;
    height: auto;
  }

  .box-container._2-card-29 {
    flex-flow: column;
  }

  .box-container._2-card-auto, .box-container._2-card-29-auto {
    flex-flow: column;
    height: auto;
  }

  .box-container.mob-h--23 {
    height: 22rem;
  }

  .box-container.mob-h--18 {
    height: 18.7rem;
  }

  .portrait-image.big:where(.w-variant-9058a7e3-de4c-75d8-ed9a-7e41aa923ee9) {
    height: 16rem;
  }

  .portrait-image.height-27 {
    height: 12rem;
  }

  ._3-col-grid-no-gap.mob-1 {
    grid-template-columns: 1fr;
  }

  .highlight-cell.first-cell {
    border-right: 0 #0000;
  }

  .highlight-cell.third-cell {
    border-right: 0 #0000;
    border-bottom-color: var(--colors--black-006);
  }

  .highlight-cell.fourth-cell {
    border-bottom: 1px solid var(--colors--black-006);
  }

  .highlight-cell.fifth-cell {
    border-right: 0 #0000;
    border-bottom: 1px solid var(--colors--black-006);
  }

  .bullet-list-item {
    text-align: left;
  }

  .bullet-list-item.slide-to-top-0-6s.aling-top {
    justify-content: flex-start;
    align-items: center;
  }

  .concave-frame.height-100.mob-fix-h {
    height: 22rem;
  }

  .concave-frame.display-flex.h-100 {
    width: 100%;
  }

  .member-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1.2rem 1rem;
  }

  ._2-col-grid-4-5rem-gap.gap-2rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .vertical-testimonial-container {
    padding: 1rem;
  }

  .testimonial-top-container {
    text-align: center;
  }

  .testimonial-author {
    text-align: center;
    flex-flow: column wrap;
    align-content: center;
  }

  .blog-meta-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-post-label.black-074-background.text-color-white.margen-big-28 {
    text-align: left;
    max-width: 84%;
  }

  .question {
    width: 82%;
  }

  .expand-detail.mob-mini {
    width: 2rem;
    height: 2rem;
  }

  .testimonial-inverted-content.shadow-tiny.rounded-1-5rem {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .chevron-bullet-light.rounded-100.padding-xxxsmall {
    min-width: 1.5rem;
  }

  .highlight-cell-large {
    justify-content: center;
    align-items: center;
    height: 20rem;
  }

  .highlight-cell-large.light-border {
    border-bottom-color: var(--colors--white-026);
  }

  .testimonial-board-author.mob-aling-top {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testimonial-board-detail.roundend-0-5rem, .wide-shrink-container.no-mp {
    display: none;
  }

  .testimonial-square-author {
    height: 4rem;
  }

  .d3-t3-ml2-mp1, .d3-t3-ml1-mp1, .d3-t1-ml1-mp1, .d3-t2-ml1-mp1, .t2-ml1-mp1, .t3-ml1-mp1, .ml1-mp1, .t1-ml1-mp1 {
    grid-template-columns: 1fr;
  }

  .tablet-centered {
    margin-left: auto;
    margin-right: auto;
  }

  .head-top-left-container {
    text-align: center;
  }

  .child-horizontal-expand.contact-info-details {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .child-horizontal-expand.contact-info-details.contact-v4 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block {
    color: var(--colors--black);
  }

  .contact-info-bar {
    flex-flow: column wrap;
  }

  .sign-up-details {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column wrap;
  }

  .demo-info-bar {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .grid-image-container {
    margin-top: 1.5rem;
  }

  .diverge-container {
    margin-top: 3rem;
  }

  .blog-image-link.width-100.height-19rem, .blog-image-link.width-100.height-20rem {
    height: 15rem;
  }

  .blog-image-link.width-100.ratio-1-1 {
    aspect-ratio: auto;
  }

  .blog-post-author-line {
    text-align: center;
    flex-flow: column wrap;
    align-content: center;
  }

  .newsletter-title-area, .blog-1-featured-title {
    text-align: center;
  }

  .vertical-featured-post-container {
    padding: 1rem 1rem 0;
  }

  .vertical-featured-post-container.mob-mar-bottom {
    padding-bottom: 1rem;
  }

  .blog-featured-meta-container {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-featured-meta-container.center-align {
    justify-content: flex-start;
    align-items: center;
  }

  .blog-thumbnail-meta {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .newsletter-wide-padding {
    padding-top: 2.5rem;
  }

  .blog-featured-meta-alt {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-meta-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-meta-wrap.aling-sb {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .blog-meta-wrap.aling-sb.in-next-slot {
    text-align: right;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
  }

  .blog-2-author-wrap {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-2-meta-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-3-featured-meta-container-copy {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .vertical-blog-left {
    padding: 1.5rem 0 0;
  }

  .blog-post-bottom-author, .bottom-author-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-post-meta-wrap {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-post-meta {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .job-post-thumb {
    width: 4rem;
    height: 4rem;
  }

  .job-post-content {
    text-align: center;
  }

  .job-post-details {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .key-features.mob-mar-none {
    margin-bottom: 0;
  }

  .team-member-details {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .member-social-buttons {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    display: flex;
  }

  .job-post-container {
    text-align: left;
    align-items: flex-start;
  }

  .blog-thumbnail-meta-alt {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-footer, .sign-up-footer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column wrap;
  }

  .email-wrap {
    word-break: break-all;
  }

  .fancy-team-number {
    font-size: 2rem;
  }

  .heading-container-simple {
    margin-bottom: 1.5rem;
  }

  .ordered-list-item {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
  }

  .ordered-list-item-text {
    font-size: 1rem;
  }

  .ordered-bullet {
    width: 2.5rem;
  }

  .ordered-bullet-number {
    font-size: 1.2rem;
    font-weight: 800;
  }

  .author-thumb-image-3rem {
    width: 3rem;
    height: 3rem;
  }

  .horizontal-quote-wrap {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .slide-inner {
    padding: 1rem;
  }

  .slide-inner.shadow-large {
    padding: 2rem;
  }

  .custom-slider-author-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .quotes-4-top {
    order: 1;
  }

  .text-size-large-quote-custom {
    font-size: 1rem;
  }

  .horizontal-top-wrap-info-block-9 {
    align-items: center;
  }

  .spacious-card {
    padding: 1rem;
  }

  .testimonials-slider-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .swiper-wrapper {
    flex-flow: row;
    width: 95%;
  }

  .swiper-wrapper.mob-w-100 {
    width: 100%;
  }

  .swiper-slide {
    width: 88%;
  }

  .swiper-slide.products-slide {
    width: 95%;
    padding-right: 1.2rem;
  }

  .swiper-slide.products-slide.case-studies {
    width: 95%;
  }

  .swiper-slide.case-studies-slide {
    margin-right: 1.2rem;
  }

  .swiper-slide.products-slider-item {
    width: 95%;
  }

  .swiper.products-slider {
    margin-right: -1.2rem;
  }

  .products-card-wrapper {
    min-height: 280px;
  }

  .label {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .label.text-brand {
    line-height: 140%;
  }

  .swiper-image {
    height: 13rem;
  }

  .swipper-btn {
    display: none;
    inset: auto auto -4.4rem 28vw;
  }

  .swipper-btn.relative-position, .swipper-btn.relative-position-2 {
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 3rem;
  }

  .swipper-btn.is-trust {
    margin-top: 0;
    display: flex;
    bottom: auto;
    left: 0;
  }

  .flax-horizont.gap-17 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flax-horizont.gap-17.mob-flax-central {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .flax-horizont.gap-5 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    place-items: start;
  }

  .flax-horizont.aling-sb.mob-central {
    text-align: center;
  }

  .div-block-2, .swiper-grid-item-wrap {
    width: 100%;
  }

  .section-partners.small-margin {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .partner-logo-container {
    margin-right: 2rem;
  }

  .logo-partners-wrapper {
    width: 350%;
  }

  .swiper-component {
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
  }

  .swiper-component.slide-to-top-06s.mob-padd-0 {
    padding-left: 0;
  }

  .swiper-component.is-trust {
    margin-top: 6.2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-wrapp.slide-to-top-0-6s {
    overflow: clip;
  }

  .section-right.padding-section-small.mob-large {
    padding-bottom: 7rem;
  }

  .section-right.padding-section-small.mob-large.white-background:where(.w-variant-ec07153c-2315-528f-addd-30ef18211442) {
    padding-bottom: 14rem;
  }

  .section-right.padding-section-small.mob-large.white-background.with-paddings {
    position: relative;
  }

  .section-right.padding-section-small.mob-large.white-background.with-paddings.margen-big, .section-right.padding-section-small.padding-section-bottom-large-x {
    padding-bottom: 14rem;
  }

  .section-right.padding-section-small.bg-light-blue.overfow-clip.margen-bottom-17rem {
    margin-bottom: 18rem;
  }

  .section-right.bg-light-blue.padding-special {
    margin-bottom: 19rem;
  }

  .top-lift-head {
    width: 100%;
  }

  .stiyle-h1 {
    font-size: 2.5rem;
  }

  .bg-prod.mob-height-100 {
    height: 100%;
  }

  .bg-prod.mob-height-100.tablet-50vh {
    max-width: 100%;
  }

  .image-bg-prod {
    object-position: 100% 50%;
    height: 100%;
  }

  .image-bg-prod.contain {
    object-fit: cover;
  }

  .hero-product {
    max-width: 100%;
    min-height: 18rem;
    padding-top: 6rem;
  }

  .rich-text-block-case p {
    margin-bottom: 0;
  }

  .rich-text-block-case h3 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }

  .case-box-btn {
    text-align: center;
    flex-flow: column wrap;
    align-content: center;
  }

  .case-box-btn.aling-sb {
    flex-flow: row;
  }

  .hero-blog {
    height: 15rem;
  }

  .cms-prev-next-item-link {
    grid-auto-flow: row;
  }

  .cms-prev-next-block {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1rem;
    line-height: 1.5;
  }

  .svg-icon-prev.opacity-59.no-mobile-view, .svg-icon-next.opacity-59.no-mobile-view {
    display: none;
  }

  ._2-col-grid-fr-0-5 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  ._2-col-grid-fr-0-5.mp1 {
    grid-template-columns: 1fr;
  }

  ._2-col-grid-fr-0-5.margin-bottom.none {
    display: none;
  }

  .section-glossary, .section-glossary.extended-footer-section.text-color-white:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e) {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-glossary.padding-section-small.mob-large {
    padding-bottom: 7rem;
  }

  .section-glossary.margen-bottom-mob {
    padding-bottom: 3rem;
  }

  .hero-contact {
    padding-bottom: 5rem;
  }

  .contact-info-bar-2 {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .contact-contakt {
    justify-content: flex-start;
    align-items: center;
  }

  .grid {
    grid-column-gap: 0rem;
    grid-row-gap: 4rem;
    grid-template-columns: .75fr;
  }

  .cms-prev-next-btn.right-align {
    place-items: end;
  }

  .cms-item-heading {
    font-size: 1.2rem;
  }

  .cms-prev-next-btn-empty {
    grid-auto-flow: row;
    place-content: start space-between;
    place-items: end start;
  }

  .cms-prev-next-btn-empty.next-btn-empty {
    place-content: start end;
    place-items: end;
  }

  .post.align-right {
    text-align: left;
  }

  .next-slot-btn {
    order: 9999;
  }

  .image-6 {
    height: 7rem;
  }

  .image-7 {
    height: 15rem;
  }

  .image-h20 {
    height: auto;
  }

  .image-h20.height-35rem, .image-h20.height-5rem, .image-h20.mob-height-15 {
    height: 15rem;
  }

  .hero-blog-page {
    height: 100vh;
  }

  .hero-press-release {
    padding-top: 7rem;
  }

  .hero-case-st {
    min-height: 18rem;
    padding-top: 6rem;
  }

  .marquee-box {
    height: 3rem;
    margin-right: 0;
  }

  .pop-app {
    height: 100svh;
  }

  .div-block-9 {
    width: 95vw;
  }

  .form-block-2 {
    margin-bottom: 0;
  }

  .pop-app-cross-close {
    top: .9rem;
    right: 1.1rem;
  }

  .blackout-bottom {
    background-image: linear-gradient(#fff0, #fff 58%);
    height: 40vh;
  }

  .hero-article-page {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }

  .mob-none {
    display: none;
  }

  .hero-coming-soon {
    max-width: 100%;
    height: 28rem;
    padding-top: 4rem;
  }

  .stiyle-h1-copy, .highlight-frame {
    font-size: 2.5rem;
  }

  .video-card-about.video.product {
    width: 100%;
    height: 100%;
  }

  .flax-vertical.gap-3-rem.max-width-50, .flax-vertical.max-width-68 {
    width: 100%;
  }

  .hero-oure {
    padding-bottom: 4rem;
  }

  .div-block-12 {
    padding-bottom: 3rem;
  }

  .div-block-13 {
    overflow: hidden;
  }

  .plyr_cover-button {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    font-size: .7em;
  }

  .plyr_component.is-full-scr, .plyr_component.is-full-scr.case-study, .plyr_component.is-full-scr.case-study-hover {
    height: 15rem;
  }

  .plyr_component.is-full-scr.sovices {
    z-index: 2;
    position: absolute;
  }

  .sp-icon {
    width: 35%;
  }

  .background-image-copy.height-35rem, .background-image-copy.height-5rem, .background-image-copy.mob-height-15 {
    height: 15rem;
  }

  .btn-play.hover-video:where(.w-variant-6e93a7e2-9347-8b1b-10c6-1d079f2e3d1e) {
    width: 100%;
    height: 100%;
  }

  .plyr_component-hover.is-full-scr, .plyr_component-hover.is-full-scr.case-study, .plyr_component-hover.is-full-scr.case-study-hover {
    height: 15rem;
  }

  .box-testimonial {
    flex-flow: column;
  }

  .image-8 {
    margin-left: 0;
    display: none;
  }

  .quotes-6-top {
    order: 1;
  }

  .tabs-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: clip;
  }

  .dropdown-toggle-2 {
    height: 2.6rem;
    padding-right: 1.88rem;
  }

  .dropdown-toggle-2.w--open {
    overflow: visible;
  }

  .dropdown-list-2 {
    width: 100%;
  }

  .dropdown-list-2.w--open {
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 8.7rem;
    padding-top: 0;
    top: 3rem;
    left: auto;
    right: auto;
  }

  .tab-stiky {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .dropdown-wrapper {
    z-index: 5;
  }

  .anchor {
    top: -8rem;
  }

  .sticky-sentinel {
    top: 8.6rem;
  }

  .dropdown-item-1 {
    z-index: 5;
  }

  .dropdown-item-1.relative4 {
    z-index: 4;
  }

  .icon-arrow-drop {
    margin-right: .63rem;
  }

  .div-block-22 {
    width: 100%;
  }

  .faq_heading.individ {
    padding-right: 2rem;
    position: relative;
  }

  .faq_icon {
    margin-right: 0;
  }

  .faq_components.individ {
    z-index: 10;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #f7f7f700;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq_accordion {
    padding: 1rem;
  }

  .link-9 {
    z-index: -1;
    opacity: 0;
    border-radius: .63rem;
    position: absolute;
    inset: 0%;
  }

  .link-9.w--current {
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 10px 15px #9242421a;
  }

  .faq_body.individ._2 {
    z-index: 2;
  }

  .faq_body.individ._1 {
    z-index: 1;
  }

  .bg-video-prod.product {
    height: 100%;
  }

  .hiro-product {
    height: auto;
    min-height: 100vh;
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .hiro-product.platform {
    padding-top: 5rem;
  }

  .hero-glossary {
    height: 15rem;
  }

  .hero-press {
    padding-bottom: 5rem;
  }

  .div-block-25 {
    width: 30rem;
  }

  .buttons-wrap-footer {
    flex-flow: column;
    align-items: stretch;
  }

  .main-wrapper.overflow-clip {
    overflow: clip;
  }

  .text-block-11 {
    text-align: left;
  }

  .fs-selectcustom_dropdown {
    width: 100%;
  }

  .div-block-30 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .div-block-31 {
    width: 100%;
  }

  .logo-popapp {
    width: 16rem;
  }

  .hiro-cloude-image-bg {
    object-position: 40% 50%;
    height: 100%;
  }

  .hiro-cloude-image-bg.contain {
    object-fit: cover;
  }

  .flax-space-bet.widtth-50.center-align {
    width: 100%;
  }

  .flax-space-bet.widtth-50.center-align.mob-vertical {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .flax-space-bet.widtth-30, .flax-space-bet.widtth-30.center-align {
    width: 100%;
  }

  .flax-space-bet.widtth-30.center-align.mob-vertical {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .image-12 {
    height: 15rem;
  }

  .image-13 {
    height: 7rem;
  }

  .heading-style-h3-3.slide-to-top-0-2s.max-w-60 {
    width: 100%;
  }

  .box-container-2 {
    flex-flow: column;
  }

  .shadow-large-2.height-100.rounded-1-5rem.padding-medium {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-block-12 {
    text-align: left;
  }

  .chevron-bullet-light-2.rounded-100.padding-xxxsmall {
    min-width: 1.5rem;
  }

  .section-3.padding-section-small {
    max-width: 100%;
  }

  .block-autor {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .tab-link-tab {
    flex: 1;
  }

  .div-block-38 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-39 {
    min-height: 10.4rem;
  }

  .tabs-content-2 {
    padding-top: 2.5rem;
  }

  .text-price {
    font-size: 2.5rem;
  }

  .text-price.custom {
    font-size: 1.25rem;
  }

  .text-price.mob-large {
    font-size: 2rem;
  }

  ._2-col-grid-1-5rem-footer {
    grid-template-columns: 1fr;
  }
}

#w-node-be5a170f-51c0-9ec5-7ffc-8d8603515a84-03515a81 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-be5a170f-51c0-9ec5-7ffc-8d8603515a88-03515a81 {
  grid-area: Area-2;
}

#w-node-be5a170f-51c0-9ec5-7ffc-8d8603515a96-03515a81 {
  grid-area: Area-3;
}

#w-node-be5a170f-51c0-9ec5-7ffc-8d8603515aa4-03515a81 {
  grid-area: Area-4;
}

#w-node-_5d697045-0f90-fc34-62e3-127de12884e7-e12884e4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5d697045-0f90-fc34-62e3-127de12884eb-e12884e4 {
  grid-area: Area-2;
}

#w-node-_5d697045-0f90-fc34-62e3-127de12884f9-e12884e4 {
  grid-area: Area-3;
}

#w-node-_5d697045-0f90-fc34-62e3-127de1288507-e12884e4 {
  grid-area: Area-4;
}

#w-node-_5d63b94f-7621-d1d8-f758-8117dea0eba7-dea0eb5a {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_43e6da9e-955d-47fe-5db4-458ea1520bbc-4d781968 {
  grid-area: Area;
}

#w-node-_43e6da9e-955d-47fe-5db4-458ea1520c26-4d781968 {
  grid-area: Area-2;
}

#w-node-_62c26565-3c09-4864-046c-83da36cfd58f-4d781969 {
  grid-area: Area;
}

#w-node-e25f52dd-d7e3-0490-6ec9-850a0fc4be96-4d781969 {
  grid-area: Area-2;
}

#w-node-b33bd741-46f3-9743-de76-1685510c6ba2-4d78196a {
  grid-area: Area;
}

#w-node-b33bd741-46f3-9743-de76-1685510c6bc9-4d78196a {
  grid-area: Area-2;
}

#w-node-_0dd81a2f-225a-446d-37ba-134a8e14f041-4d78196f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d24c799-6ae2-db30-8a1b-8bc288adbcda-4d781972 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6d24c799-6ae2-db30-8a1b-8bc288adbce0-4d781972 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c9c7d568-a0e8-ed74-f7d7-486545e974ee-4d781973 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5035a8bd-1f9e-b7eb-6a75-e60551666914-b7979388 {
  grid-area: Area;
}

#w-node-_5035a8bd-1f9e-b7eb-6a75-e6055166697e-b7979388 {
  grid-area: Area-2;
}

#w-node-_70303029-be26-f6a0-964d-da469ca72ce9-676fae66 {
  grid-area: Area;
}

#w-node-a61e28b3-e2cd-400a-2d5d-df1ef2edff0d-676fae66 {
  grid-area: Area-2;
}

#w-node-de3832e0-b841-4b95-1c01-8cbfb864c668-c692a6aa {
  grid-area: Area;
}

#w-node-_6ae5a753-712c-fba7-3e0c-fc644ab7338f-c692a6aa {
  grid-area: Area-2;
}

#w-node-de3832e0-b841-4b95-1c01-8cbfb864c668-95820282 {
  grid-area: Area;
}

#w-node-bc3eaea4-d8ce-f3a3-b39c-21f8d4c9b69c-95820282 {
  grid-area: Area-2;
}

#w-node-_7bfc5472-f41a-8020-8fb0-4a5f032af2f6-fd9196a0 {
  grid-area: Area;
}

#w-node-_7bfc5472-f41a-8020-8fb0-4a5f032af345-fd9196a0 {
  grid-area: Area-2;
}

@media screen and (min-width: 1440px) {
  #w-node-a61e28b3-e2cd-400a-2d5d-df1ef2edff0d-676fae66 {
    grid-area: Area-2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_3611cb48-d03c-ef0f-0344-87f34a4076b2-4d7818b0, #w-node-_3611cb48-d03c-ef0f-0344-87f34a4076d8-4d7818b0, #w-node-_64dff065-bb52-680d-1977-6a01035177a0-4d7818b0, #w-node-_7fc9b747-f02e-dfb7-2bf7-c95f0ca74a2b-4d7818b0 {
    order: -9999;
  }

  #w-node-ec1b2d04-c294-e076-bfbc-de449714673b-9714672f {
    grid-area: Area;
  }

  #w-node-_7d52289e-62f1-880d-6fac-3390e83cadcd-9714672f {
    order: -9999;
  }

  #w-node-be5a170f-51c0-9ec5-7ffc-8d8603515a84-03515a81, #w-node-_5d697045-0f90-fc34-62e3-127de12884e7-e12884e4, #w-node-_5d63b94f-7621-d1d8-f758-8117dea0eb6d-dea0eb5a {
    grid-area: Area;
  }

  #w-node-c91a267e-9be8-4c46-bf5c-a51008a52d71-4d7818db, #w-node-_58e36a02-e01a-aac9-ecea-8e10c2109d3e-c2109d2d:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6), #w-node-_0dd81a2f-225a-446d-37ba-134a8e14f041-4d78196f {
    order: -9999;
  }

  #w-node-_6d24c799-6ae2-db30-8a1b-8bc288adbcda-4d781972, #w-node-_6d24c799-6ae2-db30-8a1b-8bc288adbce0-4d781972 {
    grid-column: span 1 / span 1;
  }

  #w-node-c9c7d568-a0e8-ed74-f7d7-486545e974f1-4d781973 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c97b21f9-eae8-8b72-de3f-4facc752571a-676fae66, #w-node-_7208de19-ebe9-a48e-1622-7330549a4eb0-676fae66, #w-node-_7208de19-ebe9-a48e-1622-7330549a4eca-676fae66, #w-node-_27488b19-efb8-cc42-5f5b-d637d2d8dd5c-d2d8dd42, #w-node-_27488b19-efb8-cc42-5f5b-d637d2d8dd78-d2d8dd42, #w-node-fb75e0b4-ba0f-bdce-47f5-ee1d3d0cee8a-c692a6aa, #w-node-_06a8ce1b-f780-8d79-6d78-53daeb78a422-4577ebbf {
    order: -9999;
  }

  #w-node-f59dac2b-229e-1d14-f7b9-80aed9909ac9-e86d296d, #w-node-ed8a2d2a-722e-f70f-78e0-2ecb97a85dc1-dfb12fa8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_165283cd-3dfe-152e-bd5c-82ffefa065fb-2936634d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_165283cd-3dfe-152e-bd5c-82ffefa0660b-2936634d:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6) {
    order: -9999;
  }

  #w-node-_627f4f57-2a4c-d499-4d3f-9f3714ed8c62-a7bdb510 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_15771829-2b99-1b7b-8b38-2bfae491d9da-a7bdb510 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_15771829-2b99-1b7b-8b38-2bfae491d9cd-a7bdb510, #w-node-cf4de250-6a4b-4794-f2a1-0d99c1102358-14479aee {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-cf4de250-6a4b-4794-f2a1-0d99c11023be-14479aee:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6) {
    order: -9999;
  }

  #w-node-cf4de250-6a4b-4794-f2a1-0d99c11023ae-14479aee {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e1034312-d021-f2f5-d451-bfd474edd29a-994681e4, #w-node-ac0e60a6-97cc-61fc-8fd9-68a72649a493-f9687659 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ac0e60a6-97cc-61fc-8fd9-68a72649a4bc-f9687659 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ac0e60a6-97cc-61fc-8fd9-68a72649a4cc-f9687659:where(.w-variant-01ac265a-a9fc-b3f2-eed5-e10a5c9ba0a6) {
    order: -9999;
  }

  #w-node-f59dac2b-229e-1d14-f7b9-80aed9909ac9-81d1af45 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ec1b2d04-c294-e076-bfbc-de449714675b-9714672f, #w-node-_5d63b94f-7621-d1d8-f758-8117dea0eba7-dea0eb5a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0dd81a2f-225a-446d-37ba-134a8e14f04f-4d78196f {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3611cb48-d03c-ef0f-0344-87f34a4076b2-4d7818b0, #w-node-_3611cb48-d03c-ef0f-0344-87f34a4076d8-4d7818b0, #w-node-_64dff065-bb52-680d-1977-6a01035177a0-4d7818b0, #w-node-_7fc9b747-f02e-dfb7-2bf7-c95f0ca74a2b-4d7818b0 {
    order: -9999;
  }

  #w-node-ec1b2d04-c294-e076-bfbc-de449714675b-9714672f, #w-node-_5d63b94f-7621-d1d8-f758-8117dea0eba7-dea0eb5a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0dd81a2f-225a-446d-37ba-134a8e14f041-4d78196f, #w-node-c97b21f9-eae8-8b72-de3f-4facc752571a-676fae66, #w-node-_7208de19-ebe9-a48e-1622-7330549a4eb0-676fae66, #w-node-_7208de19-ebe9-a48e-1622-7330549a4eca-676fae66, #w-node-_27488b19-efb8-cc42-5f5b-d637d2d8dd5c-d2d8dd42, #w-node-_27488b19-efb8-cc42-5f5b-d637d2d8dd78-d2d8dd42, #w-node-fb75e0b4-ba0f-bdce-47f5-ee1d3d0cee8a-c692a6aa, #w-node-fb75e0b4-ba0f-bdce-47f5-ee1d3d0cee8a-95820282, #w-node-_06a8ce1b-f780-8d79-6d78-53daeb78a422-4577ebbf, #w-node-fb75e0b4-ba0f-bdce-47f5-ee1d3d0cee8a-f4ea0ffa {
    order: -9999;
  }

  #w-node-ec9aca8c-ebac-5ed1-ad4c-9f7d3eee0f3b-2936634d, #w-node-_165283cd-3dfe-152e-bd5c-82ffefa065fb-2936634d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0471e629-0f41-b843-6fbf-50dfec53f8f4-a7bdb510 {
    grid-row: 2 / 3;
  }

  #w-node-_15771829-2b99-1b7b-8b38-2bfae491d9cd-a7bdb510, #w-node-cf4de250-6a4b-4794-f2a1-0d99c1102358-14479aee, #w-node-cf4de250-6a4b-4794-f2a1-0d99c11023ae-14479aee, #w-node-d116c0f7-4c28-04be-2ca1-2cb5fba67229-994681e4, #w-node-e1034312-d021-f2f5-d451-bfd474edd295-994681e4, #w-node-ac0e60a6-97cc-61fc-8fd9-68a72649a4ac-f9687659, #w-node-ac0e60a6-97cc-61fc-8fd9-68a72649a4bc-f9687659 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl Book';
  src: url('../fonts/SuisseIntl-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl Hairline';
  src: url('../fonts/SuisseIntl-Hairline.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/SuisseIntl-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* zb: footer contact link hover */
a.heading-style-h6.text-color-white{transition:color .15s}a.heading-style-h6.text-color-white:hover{color:var(--colors--white-059)}
/* zb QA: mobile footer CTA no longer overlaps the logo.
   Desktop keeps the CTA absolutely positioned so the card straddles the section boundary,
   with .footer-extended reserving space via padding-top. On mobile the card grows much
   taller than that reserve, so the absolute card landed on top of the logo. Below <=767px
   we drop it back into normal document flow (no negative margin, no transform to fight
   Webflow's scroll animation) and shrink the now-unneeded reserved padding, so the logo
   and link columns always stack cleanly beneath the card at any height. */
@media screen and (max-width: 767px) {
  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer,
  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer:where(.w-variant-3476ce60-0029-c782-8cce-35fb53e1654e),
  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.about-3,
  .footer-cta-section.padding-xxlarge.slide-to-top-0-2s.is-footer.cloud-footer {
    position: relative;
    inset: auto;
    top: auto;
    left: auto;
    right: auto;
    margin-bottom: 3rem;
  }
  .container.footer-extended {
    padding-top: 3rem;
  }
  /* CTA description had fixed 4rem side margins that, on a narrow card, squeezed the
     copy into a tall thin column (~4+ lines). The card already has its own padding,
     so drop the extra side margins on mobile. */
  .margin-top.margin-small.text-color-black-059.side-margins-4rem {
    margin-left: 0;
    margin-right: 0;
  }
}

/* zb: logo marquee — the seam gap and the dead air before it.
   Two separate faults, both visible as one hole between the last logo of a row and the first of
   the next (Wistron -> LiteOn on the home page).
   1. The loop shifts each row by translateX(calc(-100% - 1rem)), so the rows have to sit exactly
      1rem apart for the next one to land where the last began. .marquee had no column-gap at all.
   2. .marquee-content carries min-width:100%. Once the viewport is wider than the row's own
      content (1856px with seven logos) the slack pooled at the END of the row, because the row is
      justify-content:flex-start. Measured at a 2400px viewport: 592px at the seam against 68px
      between logos. Below 1856px the content overflows and nothing pooled, which is why this only
      showed up on wide screens.
   space-around spreads that slack evenly BETWEEN the logos and is a no-op once the content
   overflows. Deliberately NOT flex:1 0 auto on .marquee-box: that also closes the gap, but the
   boxes then grow and .logo-carousel-image scales with its box, so at 2400px every logo inflated
   from 200px to 278px. Verified 768px to 2560px: logo stays 200px and the seam stays within 4px
   of the gaps inside a row. */
.marquee {
  column-gap: 1rem;
}

.marquee-content {
  justify-content: space-around;
}
