@font-face {
  font-family: Social Icons Font;
  src: url("/api/media/file/66a08facb92c57c4ee1a0609_social-icon-font.woff2?v=b9a92ef9c07f") format("woff2"), url("/api/media/file/66a08facb92c57c4ee1a05f5_social-icon-font.eot?v=2926932f8630") format("embedded-opentype"), url("/api/media/file/66a08facb92c57c4ee1a05f6_social-icon-font.woff?v=2e9814951371") format("woff"), url("/api/media/file/66a08facb92c57c4ee1a05f2_social-icon-font.ttf?v=27b1ad169b3a") format("truetype"), url("/api/media/file/66a08facb92c57c4ee1a060e_social-icon-font.svg?v=1de310cbac25") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src: url("/api/media/file/66a08facb92c57c4ee1a060b_line-square-icons.woff2?v=43f2301b8a3e") format("woff2"), url("/api/media/file/66a08facb92c57c4ee1a05f4_line-square-icons.eot?v=e126daa538f9") format("embedded-opentype"), url("/api/media/file/66a08facb92c57c4ee1a0602_line-square-icons.woff?v=67de5cefd69d") format("woff"), url("/api/media/file/66a08facb92c57c4ee1a0606_line-square-icons.ttf?v=b7008806f51a") format("truetype"), url("/api/media/file/66a08facb92c57c4ee1a0600_line-square-icons.svg?v=ba8098ad0ed6") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src: url("/api/media/file/66a08facb92c57c4ee1a05ee_filled-icon-font.woff2?v=040771715c8e") format("woff2"), url("/api/media/file/66a08facb92c57c4ee1a0604_filled-icon-font.eot?v=e5d90ed04d91") format("embedded-opentype"), url("/api/media/file/66a08facb92c57c4ee1a060c_filled-icon-font.woff?v=8396a0e1bd51") format("woff"), url("/api/media/file/66a08facb92c57c4ee1a05f8_filled-icon-font.ttf?v=0e5535912446") format("truetype"), url("/api/media/file/66a08facb92c57c4ee1a05f0_filled-icon-font.svg?v=3aa9c7b391a9") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url("/api/media/file/66a08facb92c57c4ee1a0603_line-rounded-icons.woff2?v=883107e3fcca") format("woff2"), url("/api/media/file/66a08facb92c57c4ee1a05ea_line-rounded-icons.eot?v=d233d953e289") format("embedded-opentype"), url("/api/media/file/66a08facb92c57c4ee1a05ef_line-rounded-icons.woff?v=45c8f825dd72") format("woff"), url("/api/media/file/66a08facb92c57c4ee1a060d_line-rounded-icons.ttf?v=084cf5516d73") format("truetype"), url("/api/media/file/66a08facb92c57c4ee1a0605_line-rounded-icons.svg?v=3cd19899bfff") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest;
  src: url("/api/media/file/66a08facb92c57c4ee1a062d_OnestRegular1602-hint.ttf?v=dc4f7f4063f7") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest;
  src: url("/api/media/file/66a08facb92c57c4ee1a062c_OnestMedium1602-hint.ttf?v=27221d5446f7") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest;
  src: url("/api/media/file/66a08facb92c57c4ee1a0611_OnestBold1602-hint.ttf?v=5cde41920dbc") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--600: #5a6a83;
  --neutral--800: #1b2631;
  --accent--primary-1: #526d79;
  --secondary--color-1: #e28e04;
  --neutral--100: white;
  --secondary--color-2: #38678a;
  --neutral--300: #e8ebef;
  --general--shadow-01: #14142b0f;
  --neutral--200: #f7f8fa;
  --general--shadow-05: #14142b29;
  --neutral--700: #2f4263;
  --general--shadow-06: #14142b3d;
  --neutral--500: #7a879e;
  --neutral--400: #b9c0cd;
  --system--green-400: #11845b;
  --system--blue-400: #086cd9;
  --system--blue-300: #1d88fe;
  --system--blue-200: #8fc3ff;
  --system--blue-100: #eaf4ff;
  --system--green-300: #05c168;
  --system--green-200: #7fdca4;
  --system--green-100: #def2e6;
  --system--red-400: #dc2b2b;
  --system--300: #ff5a65;
  --system--red-200: #ffbec2;
  --system--red-100: #ffeff0;
  --system--orange-400: #d5691b;
  --system--orange-300: #ff9e2c;
  --system--orange-200: #ffd19b;
  --system--orange-100: #fff3e4;
  --general--shadow-02: #14142b14;
  --general--shadow-03: #14142b1a;
  --general--shadow-04: #14142b24;
  --button-shadow--color-01: #005dff0f;
  --button-shadow--color-2: #005dff14;
  --button-shadow--color-03: #005dff1a;
  --button-shadow--white-01: #14142b0a;
  --button-shadow--white-02: #14142b0f;
  --button-shadow--white-03: #14142b1a;
}

.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-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;
}

body {
  color: var(--neutral--600);
  font-family: Onest, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.667em;
}

h1 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.222em;
}

h2 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.316em;
}

h3 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417em;
}

h4 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.273em;
}

h5 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375em;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--accent--primary-1);
  text-decoration: underline;
  transition: color .3s;
}

a:hover {
  color: var(--secondary--color-1);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

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

label {
  color: var(--neutral--100);
  margin-bottom: 24px;
  font-weight: 700;
  line-height: 1.111em;
  display: block;
}

strong {
  font-weight: 700;
}

blockquote {
  background-color: var(--secondary--color-2);
  color: var(--neutral--100);
  text-align: center;
  background-image: url("/api/media/file/66a08facb92c57c4ee1a062e_shape-blockquote-corporation-template.svg?v=5caa5928d2b8"), url("/api/media/file/66a08facb92c57c4ee1a062e_shape-blockquote-corporation-template.svg?v=5caa5928d2b8");
  background-position: 100% 0, 0 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 21%, 21%;
  border: 0 solid #000;
  margin-top: 14px;
  margin-bottom: 32px;
  padding: 71px 146px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.409em;
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

figcaption {
  text-align: center;
  margin-top: 16px;
}

.page-wrapper {
  min-height: 100vh;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.style---styleguide-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.grid-2-columns._1-col-tablet.gap-row-8px {
  place-items: center stretch;
}

.grid-2-columns._1-col-tablet.home {
  flex-flow: column;
  display: flex;
}

.grid-2-columns.header-top {
  grid-template-columns: 2fr 1fr;
}

.grid-2-columns.cta-v3 {
  grid-column-gap: 160px;
  grid-template-columns: .9fr 1fr;
}

.grid-2-columns.template-page-sidebar {
  grid-column-gap: 40px;
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-2-columns.changelog-item {
  grid-column-gap: 60px;
  border-bottom: 1px solid var(--neutral--300);
  grid-template-columns: .4fr 1fr;
  align-items: start;
  padding-top: 64px;
  padding-bottom: 64px;
}

.grid-2-columns.changelog-item.first {
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.grid-2-columns.product-page {
  grid-column-gap: 40px;
  align-items: stretch;
}

.grid-2-columns.checkout-page {
  grid-template-columns: 1fr .4fr;
  align-items: start;
}

.grid-2-columns.suprises-pages-right {
  grid-column-gap: 100px;
  grid-template-columns: 1fr 1.25fr;
  margin-bottom: 124px;
}

.grid-2-columns.suprises-pages-right.last {
  margin-bottom: 0;
}

.grid-2-columns.suprises-pages-left {
  grid-column-gap: 100px;
  grid-template-columns: 1.25fr 1fr;
  margin-bottom: 124px;
}

.grid-2-columns.title-and-buttons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr auto;
}

.grid-2-columns.title-and-buttons.cta-v3 {
  grid-template-columns: 1fr minmax(auto, .9fr);
}

.grid-2-columns.testimonials-grid {
  grid-column-gap: 40px;
  grid-template-columns: 1fr .85fr;
}

.grid-2-columns.history-grid {
  grid-column-gap: 40px;
  grid-template-columns: .7fr 1fr;
  place-items: center stretch;
}

.grid-2-columns.history-timeline-grid {
  grid-row-gap: 120px;
  grid-template-columns: auto 1fr 1fr 1fr;
  justify-content: space-between;
  place-items: start stretch;
  width: 100%;
  max-width: none;
  margin-top: 60px;
}

.grid-2-columns.team-grid {
  grid-column-gap: 82px;
  grid-row-gap: 51px;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
}

.grid-2-columns.mission-grid {
  grid-column-gap: 40px;
  grid-template-columns: .95fr 1fr;
}

.grid-2-columns.blog {
  grid-column-gap: 40px;
  grid-template-columns: .35fr 1fr;
  align-items: start;
}

.grid-2-columns.post-grid {
  grid-column-gap: 40px;
  grid-template-columns: .65fr 1fr;
  align-items: start;
}

.grid-2-columns.service-grid {
  grid-column-gap: 40px;
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-2-columns.positions {
  grid-column-gap: 40px;
  grid-template-columns: .65fr 1fr;
  align-items: start;
}

.grid-2-columns.job-description-grid {
  grid-column-gap: 40px;
  grid-template-columns: .45fr 1fr;
  align-items: start;
}

.grid-2-columns.team-page-grid {
  grid-column-gap: 40px;
  grid-template-columns: .55fr 1fr;
  align-items: start;
}

.grid-2-columns.faq-grid {
  grid-column-gap: 49px;
  grid-template-columns: auto 1fr;
  align-items: start;
  padding-top: 50px;
}

.grid-2-columns.faq-grid.first {
  padding-top: 0;
}

.grid-2-columns.contact-grid {
  grid-column-gap: 40px;
  grid-template-columns: .8fr 1fr;
  align-items: start;
}

.grid-2-columns.demo-grid {
  grid-column-gap: 40px;
  grid-template-columns: .8fr 1fr;
}

.grid-2-columns.positions-category {
  grid-column-gap: 40px;
  grid-template-columns: .65fr 1fr;
  align-items: start;
}

.grid-2-columns.blog-category {
  grid-column-gap: 40px;
  grid-template-columns: .35fr 1fr;
  align-items: start;
}

.grid-2-columns.hero-sales-grid {
  grid-template-columns: .7fr 1fr;
}

.grid-2-columns.sales-pages {
  max-width: 852px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}

.style---navigation-sidebar {
  z-index: 1;
  height: 100%;
  max-height: 100vh;
  box-shadow: 1px 0 14px 0 var(--general--shadow-01);
  position: sticky;
  top: 0;
  overflow: hidden;
}

.style---main-wrapper {
  background-color: var(--neutral--200);
}

.card {
  background-color: var(--neutral--100);
  overflow: hidden;
}

.card.link-card {
  color: var(--neutral--600);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: block;
}

.card.link-card:hover {
  color: var(--neutral--600);
  transform: translate3d(0, -6px, .01px);
}

.card.link-card.search-item {
  background-color: var(--neutral--800);
  min-height: 100%;
  padding: 40px 40px 60px;
}

.card.link-card.service-item {
  z-index: 1;
  padding: 75px 38px 99px;
  position: relative;
}

.card.link-card.service-item:hover {
  transform: none;
}

.card.link-card.service-item.dark {
  background-color: var(--neutral--800);
  flex-direction: column;
  display: flex;
}

.card.link-card.blog-post-featured {
  background-color: var(--neutral--200);
  display: flex;
}

.card.sticky-top.top-24px {
  top: 24px;
}

.card.checkout-block {
  background-color: var(--neutral--800);
  color: var(--neutral--300);
  margin-bottom: 28px;
  padding: 32px 32px 60px;
}

.card.checkout-block.order-summary {
  padding-bottom: 40px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.figma-file {
  justify-content: center;
  align-items: stretch;
  margin-top: 32px;
  display: flex;
}

.card.sales-home-page {
  text-align: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  box-shadow: 0 2px 10px #00194317;
}

.card.sales-home-page:hover {
  transform: scale(.96);
}

.card.buy-now {
  background-color: #146ef5;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
  overflow: hidden;
}

.card.buy-now:hover {
  transform: scale(.98);
}

.card.buy-now.white {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 3px 10px #00194317;
}

.card.section-story {
  width: 100%;
  padding: 132px 60px;
}

.card.step-01 {
  background-color: var(--neutral--200);
  text-align: center;
  padding: 83px 40px;
}

.card.step-02 {
  background-color: var(--accent--primary-1);
  text-align: center;
  margin-bottom: 135px;
  padding: 83px 40px;
}

.card.step-03 {
  background-color: var(--neutral--800);
  text-align: center;
  margin-bottom: 270px;
  padding: 83px 40px;
}

.card.testimonial-featured {
  background-color: var(--secondary--color-2);
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.card.values {
  padding: 104px 30px 103px;
}

.card.values.ouline._02 {
  background-color: var(--secondary--color-1);
  height: 500px;
  margin-top: 85px;
}

.card.values.ouline._04 {
  background-color: var(--secondary--color-1);
  height: 500px;
  margin-top: -170px;
}

.card.values.ouline._06 {
  background-color: var(--secondary--color-1);
  height: 500px;
}

.card.values._01 {
  height: 500px;
}

.card.values._03 {
  height: 500px;
  margin-top: 170px;
}

.card.values._05 {
  height: 500px;
  margin-top: -85px;
}

.card.ouline {
  border: 1px solid var(--neutral--100);
  background-color: #0000;
}

.card.team-join {
  background-color: var(--secondary--color-2);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-right: -100%;
  padding: 83px 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: translate(82px);
}

.card.post-author {
  background-color: var(--neutral--800);
  position: sticky;
  top: 20px;
}

.card.contact-links {
  flex-direction: column;
  padding: 110px 24px;
  display: flex;
}

.card.sidebar-form-card {
  background-color: var(--neutral--800);
  padding: 94px 30px;
  position: sticky;
  top: 20px;
}

.card.perks {
  padding: 92px 40px 91px;
}

.card.plan {
  width: 100%;
  max-width: 411px;
  transform-style: preserve-3d;
  padding: 20px 24px 83px;
  transition: transform .3s;
  display: flex;
}

.card.plan:hover {
  transform: translate3d(0, -6px, .01px);
}

.card.plan._01 {
  margin-top: 113px;
}

.card.plan._02 {
  margin-top: 66px;
}

.card.product-add-cart {
  background-color: var(--secondary--color-2);
  min-height: 100%;
  padding: 106px 40px 118px;
}

.card.password-page {
  z-index: 1;
  background-color: var(--neutral--800);
  padding: 156px 40px;
  position: relative;
}

.card.dropdown {
  border: 1px solid var(--neutral--300);
  box-shadow: 7px 7px 8px 0 var(--general--shadow-05);
  padding: 40px;
}

.card.dropdown.bg-neutral-800 {
  border-color: var(--neutral--700);
  box-shadow: 7px 7px 8px 0 var(--general--shadow-06);
}

.style---color-block {
  min-height: 180px;
  position: relative;
}

.style---color-block-content {
  border-top: 1px solid var(--neutral--300);
  padding: 24px 24px 32px;
}

.style---color-block-name {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.style---color-block-hex {
  line-height: 20px;
}

.grid-4-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-4-columns.pricing-tablet {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

.grid-4-columns.pricing-tablet-mobile {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  display: none;
}

.bg-accent-1 {
  background-color: var(--accent--primary-1);
}

.bg-secondary-1 {
  background-color: var(--secondary--color-1);
}

.bg-secondary-2 {
  background-color: var(--secondary--color-2);
}

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

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

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

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

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

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

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

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

.style---color-block-text-example {
  background-color: var(--neutral--100);
  border-radius: 40px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  inset: 16px 16px auto auto;
}

.style---color-block-text-example.badge-dark {
  background-color: var(--neutral--800);
}

.color-accent-1 {
  color: var(--accent--primary-1);
}

.color-accent-1.orange, .color-secondary-1 {
  color: var(--secondary--color-1);
}

.color-secondary-2 {
  color: var(--secondary--color-2);
}

.color-neutral-800 {
  color: var(--neutral--800);
}

.color-neutral-700 {
  color: var(--neutral--700);
}

.color-neutral-600 {
  color: var(--neutral--600);
}

.color-neutral-500 {
  color: var(--neutral--500);
}

.color-neutral-300 {
  color: var(--neutral--300);
}

.color-neutral-300.footer-small-paragraph {
  margin-bottom: 0;
}

.color-neutral-200 {
  color: var(--neutral--200);
}

.color-neutral-100 {
  color: var(--neutral--100);
}

.color-neutral-100.mg-bottom-0.contact {
  font-size: 22px;
}

.bg-green-400 {
  background-color: var(--system--green-400);
}

.color-green-400 {
  color: #11845b;
}

.bg-blue-400 {
  background-color: var(--system--blue-400);
}

.color-blue-400 {
  color: var(--system--blue-400);
}

.bg-blue-300 {
  background-color: var(--system--blue-300);
}

.color-blue-300 {
  color: var(--system--blue-300);
}

.bg-blue-200 {
  background-color: var(--system--blue-200);
}

.bg-blue-100 {
  background-color: var(--system--blue-100);
}

.color-blue-100 {
  color: var(--system--blue-100);
}

.color-neutral-400 {
  color: var(--neutral--400);
}

.color-neutral-400.mg-bottom-0.v1 {
  color: var(--neutral--800);
}

.bg-green-300 {
  background-color: var(--system--green-300);
}

.color-green-300 {
  color: var(--system--green-300);
}

.bg-green-200 {
  background-color: var(--system--green-200);
}

.color-green-200 {
  color: var(--system--green-200);
}

.color-green-100 {
  color: var(--system--green-100);
}

.bg-green-100 {
  background-color: var(--system--green-100);
}

.bg-red-400 {
  background-color: var(--system--red-400);
}

.color-red-400 {
  color: var(--system--red-400);
}

.bg-red-300 {
  background-color: var(--system--300);
}

.color-red-300 {
  color: var(--system--300);
}

.bg-red-200 {
  background-color: var(--system--red-200);
}

.color-red-200 {
  color: var(--system--red-200);
}

.bg-red-100 {
  background-color: var(--system--red-100);
}

.color-red-100 {
  color: var(--system--red-100);
}

.bg-orange-400 {
  background-color: var(--system--orange-400);
}

.color-orange-400 {
  color: var(--system--orange-400);
}

.bg-orange-300 {
  background-color: var(--system--orange-300);
}

.color-orange-300 {
  color: var(--system--orange-300);
}

.bg-orange-200 {
  background-color: var(--system--orange-200);
}

.color-orange-200 {
  color: var(--system--orange-200);
}

.bg-orange-100 {
  background-color: var(--system--orange-100);
}

.color-orange-100 {
  color: var(--system--orange-100);
}

.style---block-sub-heading {
  margin-bottom: 32px;
}

.style---block-sub-heading.border {
  border-bottom: 1px solid var(--neutral--400);
  margin-bottom: 64px;
  padding-bottom: 40px;
}

.divider {
  background-color: var(--neutral--400);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider._64px {
  margin-top: 64px;
  margin-bottom: 64px;
}

.divider._64px.template-pages-start-here {
  margin-bottom: 40px;
}

.divider._40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider.card-blog-post-featured-divider {
  margin-top: 24px;
  margin-bottom: 31px;
}

.divider.demo-divider {
  background-color: var(--neutral--700);
  margin-top: 68px;
  margin-bottom: 48px;
}

.style---typography-block-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 320px) 1fr;
}

.style---content-block {
  margin-bottom: 100px;
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.mg-bottom-16px {
  margin-bottom: 16px;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

.mg-bottom-64px {
  margin-bottom: 64px;
}

.mg-bottom-72px {
  margin-bottom: 72px;
}

.mg-bottom-80px {
  margin-bottom: 80px;
}

.mg-top-16px {
  margin-top: 16px;
}

.mg-top-24px {
  margin-top: 24px;
}

.mg-top-40px {
  margin-top: 40px;
}

.mg-top-48px {
  margin-top: 48px;
}

.mg-top-64px {
  margin-top: 64px;
}

.mg-top-80px {
  margin-top: 80px;
}

.mg-left-24px {
  margin-left: 24px;
}

.mg-right-8px {
  margin-right: 8px;
}

.mg-right-24px {
  margin-right: 24px;
}

.text-200 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
}

.text-200.list {
  line-height: 24px;
}

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

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

.text-200.color-neutral-300.produkt {
  color: var(--secondary--color-1);
  font-weight: 700;
}

.display-1 {
  color: var(--neutral--800);
  font-size: 120px;
  font-weight: 500;
  line-height: 1.042em;
}

.display-1.color-neutral-100 {
  color: var(--neutral--100);
}

.display-1.color-neutral-100.mg-right-10px {
  margin-right: 10px;
}

.display-1.color-neutral-100.titlefacts {
  margin-right: 10px;
  font-size: 100px;
}

.display-1.mg-right-10px {
  margin-right: 10px;
}

.display-1.mg-right-10px.number {
  font-size: 100px;
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-1-column.dropdown-link-column {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  justify-items: start;
}

.grid-1-column.gap-row-0 {
  grid-row-gap: 0px;
}

.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.gap-48px {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.gap-column-24px {
  grid-column-gap: 24px;
}

.gap-row-8px {
  grid-row-gap: 8px;
}

.gap-row-24px {
  grid-row-gap: 24px;
}

.gap-row-32px {
  grid-row-gap: 32px;
}

.gap-row-40px {
  grid-row-gap: 40px;
}

.gap-row-80px {
  grid-row-gap: 80px;
}

.display-2 {
  color: var(--neutral--800);
  font-size: 74px;
  font-weight: 500;
  line-height: 1.189em;
}

.display-2.mg-bottom-8px.mobile {
  display: none;
}

.display-2.color-neutral-100 {
  color: var(--neutral--100);
}

.display-2.color-neutral-100.mg-bottom-0.category-title {
  margin-right: 20px;
}

.display-2.color-neutral-100.mg-bottom-0.people {
  font-size: 65px;
}

.display-3 {
  color: var(--neutral--800);
  font-size: 58px;
  font-weight: 500;
  line-height: 1.276em;
}

.display-3.color-neutral-100 {
  color: var(--neutral--100);
}

.display-3.color-neutral-100.mg-bottom-0 {
  font-size: 53px;
}

.display-3.mg-bottom-0.category-title {
  margin-right: 16px;
}

.display-4 {
  color: var(--neutral--800);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.158em;
}

.display-4.color-neutral-100 {
  color: var(--neutral--100);
}

.display-4.mg-bottom-16px.team {
  margin-bottom: 5px;
  font-size: 30px;
}

.display-4.color-accent-1 {
  color: var(--accent--primary-1);
}

.display-4.color-neutral-400 {
  color: var(--neutral--400);
}

.style---style-grid-wrapper {
  grid-row-gap: 180px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.paragraph-large {
  font-size: 24px;
  line-height: 1.583em;
}

.paragraph-small {
  font-size: 14px;
  line-height: 1.714em;
}

.text-400 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.083em;
}

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

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

.text-300 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

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

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

.text-100 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125em;
}

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

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

.text-bold {
  color: var(--neutral--800);
  font-weight: 700;
}

.text-link {
  color: var(--accent--primary-1);
  text-decoration: underline;
  transition: color .3s;
}

.text-link:hover {
  color: var(--secondary--color-1);
}

.text-link.white {
  color: var(--neutral--100);
}

.text-link.white:hover {
  color: var(--secondary--color-1);
}

.text-link.white.contact {
  font-size: 22px;
}

.text-uppercase {
  letter-spacing: .06em;
  text-transform: uppercase;
}

.text-strikethrough {
  text-decoration: line-through;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-3-columns.style---buttons-grid {
  grid-column-gap: 70px;
  grid-template-columns: auto auto 1fr;
}

.grid-3-columns.style---buttons-grid.download-apps-buttons {
  grid-template-columns: auto auto;
}

.grid-3-columns.gap-0.steps-grid {
  margin-top: -270px;
}

.grid-3-columns.gap-48px {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.grid-3-columns.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.grid-3-columns.offices-grid {
  grid-column-gap: 30px;
  grid-template-columns: 1fr;
}

.grid-3-columns.pricing-grid {
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-items: start stretch;
  margin-top: 60px;
}

.style---shadow-card {
  background-color: var(--neutral--100);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  padding: 32px 44px;
  display: flex;
}

.shadow-02 {
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
}

.shadow-03 {
  box-shadow: 0 8px 28px 0 var(--general--shadow-03);
}

.shadow-04 {
  box-shadow: 0 14px 42px 0 var(--general--shadow-04);
}

.shadow-05 {
  box-shadow: 0 24px 65px 0 var(--general--shadow-05);
}

.shadow-06 {
  box-shadow: 0 32px 72px 0 var(--general--shadow-06);
}

.button-shadow-color-01 {
  box-shadow: 0 4px 10px 0 var(--button-shadow--color-01);
}

.button-shadow-color-02 {
  box-shadow: 0 6px 20px 0 var(--button-shadow--color-2);
}

.button-shadow-color-03 {
  box-shadow: 0 10px 28px 0 var(--button-shadow--color-03);
}

.button-shadow-white-01 {
  box-shadow: 0 4px 10px 0 var(--button-shadow--white-01);
}

.button-shadow-white-02 {
  box-shadow: 0 6px 20px 0 var(--button-shadow--white-02);
}

.button-shadow-white-03 {
  box-shadow: 0 10px 28px 0 var(--button-shadow--white-03);
}

.style---heading {
  background-color: var(--neutral--100);
  min-height: 70vh;
  box-shadow: 0 2px 6px 0 var(--general--shadow-02);
  align-items: center;
  margin-bottom: 30px;
  padding: 72px 4vw;
  display: flex;
}

.inner-container {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._900px {
  max-width: 900px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._680px {
  max-width: 680px;
}

.inner-container._614px {
  max-width: 614px;
}

.inner-container._614px.center---tablet.nopadding {
  padding-left: 0;
}

.inner-container._636px {
  max-width: 636px;
}

.inner-container.section-story-image {
  max-width: 55%;
  margin-left: -75px;
}

.inner-container._613px {
  max-width: 613px;
}

.inner-container._533px {
  max-width: 533px;
}

.inner-container._533px.center---tablet {
  padding-left: 0;
}

.inner-container._659px {
  max-width: 659px;
}

.inner-container._563px {
  max-width: 563px;
}

.inner-container._56px {
  max-width: 56px;
}

.inner-container._579px {
  max-width: 579px;
}

.inner-container._670px {
  max-width: 670px;
}

.inner-container.hero-v1-content {
  max-width: 59%;
  margin-top: 104px;
  margin-bottom: 60px;
}

.inner-container.hero-v1-image {
  max-width: 487px;
}

.inner-container._26px {
  max-width: 26px;
}

.inner-container.cta-v1-image {
  max-width: 34%;
  margin-bottom: -57px;
  margin-right: 15px;
}

.inner-container._264px {
  max-width: 264px;
}

.inner-container.cta-v1-content {
  max-width: 52%;
  margin-bottom: 40px;
}

.inner-container._258px {
  max-width: 258px;
  padding-left: 0;
}

.inner-container._258px.center {
  max-width: 290px;
}

.inner-container._580px {
  max-width: 580px;
}

.inner-container._700px---tablet.center._100---mbl-copy {
  padding-left: 20px;
  padding-right: 20px;
}

.inner-container._600px---tablet.center {
  margin-bottom: 0;
  padding-left: 0;
}

.inner-container._600px---tablet.center-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inner-container._500px---mbl.center {
  margin-bottom: 0;
  padding-left: 0;
}

.inner-container._500px---mbl.center.nopading {
  padding-left: 0;
}

.inner-container._500px---mbl.center.top {
  margin-top: 100px;
}

.inner-container._320px---mbp {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.inner-container._320px---mbp.center {
  padding-left: 0;
}

.inner-container._320px---mbp.center.buttom {
  margin-bottom: 20px;
}

.inner-container._400px---mbp.center {
  padding-left: 0;
}

.inner-container._1186px {
  max-width: 1186px;
}

.inner-container._611px {
  max-width: 611px;
}

.inner-container._624px {
  max-width: 624px;
}

.inner-container._503px {
  max-width: 503px;
}

.inner-container._503px.center---tablet {
  padding-left: 0;
}

.inner-container._678px {
  max-width: 678px;
}

.inner-container._284px {
  max-width: 284px;
}

.inner-container._284px.center {
  padding-left: 0;
}

.inner-container._589px {
  max-width: 589px;
}

.inner-container._1198px {
  max-width: 1198px;
}

.inner-container._439px {
  max-width: 439px;
}

.inner-container.history-grid-image {
  max-width: 596px;
  margin-left: -75px;
}

.inner-container._662px {
  max-width: 662px;
}

.inner-container._535px {
  max-width: 535px;
}

.inner-container._491px {
  max-width: 491px;
}

.inner-container._271px {
  max-width: 271px;
}

.inner-container._467px {
  max-width: 467px;
  padding-left: 0;
  padding-right: 0;
}

.inner-container._395px {
  max-width: 395px;
}

.inner-container._299px {
  max-width: 299px;
}

.inner-container.hero-v2-image {
  flex: 1;
  max-width: 677px;
  min-height: 100%;
  margin-right: 40px;
}

.inner-container.hero-v2-content {
  flex: 1;
  max-width: 550px;
}

.inner-container._742px {
  max-width: 742px;
}

.inner-container._508px {
  max-width: 508px;
}

.inner-container._1440px {
  max-width: 1440px;
}

.inner-container._840px {
  max-width: 840px;
}

.inner-container._429px {
  max-width: 429px;
}

.inner-container.section-newsletter-image {
  align-self: stretch;
  width: 100%;
  max-width: 594px;
  margin-top: -100px;
  margin-bottom: -115px;
  position: absolute;
  inset: 0% 25px 0% auto;
}

.inner-container.blog-sidebar {
  max-width: 308px;
  position: sticky;
  top: 20px;
}

.inner-container._784px {
  max-width: 784px;
}

.inner-container._705px {
  max-width: 705px;
}

.inner-container._722px {
  max-width: 722px;
}

.inner-container._472px {
  max-width: 472px;
}

.inner-container._780px {
  max-width: 780px;
}

.inner-container.cta-v4-content-copy {
  max-width: 52%;
  margin-bottom: 60px;
}

.inner-container.cta-v4-image {
  max-width: 970px;
  margin-bottom: -229px;
  margin-right: -315px;
}

.inner-container._29px {
  max-width: 29px;
}

.inner-container.card-contact-links {
  flex-direction: column;
  width: 100%;
  max-width: 308px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.inner-container._760px {
  max-width: 760px;
}

.inner-container._459px {
  max-width: 459px;
}

.inner-container._723px {
  max-width: 723px;
}

.inner-container._162px {
  max-width: 162px;
}

.inner-container.review-avatar {
  max-width: 56px;
  margin-right: 25px;
}

.inner-container._480px {
  max-width: 480px;
}

.inner-container._642px {
  max-width: 642px;
}

.inner-container._324px {
  max-width: 324px;
}

.inner-container._795px {
  max-width: 795px;
}

.inner-container._567px {
  max-width: 567px;
}

.inner-container._383px {
  max-width: 383px;
}

.inner-container._788px {
  max-width: 788px;
}

.inner-container._821px {
  max-width: 821px;
}

.inner-container._71px {
  max-width: 71px;
}

.inner-container.card-plan-icon {
  max-width: 71px;
  margin-right: 18px;
}

.inner-container.check-left {
  max-width: 20px;
  margin-right: 6px;
}

.inner-container._200px {
  max-width: 200px;
}

.inner-container._1036px {
  max-width: 1036px;
}

.inner-container.faq-title {
  max-width: 340px;
  margin-right: 40px;
}

.inner-container.faq-content {
  max-width: 533px;
}

.inner-container.card-plan-wrapper {
  flex-direction: column;
  max-width: 323px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.inner-container._703px {
  max-width: 703px;
}

.inner-container._597px {
  max-width: 597px;
}

.inner-container._441px {
  max-width: 441px;
}

.inner-container._441px.center {
  padding-left: 0;
}

.inner-container._450px {
  max-width: 450px;
}

.inner-container._520px {
  max-width: 520px;
}

.inner-container._679px {
  max-width: 679px;
}

.inner-container._564px {
  max-width: 564px;
}

.inner-container._48 {
  max-width: 48%;
}

.inner-container._525px {
  max-width: 525px;
}

.inner-container._589px-copy {
  max-width: 589px;
}

.inner-container._589px-copy.center {
  max-width: 750px;
}

.inner-container.copy {
  padding-left: 60px;
  padding-right: 60px;
}

.style---content-heading {
  background-color: var(--neutral--100);
  align-items: center;
  margin-bottom: 60px;
  padding: 48px;
  display: flex;
}

.style---heading-icon-wrapper {
  background-color: var(--accent--primary-1);
  margin-right: 18px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.mg-bottom-0.center {
  text-align: center;
}

.style---content-wrapper {
  padding-top: 40px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.style---card-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 7px 0 var(--general--shadow-01);
}

.style---components-wrapper {
  background-color: var(--neutral--100);
}

.style---bg-white {
  padding: 48px;
}

.style-buttons-dark {
  background-color: var(--neutral--800);
  padding: 48px;
}

.btn-primary {
  border: 1px solid var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  justify-content: center;
  padding: 26px 38px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.111em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  border-color: var(--secondary--color-1);
  background-color: var(--secondary--color-1);
  color: var(--neutral--800);
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-primary.small.white.top-bar:hover {
  background-color: var(--secondary--color-1);
  color: var(--neutral--800);
}

.btn-primary.small.header-btn-hidde-on-mb {
  margin-left: 24px;
}

.btn-primary.small.discount {
  height: auto;
  margin-left: 0;
}

.btn-primary.small.post-category {
  margin-right: 16px;
  padding-left: 18px;
  padding-right: 18px;
}

.btn-primary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 1.1em;
}

.btn-primary.white {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--accent--primary-1);
}

.btn-primary.white:hover {
  background-color: var(--secondary--color-2);
  color: var(--accent--primary-1);
}

.btn-primary.white.no-hover {
  color: #146ef5;
}

.btn-primary.white.no-hover:hover {
  background-color: var(--neutral--100);
  transform: none;
}

.btn-primary.inside-input {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-primary.inside-input.default {
  padding: 15px 28px;
  top: 8px;
  bottom: 8px;
  right: 8px;
}

.btn-primary.download-app {
  display: flex;
}

.btn-primary.no-hover:hover {
  background-color: var(--accent--primary-1);
  transform: none;
}

.btn-primary.no-hover.brix {
  background-color: #6045fd;
}

.btn-primary.no-hover.brix:hover {
  color: var(--neutral--100);
}

.btn-primary.black {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
}

.btn-primary.black:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.btn-primary.place-order {
  border-radius: 0;
}

.btn-primary.faq {
  margin-top: 20px;
}

.btn-secondary {
  border: 1px solid var(--neutral--800);
  color: var(--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  padding: 26px 38px;
  font-size: 18px;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.btn-secondary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-secondary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 1.1em;
}

.btn-secondary.white {
  border-color: var(--neutral--100);
  color: var(--neutral--100);
  background-color: #0000;
}

.btn-secondary.white:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.btn-secondary.white-copy {
  border-color: var(--secondary--color-2);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.btn-secondary.white-copy:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.badge-primary {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  display: inline-block;
}

.badge-primary.white {
  background-color: var(--neutral--100);
  color: var(--accent--primary-1);
}

.badge-primary.light {
  background-color: var(--secondary--color-2);
}

.badge-primary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.badge-primary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 1.1em;
}

.badge-primary.blog-post-v1-category {
  padding-left: 18px;
  padding-right: 18px;
}

.badge-secondary {
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
  text-align: center;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  text-decoration: none;
  display: inline-block;
}

.badge-secondary.white {
  border-color: var(--neutral--100);
  color: var(--neutral--100);
  background-color: #0000;
}

.badge-secondary.light {
  background-color: var(--neutral--200);
  border-width: 0;
}

.badge-secondary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.badge-secondary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 1.1em;
}

.badge-secondary.category {
  color: var(--neutral--600);
  transition: border-color .3s, background-color .3s, color .3s;
}

.badge-secondary.category:hover, .badge-secondary.category.w--current {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.badge-secondary.service-about-btn {
  border-color: var(--neutral--600);
  color: var(--neutral--600);
  padding: 24px 40px;
  font-size: 20px;
  line-height: 1.1em;
  transition: border-color .3s, background-color .3s, color .3s;
}

.badge-secondary.service-about-btn:hover, .badge-secondary.service-about-btn.w--current {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.input {
  border: 1px solid var(--neutral--100);
  min-height: 68px;
  color: var(--neutral--100);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 25px 24px 23px;
  font-size: 18px;
  line-height: 1.111em;
  transition: color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--accent--primary-1);
}

.input:focus {
  border-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.input::placeholder {
  color: var(--neutral--100);
}

.input.small {
  min-height: 46px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.large {
  min-height: 76px;
}

.input.button-inside {
  min-height: 72px;
  padding-right: 145px;
}

.input.mg-bottom-16px {
  margin-bottom: 16px;
}

.input.cart-quantity-input {
  width: 70px;
  min-height: 45px;
  padding: 20px 16px;
}

.input.quntity {
  width: 110px;
}

.input.medium {
  min-height: 56px;
  margin-bottom: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.medium::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.medium.last {
  margin-bottom: 0;
}

.input.black {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
}

.input.black:hover {
  border-color: var(--accent--primary-1);
}

.input.black:focus {
  border-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.input.black::placeholder {
  color: var(--neutral--700);
}

.input.black.icon-right.search {
  background-image: url("/api/media/file/66a08facb92c57c4ee1a066a_icon-1-search-corporation-template.svg?v=c2f660064eb8");
}

.input.black.icon-right.search:focus {
  background-image: url("/api/media/file/66a08facb92c57c4ee1a066b_icon-2-search-corporation-template.svg?v=e0fe2c6fc1b0");
}

.input.icon-right {
  background-image: url("/api/media/file/background-image.svg?v=6fdb6b7cceb2");
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 20%;
}

.input.select-inside {
  min-height: auto;
  color: var(--neutral--100);
  border-width: 0;
  padding: 0;
  transition: color .3s;
}

.input.select-inside:focus {
  color: var(--secondary--color-1);
}

.input.select-wrapper {
  transition: border-color .3s;
}

.position-relative {
  position: relative;
}

.position-relative.hero-v1-image-wrapper {
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.position-relative.cta-v1-image-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.position-relative.section-story-wrapper {
  align-items: center;
  display: flex;
}

.position-relative.section-newsletter-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.position-relative.cta-v4-image-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-area {
  border: 1px solid var(--neutral--100);
  min-width: 100%;
  max-width: 100%;
  min-height: 246px;
  max-height: 280px;
  color: var(--secondary--color-1);
  background-color: #0000;
  margin-bottom: 0;
  padding: 24px;
  font-size: 18px;
  transition: color .3s, border-color .3s;
}

.text-area:hover {
  border-color: var(--secondary--color-1);
}

.text-area:focus {
  border-color: var(--secondary--color-1);
  color: var(--secondary--color-1);
}

.text-area::placeholder {
  color: var(--neutral--100);
}

.text-area.small {
  min-height: 102px;
  margin-bottom: 24px;
  font-size: 16px;
}

.text-area.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.text-area.black {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
}

.text-area.black:hover {
  border-color: var(--accent--primary-1);
}

.text-area.black:focus {
  border-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.text-area.black::placeholder {
  color: var(--neutral--700);
}

.checkbox-field-wrapper {
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.checkbox-field-wrapper.large {
  font-size: 20px;
  line-height: 24px;
}

.checkbox-field-wrapper.small {
  font-size: 16px;
  line-height: 20px;
}

.checkbox {
  border-width: 1px;
  border-color: var(--neutral--300);
  background-color: var(--neutral--100);
  border-radius: 0;
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, background-color .3s;
}

.checkbox:hover {
  border-color: var(--secondary--color-1);
}

.checkbox.w--redirected-checked {
  border-color: var(--secondary--color-1);
  background-color: var(--secondary--color-1);
  background-image: url("/api/media/file/66a08facb92c57c4ee1a05e9_check-form-brix-templates-webflow.svg?v=88f1075564d3");
  background-size: auto;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox.small {
  min-width: 22px;
  min-height: 22px;
}

.radio-button-field-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
  display: flex;
}

.radio-button-field-wrapper.large {
  font-size: 20px;
  line-height: 26px;
}

.radio-button-field-wrapper.small {
  font-size: 16px;
  line-height: 22px;
}

.radio-button {
  border-color: var(--neutral--300);
  background-color: var(--neutral--100);
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, border-width .3s, background-color .3s;
}

.radio-button:hover {
  border-color: var(--secondary--color-1);
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: var(--secondary--color-1);
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-button.small {
  min-width: 22px;
  min-height: 22px;
}

.style---avatars-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 290px);
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._01 {
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
}

.avatar-circle._02 {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.avatar-circle._04 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}

.avatar-circle._05 {
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.avatar-circle._06 {
  width: 160px;
  max-width: 160px;
  height: 160px;
  max-height: 160px;
}

.avatar-circle._07 {
  width: 240px;
  max-width: 240px;
  height: 240px;
  max-height: 240px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.style---icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 72px);
  align-content: center;
  align-items: center;
}

.style---social-square-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
}

.social-icon-font {
  font-family: Social Icons Font, sans-serif;
}

.social-icon-font.button-left {
  margin-right: 6px;
}

.social-icon-square {
  background-color: var(--accent--primary-1);
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  color: var(--neutral--800);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square:hover {
  background-color: var(--secondary--color-1);
  color: var(--neutral--800);
}

.social-icon-square.size-30px {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font-size: 16px;
}

.social-icon-square.size-24px {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 14px;
}

.social-icon-square.size-10px {
  width: 10px;
}

.social-icon-square.white {
  background-color: var(--neutral--100);
}

.social-icon-square.white:hover {
  background-color: var(--accent--primary-1);
}

.social-icon-square.size-39px {
  width: 39px;
  min-width: 39px;
  height: 39px;
  min-height: 39px;
}

.social-icon-square.color-neutral-100 {
  color: var(--neutral--100);
}

.social-icon-square.color-neutral-100:hover {
  color: var(--neutral--800);
}

.line-rounded-icon {
  font-family: Line Rounded Icons, sans-serif;
}

.line-rounded-icon.style---dropdown-arrow-sidebar {
  line-height: 18px;
}

.line-rounded-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.line-rounded-icon.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
  line-height: 1em;
}

.line-rounded-icon.success-message-check {
  color: var(--accent--primary-1);
  margin-bottom: 6px;
  font-size: 60px;
  line-height: 1em;
}

.line-rounded-icon.success-message-check.left {
  margin-bottom: 0;
  margin-right: 15px;
}

.style---line-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 20px);
}

.line-square-icon {
  font-family: Line Square Icons, sans-serif;
}

.line-square-icon.top-bar-close-icon {
  cursor: pointer;
  align-items: center;
  padding: 20px 32px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.line-square-icon.top-bar-close-icon:hover {
  opacity: .55;
}

.line-square-icon.card-service-arrow {
  color: var(--neutral--800);
  font-size: 32px;
}

.line-square-icon.card-service-arrow.color-neutral-100 {
  color: var(--neutral--100);
  margin-top: auto;
}

.line-square-icon.blog-post-arrow {
  color: var(--accent--primary-1);
  font-size: 28px;
  line-height: 1em;
}

.line-square-icon.blog-post-featured-arrow {
  color: var(--accent--primary-1);
  font-size: 40px;
  line-height: 1em;
}

.line-square-icon.success-message-check {
  color: var(--accent--primary-1);
  font-size: 60px;
  line-height: 1em;
}

.line-square-icon.success-message-check.large {
  margin-bottom: 15px;
  font-size: 100px;
}

.line-square-icon.success-message-check.left {
  margin-right: 15px;
}

.line-square-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.line-square-icon.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.line-square-icon.team-item-arrow {
  color: var(--neutral--800);
  margin-left: 20px;
  font-size: 28px;
}

.filled-icons {
  font-family: Filled Icons, sans-serif;
}

.filled-icons.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text h2 {
  margin-bottom: 24px;
}

.rich-text h3 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

.rich-text ul, .rich-text ol {
  margin-top: 32px;
  margin-bottom: 48px;
}

.rich-text h6, .rich-text h5, .rich-text h4 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text blockquote {
  margin-top: 48px;
  margin-bottom: 48px;
}

.style---dropdown-wrapper-sidebar {
  width: 100%;
  overflow: hidden;
}

.style---dropdown-toggle {
  border-bottom: 1px solid var(--neutral--300);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  transition: color .3s;
  display: flex;
}

.style---dropdown-toggle:hover, .style---dropdown-toggle.w--open {
  color: var(--accent--primary-1);
}

.buttons-row {
  grid-column-gap: 26px;
  grid-row-gap: 25px;
  align-items: center;
  display: flex;
}

.buttons-row.center {
  justify-content: center;
}

.buttons-row.mg-bottom-20px {
  margin-bottom: 20px;
}

.buttons-row.mg-bottom-20px.mg-bottom-0px---tablet.center---tablet-copy {
  margin-top: 20px;
}

.style---dropdown-list-sidebar {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.style---dropdown-link-sidebar {
  color: var(--neutral--600);
  border-right: 4px solid #0000;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.style---dropdown-link-sidebar:hover {
  border-right-color: var(--accent--primary-1);
  background-color: var(--neutral--200);
  color: var(--accent--primary-1);
}

.style---dropdown-link-sidebar.w--current {
  border-right-color: var(--accent--primary-1);
  background-color: var(--neutral--200);
  color: var(--accent--primary-1);
  font-weight: 700;
}

.style---dropdown-link-icon-sidebar {
  background-color: var(--accent--primary-1);
  border-radius: 8px;
  max-width: 38px;
  margin-right: 10px;
  padding: 2px;
}

.style---sidebar-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.style---logo-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--200);
  width: 100%;
  color: var(--neutral--600);
  text-align: center;
  padding: 38px 22px;
  text-decoration: none;
}

.width-100 {
  width: 100%;
}

.style---button-wrapper-sidebar {
  margin-top: 20px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
}

.style---logo-sidebar {
  transition: opacity .3s;
}

.style---logo-sidebar:hover {
  opacity: .6;
}

.container-default {
  max-width: 1338px;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default.order-confirmation {
  display: block;
}

.container-default.center {
  margin-left: auto;
  margin-right: auto;
}

.elements---page-hero {
  background-color: var(--neutral--200);
  padding-top: 120px;
  padding-bottom: 120px;
}

.elements---page-hero.bg-neutral-100 {
  background-color: var(--neutral--100);
}

.section {
  padding-top: 218px;
  padding-bottom: 218px;
}

.section.small {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.hero {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.section.hero.v1 {
  padding-top: 30px;
  padding-bottom: 0;
}

.section.hero.v2 {
  padding-top: 135px;
  padding-bottom: 0;
}

.section.hero.v2.overflow-visible {
  overflow: visible;
}

.section.hero.v3 {
  padding-top: 137px;
  padding-bottom: 140px;
}

.section.hero.post {
  padding-top: 137px;
  padding-bottom: 0;
}

.section.hero.v4 {
  padding-top: 140px;
  padding-bottom: 0;
}

.section.hero.v4.overflow-visible {
  overflow: visible;
}

.section.hero.post-service {
  padding-top: 140px;
  padding-bottom: 140px;
  overflow: visible;
}

.section.hero.pricing {
  background-color: var(--neutral--800);
  padding-top: 70px;
  padding-bottom: 180px;
  overflow: visible;
}

.section.hero.product-page {
  background-color: var(--neutral--800);
  padding-top: 70px;
  padding-bottom: 0;
}

.section.hero.contact {
  background-color: var(--neutral--800);
  padding-top: 135px;
  padding-bottom: 192px;
  overflow: visible;
}

.section.hero.v1-copy {
  margin-bottom: 40px;
  padding-top: 30px;
  padding-bottom: 0;
}

.section.top {
  padding-top: 100px;
}

.section.template-pages-hero {
  background-color: var(--neutral--800);
  padding-top: 140px;
  padding-bottom: 140px;
}

.section.template-pages-hero.short {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.hero-page {
  border-top: 1px solid var(--neutral--300);
  border-bottom: 1px solid var(--neutral--300);
  background-image: linear-gradient(to right, white 64%, var(--accent--primary-1) 64%);
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
  overflow: hidden;
}

.section.cta-home-pages {
  background-image: none;
  padding-top: 34px;
}

.section.pd-0px {
  padding-top: 0;
  padding-bottom: 0;
}

.section.pd-bottom-190px {
  padding-bottom: 158px;
}

.section.pd-bottom-190px.location {
  padding-top: 100px;
}

.section.pd-top-190px {
  padding-top: 158px;
}

.section.pd-136px {
  padding-top: 113px;
  padding-bottom: 113px;
}

.section.pd-136px.cta-v2, .section.pd-136px.cta-v3 {
  background-color: var(--secondary--color-2);
  overflow: hidden;
}

.section.cta-v1 {
  background-color: var(--neutral--800);
  padding-top: 42px;
  padding-bottom: 0;
  overflow: hidden;
}

.section.cta-v1.bg-secondary-2 {
  background-color: var(--secondary--color-2);
}

.section.pd-140px {
  padding-top: 118px;
  padding-bottom: 118px;
}

.section.pd-180px {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.pd-top-60px {
  padding-top: 50px;
}

.section.pd-bottom-0px {
  padding-bottom: 0;
}

.section.pd-bottom-240px {
  padding-bottom: 200px;
}

.section.pd-110px {
  padding-top: 92px;
  padding-bottom: 92px;
}

.section.pd-110px.section-newsletter {
  background-color: var(--neutral--800);
  overflow: hidden;
}

.section.pd-110px.section-newsletter.bg-secondary-2 {
  background-color: var(--secondary--color-2);
}

.section.pd-240px {
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.pd-240px.bg-secondary-2.perks {
  z-index: 0;
  position: relative;
}

.section.pd-240px.faq {
  display: none;
}

.section.pd-top-140px {
  padding-top: 118px;
}

.section.cta-v4 {
  background-color: var(--neutral--800);
  padding-top: 103px;
  padding-bottom: 0;
  overflow: hidden;
}

.section.cta-v4.bg-secondary-2 {
  background-color: var(--secondary--color-2);
}

.section.pd-top-0px {
  padding-top: 0;
}

.section.section-demo {
  background-color: var(--neutral--800);
  padding-top: 116px;
  padding-bottom: 140px;
}

.section.coming-soon {
  background-color: var(--neutral--800);
  padding-top: 137px;
  padding-bottom: 176px;
}

.section.not-found {
  padding-top: 189px;
  padding-bottom: 290px;
}

.section.password-page {
  padding-top: 82px;
  padding-bottom: 162px;
}

.section.video {
  padding-top: 140px;
}

.section.notopp {
  padding-top: 60px;
  padding-bottom: 0;
}

.section.pd-bottom-190px-copy {
  margin-bottom: 60px;
  padding-bottom: 10px;
}

.top-bar-wrapper {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  text-align: center;
  padding-left: 72px;
  padding-right: 72px;
  position: relative;
  overflow: hidden;
}

.top-bar-padding {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.top-bar-padding.small-padding {
  padding-top: 22px;
  padding-bottom: 22px;
}

.top-bar-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-bar-flex.space-between {
  justify-content: space-between;
}

.link-wrapper {
  color: var(--neutral--800);
  display: inline-block;
}

.link-wrapper:hover, .link-wrapper.color-primary {
  color: var(--accent--primary-1);
}

.link-wrapper.color-primary:hover {
  color: var(--neutral--800);
}

.link-wrapper.white {
  color: var(--neutral--100);
}

.link-wrapper.white:hover {
  color: var(--secondary--color-1);
}

.link-text {
  display: inline-block;
}

.elements---element-title {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 8px 0 var(--general--shadow-01);
  border-radius: 12px;
  margin-top: 72px;
  margin-bottom: 32px;
  padding: 24px 32px;
}

.elements---element-title.first, .elements---element-title.first.large {
  margin-top: 0;
}

.elements---element-title.large {
  margin-top: 266px;
  margin-bottom: 54px;
}

.heading-h1-size {
  color: var(--neutral--800);
  font-size: 54px;
  font-weight: 500;
  line-height: 1.222em;
}

.heading-h1-size.color-accent-1 {
  color: var(--accent--primary-1);
}

.heading-h1-size.color-neutral-100 {
  color: var(--neutral--100);
}

.heading-h2-size {
  color: var(--neutral--800);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.316em;
}

.heading-h3-size {
  color: var(--neutral--800);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417em;
}

.heading-h3-size.color-neutral-100 {
  color: var(--neutral--100);
}

.heading-h4-size {
  color: var(--neutral--800);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.273em;
}

.heading-h4-size.color-neutral-100 {
  color: var(--neutral--100);
}

.heading-h5-size {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

.heading-h6-size {
  color: var(--neutral--800);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375em;
}

.header-wrapper {
  background-color: var(--neutral--100);
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-wrapper.header-top {
  padding-top: 0;
  padding-bottom: 0;
}

.header-wrapper.bg-neutral-800 {
  background-color: var(--neutral--800);
}

.header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-content-wrapper.header-top {
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-link {
  color: var(--neutral--800);
  padding: 0;
  line-height: 1.111em;
}

.header-nav-link:hover {
  color: var(--accent--primary-1);
}

.header-nav-link.w--current {
  color: var(--neutral--800);
}

.header-nav-link.dropdown-nav-link {
  align-items: center;
  display: flex;
}

.header-nav-link.cart-link {
  color: var(--neutral--800);
  background-color: #0000;
}

.header-nav-link.cart-link:hover {
  color: var(--accent--primary-1);
}

.header-nav-link.white {
  color: var(--neutral--100);
}

.header-nav-link.white:hover {
  color: var(--secondary--color-1);
}

.header-nav-list-item {
  margin-bottom: 0;
  padding-left: 32px;
  line-height: 1.111em;
}

.header-nav-list-item.show-in-tablet {
  display: none;
}

.header-nav-list-item.middle {
  padding-left: 16px;
  padding-right: 16px;
}

.dropdown-toggle {
  align-items: center;
  padding: 0;
  transition: color .3s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--accent--primary-1);
}

.dropdown-column-wrapper {
  background-color: #0000;
  width: 580px;
  padding-top: 30px;
  overflow: hidden;
  transform: translate(-50%);
}

.dropdown-link {
  width: 100%;
  color: var(--neutral--600);
  padding: 0;
  line-height: 20px;
}

.dropdown-link:hover {
  color: var(--accent--primary-1);
}

.dropdown-pd {
  padding: 40px;
}

.header-logo {
  width: 100%;
}

.header-logo-link {
  max-width: 218px;
  transform-style: preserve-3d;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.header-logo-link:hover {
  transform: scale3d(.96, .96, 1.01);
}

.header-logo-link.logo-center {
  width: 100%;
  max-width: 287px;
  margin-left: auto;
  margin-right: auto;
}

.hamburger-menu-wrapper {
  transform-style: preserve-3d;
  padding: 0;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--800);
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-middle {
  align-items: center;
  display: flex;
}

.btn-circle-primary {
  background-color: var(--accent--primary-1);
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  color: var(--neutral--100);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-primary:hover {
  background-color: var(--secondary--color-1);
  color: var(--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-primary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-primary.large {
  width: 110px;
  min-width: 110px;
  height: 110px;
  min-height: 110px;
  font-size: 30px;
}

.btn-circle-primary.large.slider-arrow.right---top-right {
  top: -170px;
}

.btn-circle-primary.white {
  background-color: var(--neutral--100);
  color: var(--accent--primary-1);
}

.btn-circle-primary.white:hover {
  background-color: var(--secondary--color-2);
  color: var(--accent--primary-1);
}

.btn-circle-primary.slider-arrow {
  margin-top: 0;
  margin-bottom: 0;
}

.btn-circle-primary.slider-arrow.right---top-right {
  inset: 0 0 auto auto;
}

.btn-circle-secondary {
  background-color: var(--neutral--200);
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  color: var(--accent--primary-1);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-secondary:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.large {
  width: 110px;
  min-width: 110px;
  height: 110px;
  min-height: 110px;
  font-size: 30px;
}

.btn-circle-secondary.large.slider-arrow.left---top-right {
  top: -170px;
  right: 134px;
}

.btn-circle-secondary.white {
  border: 1px solid var(--neutral--100);
  box-shadow: none;
  color: var(--neutral--100);
  background-color: #0000;
}

.btn-circle-secondary.white:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
}

.btn-circle-secondary.slider-arrow {
  margin-top: 0;
  margin-bottom: 0;
}

.btn-circle-secondary.slider-arrow.left---top-right {
  inset: 0 0 auto auto;
}

.hidden-on-desktop {
  display: none;
}

.header-top-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  padding-top: 22px;
  padding-bottom: 22px;
}

.social-media-grid-top {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 34px);
  justify-content: start;
  justify-items: start;
}

.social-media-grid-top.right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: end;
  justify-items: end;
}

.social-media-grid-top.size-39px {
  grid-template-columns: repeat(auto-fit, 39px);
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.flex-vertical.center {
  align-items: center;
}

.flex-vertical.location {
  margin-bottom: 60px;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.end {
  justify-content: flex-end;
}

.flex-horizontal.start {
  justify-content: flex-start;
}

.flex-horizontal.children-wrap {
  flex-wrap: wrap;
}

.flex-horizontal.align-end {
  align-items: flex-end;
}

.flex-horizontal.align-center {
  align-items: center;
}

.flex-horizontal.stats-v1 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: space-between;
}

.flex-horizontal.stats-v1.dark-section {
  flex-flow: wrap;
}

.flex-horizontal.stats-v2 {
  justify-content: space-between;
}

.flex-horizontal.justify-center {
  justify-content: center;
}

.footer-wrapper {
  background-color: var(--neutral--800);
  overflow: hidden;
}

.grid-footer {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  max-width: 857px;
  margin-left: auto;
}

.footer-logo {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.footer-logo:hover {
  transform: scale3d(.98, .98, 1.01);
}

.footer-logo-wrapper {
  max-width: 264px;
  margin-bottom: 28px;
}

.footer-logo-wrapper.mg-bottom-0 {
  margin-bottom: 0;
}

.footer-logo-wrapper.mg-bottom-0.footer-bottom-v3-logo {
  max-width: 217px;
}

.nav-menu-list-wrapper {
  margin-bottom: 0;
  margin-right: 40px;
  padding-left: 0;
  list-style-type: none;
}

.nav-menu-list-wrapper.last {
  margin-right: 0;
}

.nav-menu-list-item {
  margin-bottom: 18px;
  padding-left: 0;
}

.nav-link {
  color: var(--neutral--600);
  text-decoration: none;
}

.nav-link:hover {
  color: var(--accent--primary-1);
}

.nav-link.light {
  color: var(--neutral--400);
}

.nav-link.light:hover {
  color: var(--secondary--color-1);
}

.nav-link.accent {
  color: var(--accent--primary-1);
  font-weight: 700;
}

.nav-link.accent:hover {
  color: var(--neutral--800);
}

.nav-link.accent.accent-light:hover {
  color: var(--secondary--color-1);
}

.footer-top {
  padding-top: 115px;
  padding-bottom: 66px;
  padding-left: 40px;
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid #fff3;
  padding: 54px 40px;
  position: relative;
}

.success-message {
  color: var(--neutral--800);
  background-color: #0000;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
}

.error-message {
  color: var(--system--300);
  background-color: #0000;
  margin-top: 20px;
  padding: 0;
  font-weight: 700;
}

.error-message.password {
  text-align: center;
  margin-top: 40px;
}

.error-message.cart-error {
  margin-top: 0;
}

.text-left {
  text-align: left;
}

.social-media-link-text {
  margin-left: 8px;
}

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

.text-center.mobile-l {
  text-align: left;
}

.sticky-top {
  position: sticky;
  top: 0;
}

.opacity-90 {
  opacity: .9;
}

.overflow-hidden {
  overflow: hidden;
}

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

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.slider-mask {
  height: 100%;
}

.slider-mask.width-550px {
  max-width: 550px;
  overflow: visible;
}

.tabs-menu {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.tabs-menu.service-about {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 63px;
}

.tabs-content {
  overflow: visible;
}

.empty-state {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  text-align: center;
  padding: 26px 24px;
  font-weight: 700;
}

.empty-state.card-empty {
  color: var(--neutral--100);
  background-color: #0000;
  border-left-width: 0;
  border-right-width: 0;
  margin-top: 0;
}

.empty-state.cart-empty {
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.large {
  padding: 64px 56px;
}

.pd---content-inside-card.template-pages---sidebar {
  padding: 32px 16px 24px;
}

.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

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

.image.cover.location {
  aspect-ratio: 2;
}

.image.cover.icon {
  filter: brightness(200%) grayscale();
}

.image.cover.history {
  width: 70%;
  max-width: 70%;
}

.image.cover.gemeinsam {
  width: 100%;
  min-width: 650px;
}

.image.cover-copy {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 0%;
  flex: 1;
  width: 100%;
  height: 100%;
}

.image.cover-copy.location {
  aspect-ratio: 2;
}

.image.cover-copy.icon {
  filter: brightness(200%) grayscale();
}

.image.cover-copy.history {
  width: 70%;
  max-width: 70%;
}

.overflow-visible {
  overflow: visible;
}

.slide-item-mg {
  margin-right: 28px;
}

.slide-item-mg._84px {
  margin-right: 84px;
}

.mg-bottom-4px {
  margin-bottom: 4px;
}

.height-100 {
  height: 100%;
}

.pricing-column.featured {
  background-color: var(--neutral--200);
}

.pricing-table-top {
  border-bottom: 1px solid var(--neutral--300);
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 250px;
  padding: 61px 24px 50px;
  display: flex;
}

.pricing-table-top.first {
  align-items: flex-start;
  padding-left: 0;
}

.pricing-content-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 91px;
  max-height: 91px;
  display: flex;
  overflow: hidden;
}

.pricing-content-wrapper.left {
  align-items: flex-start;
}

.pricing-content-wrapper.last {
  border-bottom-width: 0;
}

.image-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
  transform: translate(0);
}

.image-wrapper.order-item-image-wrapper {
  max-width: 100px;
  transform-style: preserve-3d;
  margin-right: 16px;
  transition-property: transform;
}

.image-wrapper.order-item-image-wrapper:hover {
  transform: scale3d(.96, .96, 1.01)translate(0);
}

.image-wrapper.image-circle {
  border-radius: 50%;
}

.image-wrapper.blog-post-v1-image {
  height: 469px;
  max-height: 469px;
}

.image-wrapper.office-image {
  min-height: 534px;
}

.image-wrapper.card-blog-post-featured-image {
  max-width: 680px;
}

.image-wrapper.blog-post-image {
  align-self: stretch;
  width: 100%;
  max-width: 258px;
  margin-right: 31px;
}

.image-wrapper.card-post-author-image {
  justify-content: flex-start;
  max-height: none;
}

.image-wrapper.service-featured-image {
  width: 100vw;
  max-height: 692px;
  position: absolute;
  left: 0;
}

.image-wrapper.team-page-image {
  height: 784px;
}

.image-wrapper.cart-item-image-wrapper {
  max-width: 100px;
  transform-style: preserve-3d;
  margin-right: 16px;
  transition-property: transform;
}

.image-wrapper.cart-item-image-wrapper:hover {
  transform: scale3d(.96, .96, 1.01)translate(0);
}

._404-not-found {
  color: var(--neutral--300);
  margin-bottom: 13px;
  font-size: 19.5vw;
  font-weight: 700;
  line-height: 1em;
}

.template-pages---sidebar-navigation {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.template-pages---nav-item-link {
  color: var(--neutral--600);
  background-color: #0000;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.template-pages---nav-item-link:hover {
  background-color: var(--neutral--200);
  color: var(--accent--primary-1);
}

.template-pages---nav-item-link.w--current {
  background-color: var(--neutral--200);
  color: var(--accent--primary-1);
  font-weight: 700;
}

.template-pages---phography-wrapper {
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
  overflow: hidden;
}

.template-pages---phography-wrapper:hover {
  transform: scale3d(.96, .96, 1.01);
}

.cart-button-wrapper {
  margin-left: 32px;
}

.cart-quantity {
  min-width: auto;
  height: auto;
  color: var(--accent--primary-1);
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
}

.cart-container {
  background-color: var(--neutral--100);
  box-shadow: 0 5px 25px 0 var(--general--shadow-06);
}

.cart-header {
  border-bottom-color: var(--neutral--200);
  padding-top: 22px;
  padding-bottom: 22px;
}

.cart-footer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.cart-item-title {
  color: var(--neutral--800);
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.cart-item-title:hover {
  color: var(--accent--primary-1);
}

.cart-item-price {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.cart-item-wrapper {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cart-subtotal-number {
  color: var(--neutral--800);
}

.pay-btn {
  border-radius: 0;
}

.pay-btn.cart, .pay-btn.order-summary {
  height: 60px;
}

.cart-line-item {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.cart-remove-link {
  line-height: 20px;
}

.cart-close-button {
  width: 24px;
  height: 24px;
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-decoration: none;
  display: flex;
}

.cart-close-button:hover {
  color: var(--system--300);
}

.checkout-form {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.checkout-col-left {
  margin-right: 0;
}

.checkout-col-right {
  position: static;
}

.checkout-block-header {
  grid-column-gap: 20px;
  border-width: 0 0 1px;
  border-bottom-color: var(--neutral--700);
  background-color: #0000;
  flex-wrap: wrap;
  padding: 0 0 20px;
}

.checkout-block-content {
  background-color: #0000;
  border: 0 solid #000;
  padding: 40px 0 0;
}

.checkout-block-content.pd-top-0px {
  padding-top: 0;
}

.shipping-list {
  border: 0 solid #000;
}

.shipping-method {
  grid-column-gap: 12px;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--neutral--300);
  padding: 31px 0;
}

.shipping-price {
  color: var(--neutral--800);
  font-weight: 700;
}

.order-item-list {
  margin-bottom: 0;
}

.order-item {
  border-bottom: 1px solid var(--neutral--700);
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.order-list-price {
  color: var(--neutral--100);
  font-weight: 700;
}

.order-list-title {
  color: var(--neutral--100);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.order-option-item {
  padding-left: 0;
}

.order-item-bold {
  color: var(--neutral--100);
  font-weight: 700;
}

.order-summary-price {
  color: var(--neutral--100);
}

.discounts-wrapper {
  border-width: 1px 0 0;
  border-top-color: var(--neutral--700);
  background-color: #0000;
  margin-top: 32px;
  padding: 32px 0 0;
}

.order-item-content {
  margin-left: 0;
}

.text-underline {
  text-decoration: underline;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.card-sales-home-image {
  border-bottom: 1px solid var(--neutral--300);
}

.card-sales-home-content {
  text-align: center;
  padding: 27px 32px;
}

.figma-file-image-wrapper {
  width: 100%;
  max-width: 640px;
}

.figma-file-text-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-left: 56px;
  padding-right: 30px;
  display: flex;
}

.badge-home {
  border: 1px solid var(--neutral--800);
  color: #211f54;
  background-color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  inset: 20px 20px auto auto;
}

.home-surprises-card {
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.card-home-pages-wrapper {
  padding-top: 56px;
  padding-left: 56px;
  padding-right: 56px;
}

.cta-square-logo {
  margin-bottom: 22px;
  box-shadow: 0 8px 28px #14142b1a;
}

.cta-square-logo.white {
  border: 1px solid var(--neutral--200);
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.cta-image-card {
  width: 1140px;
  max-width: 1140px;
  margin-top: 52px;
  margin-bottom: -23px;
}

.order-summary-item {
  grid-column-gap: 20px;
  flex-wrap: wrap;
}

.text-no-wrap {
  white-space: nowrap;
}

.shipping-method-content {
  margin-left: 0;
  margin-right: 0;
}

.mg-botttom-46px {
  margin-bottom: 46px;
}

.mg-bottom-53px {
  margin-bottom: 53px;
}

.mg-bottom-21px {
  margin-bottom: 21px;
}

.stats-v1-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  padding-top: 130px;
  padding-bottom: 130px;
  padding-right: 104px;
  display: flex;
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-absolute.stats-v1-left-bg {
  background-color: var(--neutral--800);
  width: 101vw;
  margin-left: -100vw;
  inset: 0% auto 0% 0%;
}

.position-absolute.section-story-content {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 50%;
  display: flex;
  inset: auto 0% auto auto;
}

.position-absolute.shape.stats-v1---01 {
  width: 45%;
  margin-bottom: -12%;
  margin-right: -21%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.section-services---01 {
  width: 134%;
  margin-bottom: 20%;
  margin-right: -34%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.section-story---01 {
  width: 70%;
  margin-bottom: -65px;
  position: absolute;
}

.position-absolute.shape.section-process---01 {
  width: 22%;
  margin-top: -17%;
  margin-right: 26%;
  top: 0%;
  right: 0%;
}

.position-absolute.shape.section-process---02 {
  width: 22%;
  margin-top: -27.5%;
  margin-right: 0%;
  top: 0%;
  right: 0%;
}

.position-absolute.shape.testimonials---01 {
  width: 40%;
  margin-bottom: -23.5%;
  margin-right: -19%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.cta-v2---01 {
  width: 67%;
  margin-top: -21%;
  margin-left: -7%;
  inset: 0% auto auto 0%;
}

.position-absolute.shape.cta-v2---02 {
  width: 27%;
  margin-top: 14%;
  margin-left: 27%;
  inset: 0% auto auto 0%;
}

.position-absolute.shape.mission---02 {
  width: 41%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape.values---01 {
  width: 22%;
  margin-bottom: -26%;
  margin-left: -6%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape.values---02 {
  width: 22%;
  margin-bottom: -26%;
  margin-left: 16%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape.team-members---01 {
  width: 45%;
  margin-bottom: -8%;
  margin-right: -19%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.offices---01 {
  width: 31%;
  margin-top: 12%;
  margin-right: -14%;
  inset: 0% 0% auto auto;
}

.position-absolute.shape.cta-v3---01 {
  width: 22%;
  margin-bottom: -9%;
  margin-left: -6%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape.cta-v3---02 {
  width: 22%;
  margin-top: -10%;
  margin-left: 39%;
  inset: 0% auto auto 0%;
}

.position-absolute.shape.services-hero---01 {
  width: 40%;
  margin-bottom: -7%;
  margin-right: -10%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.careers-hero---03 {
  width: 42%;
  margin-bottom: -24%;
  margin-right: -19%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.team-page---01 {
  width: 37%;
  margin-bottom: 0%;
  margin-left: -37%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape.team-page---02 {
  width: 37%;
  margin-bottom: 0%;
  margin-left: -74%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape.pricing---01 {
  width: 22%;
  margin-bottom: -23%;
  margin-right: -6%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape.mission---01 {
  width: 41%;
  margin-left: -41%;
  inset: 470px auto 0% 0%;
}

.position-absolute.footer-bottom-right-bg {
  border-top: 1px solid #fff3;
  width: 100vw;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -100vw;
  inset: 0% 0% 0% auto;
}

.position-absolute.shape-alt.hero-v1---01 {
  width: 143%;
  margin-top: -5%;
  top: 0%;
}

.position-absolute.shape-alt.hero-v1---02 {
  z-index: -2;
  transform-origin: 100% 0;
  width: 62%;
  margin-bottom: 30%;
  margin-right: -16%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape-alt.cta-v1---01 {
  width: 159%;
  margin-top: -10%;
  top: 0%;
}

.position-absolute.shape-alt.cta-v1---02 {
  transform-origin: 100% 0;
  width: 66%;
  margin-bottom: 12.5%;
  margin-right: -5%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape-alt.hero-v2---01 {
  z-index: 2;
  width: 57%;
  margin-bottom: -67%;
  margin-right: -22%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape-alt.section-newsletter---01 {
  width: 97%;
  margin-top: -37%;
  margin-left: 3%;
  inset: 0% auto auto 0%;
}

.position-absolute.shape-alt.section-newsletter---02 {
  transform-origin: 0 100%;
  width: 49%;
  margin-top: 17%;
  margin-right: -4%;
  inset: 0% 0% auto auto;
}

.position-absolute.shape-alt.cta-v4---01 {
  width: 75%;
  margin-top: -10%;
  margin-right: 26%;
  top: 0%;
}

.position-absolute.shape-alt.cta-v4---02 {
  transform-origin: 100% 0;
  width: 31%;
  margin-top: -12%;
  margin-left: 3%;
  inset: 0% auto auto 0%;
}

.position-absolute.shape-alt.careers-hero---01 {
  transform-origin: 100%;
  width: 20%;
  margin-top: -17%;
  margin-right: 0%;
  inset: 0% 0% auto auto;
}

.position-absolute.shape-alt.careers-hero---02 {
  transform-origin: 0 0;
  width: 20%;
  margin-bottom: -8%;
  margin-left: 0%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape-alt.career-hero---01 {
  transform-origin: 0%;
  width: 46%;
  margin-top: -17%;
  margin-left: -87%;
  inset: 0% auto auto 0%;
}

.position-absolute.shape-alt.career-hero---02 {
  transform-origin: 50% 0;
  width: 102%;
  margin-bottom: 0%;
  margin-right: -130%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape-alt.contact---01 {
  transform-origin: 50% 0;
  width: 53%;
  margin-bottom: 8%;
  margin-left: -20%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape-alt.contact---02 {
  transform-origin: 50% 100%;
  width: 53%;
  margin-bottom: -19%;
  margin-right: -29%;
  inset: auto 0% 0% auto;
}

.position-absolute.shape-alt.coming-soon---01 {
  width: 96%;
  margin-bottom: -2%;
  margin-left: -128%;
  inset: auto auto 0% 0%;
}

.position-absolute.shape-alt.coming-soon---02 {
  width: 95%;
  margin-bottom: -49%;
  margin-right: -109%;
  inset: auto 0% 0% auto;
}

.mg-bottom-5px {
  margin-bottom: 5px;
}

.stats-v1-divider {
  background-color: var(--neutral--700);
  width: 1px;
  min-height: 162px;
  margin-left: 10px;
  margin-right: 10px;
}

.mg-bottom-28px {
  margin-bottom: 28px;
}

.card-service-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.mg-bottom-14px {
  margin-bottom: 14px;
}

.mg-bottom-118px {
  margin-bottom: 118px;
}

.big-number {
  color: var(--neutral--800);
  font-size: 100px;
  font-weight: 500;
  line-height: 1.25em;
}

.big-number.color-neutral-100 {
  color: var(--neutral--100);
}

.mg-bottom-60px {
  margin-bottom: 60px;
}

.card-testimonial-featured-content {
  flex-direction: column;
  flex: 1;
  padding: 63px 51px 61px;
  display: flex;
}

.testimonial-wrapper {
  border-bottom: 1px solid var(--neutral--400);
  padding-top: 40px;
  padding-bottom: 40px;
}

.testimonial-wrapper.first {
  padding-top: 12px;
}

.testimonial-wrapper.last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.hero-v1-wrapper {
  justify-content: space-between;
  display: flex;
}

.mg-top-auto {
  margin-top: auto;
}

.cta-v1-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-link-block {
  color: var(--neutral--600);
  text-decoration: none;
  display: block;
}

.content-link-block:hover {
  color: var(--neutral--600);
}

.content-link-block.team-item {
  min-height: 100%;
}

.content-link-block.blog-post {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-link-block.btn-down-arrow {
  flex-direction: column;
  align-items: center;
  width: 60px;
  height: 63px;
  transition-property: none;
  display: flex;
  position: relative;
}

.mg-bottom-58px {
  margin-bottom: 58px;
}

.mg-bottom-30px {
  margin-bottom: 30px;
}

.blog-post-v1-content-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-footer-grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .36fr 1fr;
  position: relative;
}

.footer-side-content {
  border-right: 1px solid #fff3;
  padding-top: 106px;
  padding-right: 40px;
}

.mg-bottom-42px {
  margin-bottom: 42px;
}

.menu-wrapper {
  max-width: 280px;
}

.menu-wrapper.contact {
  min-width: 230px;
}

.nav-content {
  justify-content: space-between;
  display: flex;
}

.mg-bottom-35px {
  margin-bottom: 35px;
}

.mg-bottom-44px {
  margin-bottom: 44px;
}

.mg-bottom-10px {
  margin-bottom: 10px;
}

.mg-bottom-18px {
  margin-bottom: 18px;
}

.stats-v2-divider {
  background-color: var(--neutral--600);
  opacity: .5;
  width: 1px;
  min-height: 162px;
  margin-left: 10px;
  margin-right: 10px;
}

.mg-bottom-70px {
  margin-bottom: 70px;
}

.card-team-item {
  max-width: 558px;
  position: relative;
}

.team-item-content {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.values-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  display: grid;
}

.input-button-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 72px;
  margin-bottom: 0;
  display: flex;
}

.input-button-form-block.cta-v3-form {
  width: 100%;
  max-width: 577px;
}

.hero-v2-wrapper {
  justify-content: space-between;
  display: flex;
}

.office-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.office-content.center {
  justify-content: center;
  align-items: center;
}

.card-blog-post-featured-content {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-width: 646px;
  max-width: 56%;
  padding: 94px 70px;
  display: flex;
}

.blog-post-item {
  border-bottom: 1px solid var(--neutral--400);
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-post-item:first-child {
  padding-top: 0;
}

.blog-post-item:last-child {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.blog-post-content {
  flex: 1;
  min-width: 391px;
  max-width: 550px;
}

.card-blog-post-featured-details, .blog-post-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sidebar-categories-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column wrap;
  display: flex;
}

.sidebar-category-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column wrap;
  align-items: flex-start;
  display: flex;
}

.card-post-author-content {
  padding: 48px 46px 77px;
}

.btn-down-arrow-line---01 {
  background-color: var(--accent--primary-1);
  width: 4px;
  height: 61px;
}

.btn-down-arrow-line---02 {
  background-color: var(--accent--primary-1);
  transform-origin: 50% 100%;
  width: 4px;
  height: 41px;
  margin-right: -2px;
  position: absolute;
  bottom: 2px;
  transform: rotate(-45deg);
}

.btn-down-arrow-line---03 {
  background-color: var(--accent--primary-1);
  transform-origin: 50% 100%;
  width: 4px;
  height: 41px;
  margin-left: -2px;
  position: absolute;
  bottom: 2px;
  transform: rotate(45deg);
}

.cta-v4-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-featured-image-wrapper {
  padding-bottom: 91%;
}

.mg-bottom-140px {
  margin-bottom: 140px;
}

.rich-text-v2 p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text-v2 h2 {
  margin-bottom: 9px;
  font-size: 54px;
  line-height: 1.222em;
}

.rich-text-v2 h3 {
  margin-top: 48px;
  margin-bottom: 5px;
  font-size: 38px;
  line-height: 1.316em;
}

.rich-text-v2 figure {
  margin-top: 64px;
  margin-bottom: 64px;
}

.rich-text-v2 ul, .rich-text-v2 ol {
  margin-top: 32px;
  margin-bottom: 48px;
}

.rich-text-v2 h6 {
  margin-top: 48px;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.333em;
}

.rich-text-v2 h5 {
  margin-top: 48px;
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 1.273em;
}

.rich-text-v2 h4 {
  margin-top: 48px;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1.417em;
}

.rich-text-v2 blockquote {
  margin-top: 48px;
  margin-bottom: 48px;
}

.review-wrapper {
  border-bottom: 1px solid var(--neutral--400);
  margin-bottom: 60px;
  padding-bottom: 60px;
}

.review-wrapper.last {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.review-content-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.review-main-content {
  align-items: center;
  display: flex;
}

.sidebar-form-block {
  flex-direction: column;
  justify-content: center;
  max-width: 343px;
  min-height: 625px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-top-19px {
  margin-top: 19px;
}

.mg-bottom--48px {
  margin-bottom: -48px;
}

.career-post-item {
  border-bottom: 1px solid var(--neutral--400);
  padding-top: 60px;
  padding-bottom: 60px;
}

.career-post-item:first-child {
  padding-top: 0;
}

.career-post-item:last-child {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.career-post-link-content-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.job-description-wrapper {
  border-bottom: 1px solid #fff3;
  margin-bottom: 80px;
  padding-bottom: 80px;
}

.job-description-wrapper.last {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.rich-text-light p {
  color: var(--neutral--300);
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text-light h2 {
  color: var(--neutral--100);
  margin-bottom: 24px;
}

.rich-text-light h3 {
  color: var(--neutral--100);
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text-light figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

.rich-text-light ul {
  color: var(--neutral--300);
  margin-top: 32px;
  margin-bottom: 48px;
}

.rich-text-light ol {
  color: var(--neutral--200);
  margin-top: 32px;
  margin-bottom: 48px;
}

.rich-text-light h6, .rich-text-light h5, .rich-text-light h4 {
  color: var(--neutral--100);
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text-light blockquote {
  background-color: var(--neutral--800);
  margin-top: 48px;
  margin-bottom: 48px;
}

.rich-text-light figcaption {
  color: var(--neutral--300);
}

.rich-text-light h1 {
  color: var(--neutral--100);
}

.more-open-positions-wrapper {
  justify-content: space-between;
  display: flex;
}

.more-open-position-item {
  border-right: 1px solid var(--neutral--400);
  padding-right: 127px;
}

.more-open-position-item:last-child {
  border-right-width: 0;
  padding-left: 127px;
  padding-right: 0;
}

.more-open-position-item.page {
  padding-left: 0;
}

.mg-top-15 {
  margin-top: 15%;
}

.card-plan-top {
  border-bottom: 1px solid var(--neutral--400);
  margin-bottom: 0;
  padding-bottom: 18px;
}

.card-plan-top.popular {
  border-bottom-color: #fff3;
}

.card-plan-bottom {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.card-plan-top-details {
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-wrapper {
  border-bottom: 1px solid var(--neutral--400);
  justify-content: space-between;
  padding-bottom: 50px;
  display: flex;
}

.faq-wrapper.last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.plan-item {
  margin-top: 66px;
}

.plan-item:first-child {
  margin-top: 113px;
}

.plan-item:last-child {
  margin-top: 0;
}

.product-price-wrapper {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-price-badge {
  color: var(--neutral--400);
  text-transform: uppercase;
  flex-flow: column;
  margin-bottom: 0;
  font-size: 31px;
  font-weight: 500;
  display: flex;
}

.add-cart-default-state {
  margin-bottom: 0;
}

.add-cart-main-wrapper {
  flex-direction: column;
  justify-content: center;
  min-height: 210px;
  display: flex;
}

.contact-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 732px;
  margin-bottom: 0;
  display: flex;
}

.contact-form {
  grid-column-gap: 45px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-area-wrapper {
  min-width: 100%;
  max-width: 100%;
}

.sidebar-logos-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  max-width: 389px;
}

.demo-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 554px;
  margin-bottom: 0;
  display: flex;
}

.demo-form {
  grid-column-gap: 45px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-logo-wrapper {
  border-bottom: 1px solid var(--neutral--700);
  background-color: var(--neutral--800);
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-logo-wrapper.bg-neutral-100 {
  border-bottom-color: var(--neutral--400);
  background-color: var(--neutral--100);
}

.footer-small-wrapper {
  border-top: 1px solid var(--neutral--700);
  background-color: var(--neutral--800);
  padding-top: 44px;
  padding-bottom: 55px;
  overflow: hidden;
}

.footer-small-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  align-items: center;
}

.footer-small-logo-wrapper {
  max-width: 217px;
}

.not-found-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.not-found-shapes-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  max-width: 45%;
  margin-left: 40px;
}

.password-page-wrapper {
  max-width: 722px;
  margin-left: auto;
  margin-right: auto;
}

.password-page-shape {
  max-width: 61%;
  margin-bottom: -18px;
  margin-left: auto;
  margin-right: auto;
}

.checkbox-dark {
  border-width: 1px;
  border-color: var(--neutral--800);
  background-color: var(--neutral--100);
  border-radius: 0;
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, background-color .3s;
}

.checkbox-dark:hover {
  border-color: var(--accent--primary-1);
}

.checkbox-dark.w--redirected-checked {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  background-image: url("/api/media/file/66a08facb92c57c4ee1a05e9_check-form-brix-templates-webflow.svg?v=88f1075564d3");
  background-size: auto;
  margin-top: 0;
  margin-left: 0;
}

.checkbox-dark.w--redirected-focus {
  box-shadow: none;
}

.checkbox-dark.large {
  min-width: 28px;
  min-height: 28px;
}

.checkbox-dark.small {
  min-width: 22px;
  min-height: 22px;
}

.radio-button-dark {
  border-color: var(--neutral--800);
  background-color: var(--neutral--100);
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, border-width .3s, background-color .3s;
}

.radio-button-dark:hover {
  border-color: var(--accent--primary-1);
}

.radio-button-dark.w--redirected-checked {
  border-width: 6px;
  border-color: var(--accent--primary-1);
}

.radio-button-dark.w--redirected-focus {
  box-shadow: none;
}

.radio-button-dark.large {
  min-width: 28px;
  min-height: 28px;
}

.radio-button-dark.large.w--redirected-checked {
  border-width: 8px;
}

.radio-button-dark.small {
  min-width: 22px;
  min-height: 22px;
}

.cart-option-item {
  padding-left: 0;
}

.cart-item-content {
  margin-left: 0;
}

.cart-item-main-content {
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.grid-newsletter {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: space-between;
  max-width: 857px;
  margin-left: auto;
}

.btn-down-arrow-wrapper {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.btn-down-arrow-wrapper:hover {
  transform: scale3d(.95, .95, 1.01);
}

.footer-top-v2 {
  padding-top: 115px;
  padding-bottom: 66px;
}

.grid-footer-2-column---logo-and-form-v2 {
  grid-column-gap: 210px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
}

.footer-top-v2-wrapper {
  border-bottom: 1px solid #fff3;
}

.grid-footer-v2---left {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: space-between;
  max-width: 559px;
}

.footer-middle-content-left {
  border-right: 1px solid #fff3;
  flex: 1;
  max-width: 715px;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-right: 40px;
}

.footer-middle-content-right {
  flex: 1;
  max-width: 651px;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 40px;
}

.footer-middle-v2 {
  justify-content: space-between;
  display: flex;
}

.social-media-text-link {
  color: var(--neutral--600);
  text-align: left;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-media-text-link:hover {
  color: var(--accent--primary-1);
}

.social-media-text-link.light {
  color: var(--neutral--400);
}

.social-media-text-link.light:hover {
  color: var(--secondary--color-1);
}

.grid-footer-v2---right {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: space-between;
  max-width: 429px;
  margin-left: auto;
}

.form-btn-inside-and-title {
  flex-direction: column;
  justify-content: center;
  min-height: 120px;
  margin-bottom: 0;
  display: flex;
}

.footer-bottom-v3 {
  border-top: 1px solid #fff3;
  padding-top: 44px;
  padding-bottom: 54px;
  position: relative;
}

.grid-footer-bottom-v3-logo---paragraph {
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  align-items: center;
}

.screenshot-image {
  width: 100%;
  box-shadow: 0 4px 8px #0019430d;
}

.home-screenshots-container {
  justify-content: space-between;
  align-items: center;
  max-width: 53%;
  display: flex;
  position: absolute;
  inset: 0% -5% 0% auto;
}

.screenshoots-grid {
  grid-template-columns: 1fr;
  width: 100%;
  margin-left: 8px;
  margin-right: 8px;
}

.screenshoots-grid.column-1 {
  align-items: center;
}

.more-templates-badge-wrapper {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 286px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: fixed;
  inset: auto 24px 12px auto;
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper:hover {
  color: #666977;
}

.more-templates-logo-wrapper {
  position: relative;
}

.more-templates-logo {
  width: 80px;
}

.more-templates-logo.blur {
  z-index: -1;
  opacity: .68;
  filter: blur(3px);
  position: absolute;
  inset: 10% 0% 20px;
}

.more-templates-p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4em;
}

.more-webflow-templates-sub {
  color: #523ff5;
  text-decoration: underline;
}

.more-templates-lottie {
  width: 44px;
  position: absolute;
  inset: -20px -20px auto auto;
}

.div-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.section-8 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.video-title-link {
  width: 100%;
  color: var(--neutral--100);
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  transition: all .3s;
}

.video-title-link:hover {
  color: #607276;
}

.video-line {
  background-color: #e9eced;
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.container-large {
  width: 100%;
  max-width: 1280px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video-caption {
  color: var(--secondary--color-1);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.section-large {
  background-color: #0000;
  padding: 120px 5%;
  position: relative;
}

.section-large.videos {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.video-card {
  color: #1c2122;
  text-decoration: none;
}

.video-card._2 {
  position: relative;
  top: -42px;
}

.video-avatar-wrap {
  background-color: #f5f5f5;
  border: .67px solid #e9eced;
  border-radius: 99px;
  flex: none;
  width: 64px;
  height: 64px;
  overflow: hidden;
}

.image-cover-2 {
  z-index: 2;
  object-fit: cover;
  object-position: 50% 0%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.video-control-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.line {
  background-color: #fff3;
  width: .8px;
  height: 100%;
}

.line.dark-line {
  background-color: #2833371a;
}

.video-card-content {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.video-card-detail {
  width: 100%;
}

.line-wrapper {
  justify-content: space-around;
  display: flex;
  position: absolute;
  inset: 0%;
}

.line-wrapper.z-1 {
  z-index: -1;
  display: none;
}

.video-thumb {
  background-color: #e9eced;
  border-radius: 5px;
  height: 366px;
  margin-bottom: 16px;
  overflow: hidden;
}

.video-description {
  color: var(--neutral--300);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.grid-three-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
}

.text-block {
  color: var(--system--blue-100);
}

.mg-bottom-140px-copy {
  margin-bottom: 100px;
}

.text-span {
  font-size: 15px;
}

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

.image-10 {
  aspect-ratio: 1;
  object-fit: cover;
}

.collection-list-wrapper {
  margin-bottom: 20px;
}

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

.div-block-3 {
  margin-top: 20px;
}

.section-9 {
  z-index: 1;
  background-color: #0f0f11;
  position: relative;
}

.section-9.overflow-hidden {
  background-color: #0f0f1100;
  overflow: hidden;
}

.financial-text-holder {
  width: 86%;
}

.financial-text-holder.team {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-browse-holder {
  width: 50%;
  margin-top: 2em;
}

.playfair-span-2 {
  text-transform: none;
}

.playfair-span-2.black {
  color: #fafafa;
}

.text-span-2 {
  color: #cfab3c;
}

.feature-button-browse-holder {
  width: 50%;
  margin-top: 2em;
}

.feature-button-browse-holder.team {
  margin-top: 0;
}

.browse-text {
  color: #03000a;
  font-size: 16px;
}

.feature-grid {
  grid-column-gap: 3.5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 5fr 5fr;
  margin-top: 10em;
  display: grid;
}

.feature-grid.team {
  grid-template-columns: 5fr;
  margin-top: 4em;
}

.tab-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-80px {
  letter-spacing: -4px;
  font-size: 80px;
  font-weight: 500;
  line-height: 105%;
}

.heading-80px.top-heading {
  text-transform: none;
  max-width: 700px;
}

.heading-80px.top-heading.grey {
  color: #fafafa;
  text-transform: none;
}

.feature-button-with-arrow {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #040500;
  background-color: #fafafa;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 14px 30px;
  font-size: 16px;
  text-decoration: none;
  transition-property: box-shadow;
  transition-duration: .4s;
  display: flex;
}

.feature-button-with-arrow:hover {
  box-shadow: none;
}

.grid-item-text-container {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.tiny-title {
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 600;
  position: static;
}

.tabs-content-wrapper {
  margin-top: 2em;
  overflow: visible;
}

.black-arrow {
  margin-top: 2px;
  margin-left: 10px;
}

.financial-text {
  color: #b4bcd0;
  font-size: 18px;
}

.financial-text.team {
  text-align: center;
}

.tab-content-image {
  background-image: none;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  display: flex;
}

.grid-item-text-holder {
  z-index: 2;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.grid-item-text-holder.team {
  justify-content: space-between;
  align-items: center;
}

.container {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 2em;
}

.container._2 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.text-span-5 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(284deg, #cfab3c, #fff 0%);
  -webkit-background-clip: text;
  background-clip: text;
}

.grid-items-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.image-11 {
  max-width: 50%;
}

.image-12 {
  max-width: 40px;
}

.member-label {
  color: #b9b9b9;
  background-color: #f5f5f5;
  width: 100%;
  height: 23px;
  font-size: 10px;
  position: absolute;
  inset: 0% 0% auto;
}

.member-label.dark {
  color: #fff;
  background-color: #e08517;
  height: auto;
  font-size: 16px;
}

.logo-lid-logo {
  object-fit: contain;
  max-width: 90px;
  max-height: 90px;
  display: block;
}

.section-title {
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 74px;
  font-weight: 900;
  line-height: 64px;
}

.section-title.centered-small-title {
  color: #496673;
  text-transform: none;
  font-size: 32px;
  font-weight: 500;
  line-height: 30px;
}

.section-text-block {
  max-width: 440px;
  margin-top: 40px;
}

.section-text-block.ele-version {
  max-width: 900px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.logo-lid-block {
  text-align: center;
  background-color: #fff;
  border: 1px solid #ebebeb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-top: 34px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.logo-lid-block.dark {
  border-color: #000;
  height: 179px;
}

.members-logo-wrapper {
  border-top: 1px solid #91919133;
  margin-top: 110px;
  padding-top: 110px;
  padding-bottom: 60px;
}

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

.centered-title-wrapper {
  text-align: center;
  margin-bottom: 50px;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.collection-item {
  margin-bottom: 40px;
}

.client-grid-content {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: .75em;
  padding-bottom: .75em;
  display: flex;
}

.clients-loop-absolute {
  width: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 100%;
}

.clients-loop-absolute.secondloops {
  left: -100%;
}

.client-logo {
  object-fit: contain;
  width: 100%;
  max-width: 160px;
  height: 100%;
  max-height: none;
}

.client-logo.copy {
  max-height: none;
}

.trusted-by-text {
  color: var(--neutral--800);
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}

.clients-loop {
  width: 100%;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}

.clients-loop.logo-sleder-fix {
  display: flex;
}

.clients-loop-content {
  width: 100%;
  position: relative;
}

.clients-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.clients-wrap.case-studies {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  padding-top: 0;
  padding-bottom: 0;
}

.clients-wrap.case-studies.hidden {
  margin-top: 20px;
}

.clients-01-grid {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.link {
  font-size: 16px;
}

.image-wrapper-2 {
  border-radius: 4px;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.image-one, .image-two {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-401 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

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

.color-neutral-801 {
  color: #e8ebef;
}

.btn-secondary-2 {
  color: #001943;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1px solid #001943;
  padding: 26px 38px;
  font-size: 18px;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary-2:hover {
  color: #fff;
  background-color: #005dff;
  border-color: #005dff;
  transform: translate3d(0, -3px, .01px);
}

.btn-secondary-2.white {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.btn-secondary-2.white:hover {
  color: #001943;
  background-color: #fff;
  border-color: #fff;
}

.section-10 {
  padding-top: 218px;
  padding-bottom: 218px;
}

.section-10.pd-180px {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-10.pd-180px.bg-neutral-800.overflow-hidden {
  background-color: var(--secondary--color-2);
}

.display-5 {
  color: #001943;
  font-size: 58px;
  font-weight: 500;
  line-height: 1.276em;
}

.display-5.color-neutral-100 {
  color: #fff;
}

.inner-container-2._503px {
  max-width: 503px;
}

.inner-container-2._611px {
  max-width: 611px;
}

.inner-container-2._624px {
  max-width: 624px;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  display: grid;
}

.info-para-wrap {
  background-color: #f2f2f2;
  border: 1px solid silver;
  padding: 10px;
}

.more-info-link, .less-info-link {
  background-color: var(--accent--primary-1);
  color: #fff;
  border-radius: 0;
  margin-top: 20px;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
}

@media screen and (min-width: 1280px) {
  .section-8 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .line-wrapper {
    grid-column-gap: 250px;
  }
}

@media screen and (min-width: 1440px) {
  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: .3fr 1fr;
  }

  .grid-2-columns.hero-sales-grid {
    grid-template-columns: .8fr 1fr;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 380px) .8fr;
  }

  .style---dropdown-toggle {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
  }

  .style---dropdown-link-sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .style---dropdown-link-icon-sidebar {
    border-radius: 12px;
    max-width: 46px;
    margin-right: 14px;
  }

  .style---logo-wrapper {
    justify-content: center;
    display: flex;
  }

  .style---logo-sidebar {
    max-width: 260px;
  }

  .section {
    padding-top: 260px;
    padding-bottom: 260px;
  }

  .section.hero-page {
    padding-top: 224px;
    padding-bottom: 224px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-bottom-190px {
    padding-bottom: 190px;
  }

  .section.pd-top-190px {
    padding-top: 190px;
  }

  .section.pd-136px {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .section.pd-140px {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section.pd-180px {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section.pd-top-60px {
    padding-top: 60px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-bottom-240px {
    padding-bottom: 240px;
  }

  .section.pd-110px {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section.pd-240px {
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .section.pd-top-140px {
    padding-top: 140px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-bottom-190px-copy {
    padding-bottom: 60px;
  }

  ._404-not-found {
    font-size: 285px;
  }

  .figma-file-image-wrapper {
    max-width: 700px;
  }

  .figma-file-text-wrapper {
    padding-right: 74px;
  }

  .line-wrapper {
    grid-column-gap: 120px;
  }

  .financial-text-holder {
    width: 80%;
  }

  .button-browse-holder {
    width: 44%;
  }

  .feature-button-browse-holder {
    width: 50%;
  }

  .feature-grid {
    margin-top: 10em;
  }

  .container {
    max-width: 1350px;
  }

  .grid-items-wrapper {
    justify-content: space-between;
  }

  .member-label.dark {
    background-color: var(--secondary--color-1);
    color: #fff;
  }

  .section-text-block {
    max-width: 490px;
  }

  .logo-lid-block {
    border: 1px solid #ebebeb;
  }

  .logo-lid-block.dark {
    border-color: #000;
  }

  .logos-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .centered-title-wrapper {
    margin-bottom: 50px;
  }

  .section-10 {
    padding-top: 260px;
    padding-bottom: 260px;
  }

  .section-10.pd-180px {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}

@media screen and (min-width: 1920px) {
  .style---heading {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .style---content-wrapper {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .checkout-col-right {
    position: sticky;
    top: 24px;
  }

  .line-wrapper {
    grid-column-gap: 334px;
    grid-row-gap: 334px;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature-button-browse-holder {
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 45px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 32px;
  }

  blockquote {
    background-size: 15%, 15%;
    padding: 60px 80px;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.header-top {
    grid-template-columns: 1.8fr 1fr;
  }

  .grid-2-columns.cta-v3 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: .5fr 1fr;
  }

  .grid-2-columns.template-page-sidebar.no {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.product-page {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.checkout-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.suprises-pages-right, .grid-2-columns.suprises-pages-left {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 100px;
  }

  .grid-2-columns.title-and-buttons._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons.cta-v3 {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.testimonials-grid, .grid-2-columns.history-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.history-timeline-grid {
    grid-row-gap: 100px;
    grid-template-columns: auto 1fr;
    max-width: 100%;
  }

  .grid-2-columns.team-grid {
    grid-column-gap: 40px;
  }

  .grid-2-columns.mission-grid {
    grid-row-gap: 80px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .grid-2-columns.blog, .grid-2-columns.post-grid, .grid-2-columns.service-grid, .grid-2-columns.positions {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.job-description-grid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2-columns.team-page-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.faq-grid {
    grid-column-gap: 40px;
  }

  .grid-2-columns.contact-grid, .grid-2-columns.demo-grid, .grid-2-columns.positions-category, .grid-2-columns.blog-category {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-sales-grid {
    grid-template-columns: 1fr;
    margin-bottom: 54px;
  }

  .grid-2-columns.sales-pages {
    max-width: 100%;
  }

  .style---navigation-sidebar {
    min-height: auto;
    max-height: 100%;
    box-shadow: none;
    position: static;
  }

  .card.link-card.service-item {
    padding-top: 63px;
    padding-bottom: 83px;
  }

  .card.link-card.blog-post-featured {
    flex-direction: column;
  }

  .card.figma-file {
    flex-direction: column;
    overflow: hidden;
  }

  .card.section-story {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .card.step-01 {
    padding-top: 69px;
    padding-bottom: 69px;
  }

  .card.step-02, .card.step-03 {
    margin-bottom: 0;
    padding-top: 69px;
    padding-bottom: 69px;
  }

  .card.values {
    padding-top: 87px;
    padding-bottom: 86px;
  }

  .card.values.ouline._04 {
    margin-top: -85px;
  }

  .card.values._03 {
    margin-top: 0;
  }

  .card.team-join {
    padding-left: 34px;
    padding-right: 34px;
    transform: translate(40px);
  }

  .card.post-author {
    position: static;
  }

  .card.contact-links {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .card.sidebar-form-card {
    padding-top: 78px;
    padding-bottom: 78px;
    position: static;
  }

  .card.plan {
    max-width: 100%;
    padding: 69px 32px;
  }

  .card.plan._01, .card.plan._02 {
    margin-top: 0;
  }

  .card.product-add-cart {
    padding-top: 88px;
    padding-bottom: 98px;
  }

  .card.password-page {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .card.dropdown {
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    padding: 0;
  }

  .card.dropdown.bg-neutral-800 {
    background-color: #0000;
  }

  .grid-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-columns.pricing-tablet, .grid-4-columns.pricing-tablet-mobile {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .style---block-sub-heading {
    margin-bottom: 24px;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .divider._64px {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 250px) 1fr;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .mg-bottom-56px {
    margin-bottom: 48px;
  }

  .mg-bottom-64px, .mg-bottom-72px {
    margin-bottom: 60px;
  }

  .mg-bottom-80px {
    margin-bottom: 70px;
  }

  .mg-top-64px {
    margin-top: 60px;
  }

  .mg-right-24px.mg-bt-16px {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .display-1 {
    font-size: 100px;
  }

  .gap-row-80px {
    grid-row-gap: 56px;
  }

  .display-2 {
    font-size: 62px;
  }

  .display-2.color-neutral-100.mg-bottom-0.category-title {
    margin-right: 18px;
  }

  .display-3 {
    font-size: 48px;
  }

  .display-4 {
    font-size: 32px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 140px;
  }

  .paragraph-large, .text-400 {
    font-size: 22px;
  }

  .text-300 {
    font-size: 20px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid-3-columns.style---buttons-grid.download-apps-buttons {
    grid-template-columns: auto;
  }

  .grid-3-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns._3-col-tablet {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3-columns.gap-0._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.gap-0.steps-grid {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .grid-3-columns.gap-48px._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.offices-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.pricing-grid {
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .grid-3-columns.pricing-grid._2cal {
    grid-template-columns: 1fr 1fr;
  }

  .style---heading {
    min-height: auto;
    margin-bottom: 60px;
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .inner-container.section-story-image {
    max-width: 100%;
    margin-left: 0;
  }

  .inner-container.hero-v1-content {
    text-align: center;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 100px;
  }

  .inner-container.cta-v1-image {
    max-width: 360px;
    margin-right: 0;
  }

  .inner-container.cta-v1-content {
    text-align: center;
    max-width: 100%;
    margin-bottom: 100px;
  }

  .inner-container.center---tablet {
    margin-left: auto;
    margin-right: auto;
  }

  .inner-container._700px---tablet {
    max-width: 700px;
  }

  .inner-container._500px---tablet {
    max-width: 500px;
  }

  .inner-container._100---tablet {
    max-width: 100%;
  }

  .inner-container._450px---tablet {
    max-width: 450px;
  }

  .inner-container._600px---tablet {
    max-width: 600px;
  }

  .inner-container._600px---tablet.center-copy {
    margin-left: auto;
    margin-right: auto;
  }

  .inner-container._350px---tablet {
    max-width: 350px;
  }

  .inner-container.history-grid-image {
    max-width: 100%;
    margin-left: 0;
  }

  .inner-container.hero-v2-image {
    z-index: 1;
    max-width: 100%;
    margin-top: 80px;
    margin-right: 0;
    position: relative;
  }

  .inner-container.hero-v2-content {
    max-width: 100%;
  }

  .inner-container._420px---tablet {
    max-width: 420px;
  }

  .inner-container.section-newsletter-image {
    margin: 100px auto -22px;
    position: static;
  }

  .inner-container.blog-sidebar {
    max-width: 100%;
    position: static;
  }

  .inner-container._800px---tablet {
    max-width: 800px;
  }

  .inner-container.cta-v4-content-copy {
    text-align: center;
    max-width: 100%;
    margin-bottom: 100px;
  }

  .inner-container.cta-v4-image {
    margin-bottom: -40%;
    margin-right: -59%;
  }

  .inner-container.faq-title {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .inner-container.card-plan-wrapper {
    flex-flow: column;
    justify-content: space-between;
    max-width: 100%;
    display: flex;
  }

  .style---content-heading {
    margin-bottom: 60px;
    padding: 32px;
  }

  .badge-secondary.service-about-btn {
    padding-left: 20px;
    padding-right: 20px;
  }

  .position-relative.section-story-wrapper {
    flex-direction: column;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .position-relative.section-newsletter-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .avatar-circle._06 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._07 {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .line-square-icon.top-bar-close-icon {
    padding: 18px 24px;
  }

  .rich-text h2, .rich-text h3, .rich-text h6, .rich-text h5, .rich-text h4 {
    margin-bottom: 20px;
  }

  .style---dropdown-wrapper-sidebar {
    display: none;
  }

  .buttons-row.mg-bottom-20px.mg-bottom-0px---tablet {
    margin-bottom: 0;
  }

  .buttons-row.center---tablet {
    justify-content: center;
  }

  .style---sidebar-wrapper {
    overflow: hidden;
  }

  .style---logo-wrapper {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .style---button-wrapper-sidebar {
    display: none;
  }

  .elements---page-hero {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section.small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.hero.v1, .section.hero.v2 {
    padding-top: 70px;
  }

  .section.hero.v3 {
    padding-top: 100px;
    padding-bottom: 117px;
  }

  .section.hero.post, .section.hero.v4 {
    padding-top: 100px;
  }

  .section.hero.post-service {
    padding-top: 80px;
    padding-bottom: 118px;
  }

  .section.hero.pricing {
    padding-bottom: 150px;
  }

  .section.hero.contact {
    padding-top: 80px;
    padding-bottom: 154px;
  }

  .section.hero.v1-copy {
    padding-top: 70px;
  }

  .section.top {
    padding-top: 80px;
  }

  .section.hero-page {
    background-image: linear-gradient(to bottom, white 64%, var(--accent--primary-1) 64%);
    border-bottom-width: 0;
    padding-top: 94px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-bottom-190px {
    padding-bottom: 132px;
  }

  .section.pd-top-190px {
    padding-top: 132px;
  }

  .section.pd-136px {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .section.cta-v1 {
    padding-top: 108px;
  }

  .section.pd-140px {
    padding-top: 98px;
    padding-bottom: 98px;
  }

  .section.pd-180px {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .section.pd-top-60px {
    padding-top: 50px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-bottom-240px {
    padding-bottom: 168px;
  }

  .section.pd-110px {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .section.pd-110px.section-newsletter {
    padding-bottom: 0;
  }

  .section.pd-240px {
    padding-top: 168px;
    padding-bottom: 168px;
  }

  .section.pd-top-140px {
    padding-top: 98px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.section-demo {
    padding-top: 90px;
    padding-bottom: 112px;
  }

  .section.coming-soon {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  .section.not-found {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .section.password-page {
    padding-top: 68px;
    padding-bottom: 135px;
  }

  .top-bar-wrapper {
    padding-left: 56px;
    padding-right: 56px;
  }

  .top-bar-padding {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .top-bar-flex {
    flex-direction: column;
  }

  .heading-h1-size {
    font-size: 45px;
  }

  .heading-h2-size {
    font-size: 32px;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-nav-menu-wrapper {
    border-bottom: 1px solid var(--neutral--300);
    background-color: var(--neutral--100);
    padding: 24px 24px 40px;
  }

  .header-nav-menu-wrapper.bg-neutral-800 {
    border-bottom-color: var(--neutral--700);
    background-color: var(--neutral--800);
  }

  .header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-nav-link {
    font-size: 24px;
  }

  .header-nav-link.cart-link {
    font-size: 18px;
  }

  .header-nav-list-item {
    margin-bottom: 25px;
    padding-left: 0;
  }

  .header-nav-list-item.show-in-tablet {
    display: block;
  }

  .header-nav-list-item.show-in-tablet.header-nav-menu-btn-mobile {
    width: 100%;
    margin-top: 60px;
  }

  .header-nav-list-item.middle {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-column-wrapper {
    width: 100%;
    position: static;
    transform: none;
  }

  .dropdown-pd {
    padding: 20px 0 14px;
  }

  .hamburger-menu-wrapper {
    background-color: var(--accent--primary-1);
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    margin-left: 24px;
    transition: background-color .3s, transform .3s;
    overflow: hidden;
  }

  .hamburger-menu-wrapper:hover {
    background-color: var(--secondary--color-1);
    transform: translate3d(0, -3px, .01px);
  }

  .hamburger-menu-wrapper.w--open {
    background-color: var(--accent--primary-1);
  }

  .hamburger-menu-bar {
    background-color: var(--neutral--100);
    border-radius: 0;
    width: 24px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .btn-circle-primary {
    width: 73px;
    min-width: 73px;
    height: 73px;
    min-height: 73px;
  }

  .btn-circle-primary.large {
    width: 92px;
    min-width: 92px;
    height: 92px;
    min-height: 92px;
  }

  .btn-circle-primary.large.slider-arrow.right---top-right {
    inset: auto -110px 0 0;
  }

  .btn-circle-secondary {
    width: 73px;
    min-width: 73px;
    height: 37px;
    min-height: 73px;
  }

  .btn-circle-secondary.large {
    width: 92px;
    min-width: 92px;
    height: 92px;
    min-height: 92px;
  }

  .btn-circle-secondary.large.slider-arrow.left---top-right {
    inset: auto 0 0 -110px;
  }

  .social-media-grid-top.right {
    grid-column-gap: 10px;
  }

  .social-media-grid-top.right.center-tablet {
    justify-content: center;
  }

  .social-media-grid-top.center---tablet {
    justify-content: center;
    justify-items: center;
  }

  .flex-horizontal.stats-v1.dark-section {
    justify-content: center;
    align-items: stretch;
  }

  .flex-horizontal.justify-center---tablet {
    justify-content: center;
  }

  .grid-footer {
    grid-row-gap: 80px;
    grid-template-columns: auto auto;
    justify-content: stretch;
    max-width: none;
  }

  .footer-top {
    padding-top: 96px;
    padding-left: 0;
  }

  .footer-bottom {
    padding: 50px 0;
  }

  .error-message.password {
    margin-left: 32px;
    margin-right: 32px;
  }

  .slider-wrapper.top-buttons {
    padding-bottom: 160px;
  }

  .slider-mask {
    position: static;
  }

  .tabs-menu.service-about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 60px;
  }

  .image.cover.gemeinsam {
    min-width: auto;
  }

  .slide-item-mg._84px {
    margin-right: 70px;
  }

  .pricing-table-top {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-wrapper.card-blog-post-featured-image {
    max-width: 100%;
    max-height: 600px;
  }

  .image-wrapper.card-post-author-image {
    max-height: 350px;
  }

  .image-wrapper.service-featured-image {
    width: auto;
    margin-left: -24px;
    margin-right: -24px;
    position: static;
  }

  .image-wrapper.team-page-image {
    height: auto;
  }

  ._404-not-found {
    margin-bottom: 10px;
    font-size: 212px;
  }

  .template-pages---phography-wrapper {
    border-radius: 10px;
  }

  .cart-button-wrapper {
    margin-left: 28px;
  }

  .figma-file-text-wrapper {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .stats-v1-wrapper {
    padding-top: 108px;
    padding-bottom: 108px;
    padding-right: 0;
  }

  .position-absolute.stats-v1-left-bg {
    margin-left: -24px;
  }

  .position-absolute.section-story-content {
    max-width: 100%;
    position: relative;
    right: auto;
  }

  .position-absolute.shape.section-story---01 {
    margin-top: -28%;
    margin-bottom: 0;
    position: absolute;
    top: 0%;
  }

  .position-absolute.shape.section-process---01 {
    width: 24%;
    margin-top: -26%;
    margin-right: 8%;
  }

  .position-absolute.shape.section-process---02 {
    width: 24%;
    margin-top: -37.5%;
    margin-right: -17%;
  }

  .position-absolute.shape.cta-v2---01 {
    margin-top: -8%;
    margin-left: -50%;
  }

  .position-absolute.shape.cta-v2---02 {
    margin-top: 21%;
    margin-left: 0%;
    margin-right: -10%;
    inset: 0% 0% auto auto;
  }

  .position-absolute.shape.values---01 {
    width: 28%;
    margin-bottom: -31.3%;
  }

  .position-absolute.shape.values---02 {
    width: 28%;
    margin-bottom: -31.3%;
    margin-left: 22%;
  }

  .position-absolute.shape.team-members---01 {
    width: 50%;
    margin-bottom: -10%;
    margin-right: -26%;
  }

  .position-absolute.shape.offices---01 {
    width: 60%;
    margin-top: -17%;
    margin-right: -49%;
  }

  .position-absolute.shape.cta-v3---01 {
    margin-bottom: -15%;
  }

  .position-absolute.shape.cta-v3---02 {
    margin-top: -16%;
    margin-left: 0%;
    margin-right: -5%;
    inset: 0% 0% auto auto;
  }

  .position-absolute.footer-bottom-right-bg {
    display: none;
  }

  .position-absolute.shape-alt.hero-v2---01 {
    width: 40%;
    margin-bottom: -34%;
    margin-right: -23%;
  }

  .position-absolute.shape-alt.section-newsletter---01 {
    margin-top: -4%;
    margin-left: -11%;
  }

  .position-absolute.shape-alt.section-newsletter---02 {
    margin-top: 41%;
  }

  .position-absolute.shape-alt.cta-v4---01 {
    margin-top: 0%;
  }

  .position-absolute.shape-alt.cta-v4---02 {
    margin-top: 0%;
    margin-left: 0%;
  }

  .position-absolute.shape-alt.careers-hero---01 {
    margin-top: -4%;
  }

  .position-absolute.shape-alt.career-hero---01 {
    width: 38%;
    margin-left: -47%;
  }

  .position-absolute.shape-alt.career-hero---02 {
    width: 88%;
    margin-right: -91%;
  }

  .position-absolute.shape-alt.contact---01 {
    margin-bottom: -32%;
    margin-left: -29%;
  }

  .position-absolute.shape-alt.contact---02 {
    margin-bottom: -27%;
    margin-right: -19%;
  }

  .position-absolute.shape-alt.coming-soon---01 {
    width: 55%;
    margin-bottom: -22%;
    margin-left: -57%;
  }

  .position-absolute.shape-alt.coming-soon---02 {
    width: 45%;
    margin-bottom: -30%;
    margin-right: -48%;
  }

  .stats-v1-divider.noen {
    display: none;
  }

  .mg-bottom-118px {
    margin-bottom: 98px;
  }

  .big-number {
    font-size: 83px;
  }

  .testimonial-wrapper.first {
    padding-top: 0;
  }

  .hero-v1-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .cta-v1-wrapper {
    flex-direction: column;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-side-content {
    border-bottom: 1px solid #fff3;
    border-right-width: 0;
    padding-top: 88px;
    padding-bottom: 96px;
    padding-right: 0;
  }

  .mg-bottom-0px---tablet {
    margin-bottom: 0;
  }

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

  .mg-bottom-60px---tablet {
    margin-bottom: 60px;
  }

  .mg-bottom-80px---tablet {
    margin-bottom: 80px;
  }

  .values-columns {
    grid-template-columns: 1fr 1fr;
  }

  .input-button-form-block.cta-v3-form {
    max-width: 100%;
  }

  .hero-v2-wrapper {
    flex-direction: column-reverse;
  }

  .card-blog-post-featured-content {
    min-width: auto;
    max-width: 100%;
    padding: 60px 58px 78px;
  }

  .blog-post-item {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-post-content {
    min-width: auto;
    max-width: none;
  }

  .sidebar-categories-wrapper, .sidebar-category-item {
    flex-direction: row;
    justify-content: center;
  }

  .cta-v4-wrapper {
    flex-direction: column;
    align-items: stretch;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .service-featured-image-wrapper {
    justify-content: center;
    padding-bottom: 0%;
    display: flex;
  }

  .mg-bottom-140px {
    margin-bottom: 100px;
  }

  .rich-text-v2 h2 {
    font-size: 45px;
  }

  .rich-text-v2 h3 {
    font-size: 32px;
  }

  .rich-text-v2 figure {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sidebar-form-block {
    max-width: 400px;
  }

  .rich-text-light h2, .rich-text-light h3, .rich-text-light h6, .rich-text-light h5, .rich-text-light h4 {
    margin-bottom: 20px;
  }

  .more-open-positions-wrapper {
    flex-direction: column;
  }

  .more-open-position-item {
    border-bottom: 1px solid var(--neutral--400);
    border-right-width: 0;
    margin-bottom: 60px;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .more-open-position-item:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .mg-top-0px---tablet {
    margin-top: 0;
  }

  .card-plan-top {
    border-right: 1px solid var(--neutral--400);
    border-bottom-width: 0;
    flex: 1;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 20px;
  }

  .card-plan-top.popular {
    border-right-color: #fff3;
  }

  .card-plan-top.no {
    border-right-style: none;
  }

  .card-plan-bottom {
    flex: 1;
  }

  .card-plan-top-details {
    flex-direction: column;
    align-items: stretch;
  }

  .faq-wrapper {
    flex-direction: column;
  }

  .plan-item, .plan-item:first-child {
    margin-top: 0;
  }

  .product-price-badge {
    margin-bottom: 10px;
    font-size: 26px;
  }

  .contact-form {
    grid-column-gap: 40px;
  }

  .header-logo-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-small-grid {
    grid-row-gap: 30px;
    text-align: center;
    grid-template-columns: auto;
    justify-items: center;
  }

  .not-found-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .not-found-shapes-grid {
    max-width: 100%;
    margin-top: 80px;
    margin-left: 0;
  }

  .password-page-wrapper {
    max-width: 700px;
  }

  .grid-newsletter {
    grid-row-gap: 80px;
    justify-content: stretch;
    max-width: none;
  }

  .hamburger-menu-icon-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .footer-top-v2 {
    padding-top: 96px;
    padding-left: 0;
  }

  .grid-footer-2-column---logo-and-form-v2 {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-footer-v2---left {
    grid-row-gap: 80px;
    grid-template-columns: auto auto;
    justify-content: stretch;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-middle-content-left {
    border-bottom: 1px solid #fff3;
    border-right-width: 0;
    max-width: none;
    margin-left: -24px;
    margin-right: -24px;
    padding: 94px 24px;
  }

  .footer-middle-content-right {
    max-width: none;
    padding-top: 94px;
    padding-bottom: 94px;
    padding-left: 0;
  }

  .footer-middle-v2 {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-footer-v2---right {
    grid-row-gap: 80px;
    justify-content: stretch;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-bottom-v3 {
    padding: 50px 0;
  }

  .grid-footer-bottom-v3-logo---paragraph {
    grid-row-gap: 30px;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .screenshot-image.image-9, .screenshot-image.image-5-column-1 {
    display: none;
  }

  .home-screenshots-container {
    justify-content: center;
    max-width: 100%;
    position: static;
  }

  .more-templates-badge-wrapper {
    right: 24px;
  }

  .video-card._2 {
    top: 0;
  }

  .grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .mg-bottom-140px-copy {
    margin-bottom: 100px;
  }

  .feature-grid {
    grid-template-columns: 5fr;
    margin-top: 0;
  }

  .heading-80px {
    font-size: 72px;
  }

  .grid-item-text-holder {
    margin-top: 3em;
  }

  .logo-lid-logo {
    max-width: 60%;
  }

  .section-title {
    font-size: 60px;
    line-height: 50px;
  }

  .section-text-block {
    max-width: 340px;
    margin-top: 30px;
  }

  .members-logo-wrapper {
    margin-top: 70px;
    padding-top: 70px;
  }

  .logos-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .clients-01-grid {
    grid-template-columns: 1fr 1fr 1fr;
    width: 140%;
    min-width: 140%;
  }

  .text-401 {
    font-size: 20px;
  }

  .section-10 {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section-10.pd-180px {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .display-5 {
    font-size: 48px;
  }

  .inner-container-2._600px---tablet {
    max-width: 600px;
  }

  .inner-container-2._600px---tablet.center {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    padding: 50px 34px;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: auto;
  }

  .grid-2-columns.header-top {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.changelog-item.first {
    grid-column-gap: 30px;
  }

  .grid-2-columns.product-page {
    grid-row-gap: 60px;
  }

  .grid-2-columns.checkout-page, .grid-2-columns.title-and-buttons {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.testimonials-grid {
    grid-row-gap: 70px;
  }

  .grid-2-columns.history-grid {
    grid-row-gap: 60px;
  }

  .grid-2-columns.history-timeline-grid {
    grid-row-gap: 80px;
  }

  .grid-2-columns.team-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.mission-grid, .grid-2-columns.blog, .grid-2-columns.post-grid, .grid-2-columns.service-grid, .grid-2-columns.positions {
    grid-row-gap: 60px;
  }

  .grid-2-columns.job-description-grid {
    max-width: 500px;
  }

  .grid-2-columns.team-page-grid {
    grid-row-gap: 60px;
  }

  .grid-2-columns.faq-grid {
    grid-column-gap: 20px;
    padding-top: 40px;
  }

  .grid-2-columns.contact-grid, .grid-2-columns.demo-grid, .grid-2-columns.positions-category, .grid-2-columns.blog-category {
    grid-row-gap: 60px;
  }

  .card.link-card.search-item {
    padding-left: 34px;
    padding-right: 34px;
  }

  .card.link-card.service-item {
    padding: 53px 34px 60px;
  }

  .card.link-card.service-item.first {
    padding-top: 0;
  }

  .card.sticky-top.top-24px.static-mbl {
    position: static;
  }

  .card.section-story {
    padding: 70px 34px 80px;
  }

  .card.step-01, .card.step-02, .card.step-03 {
    padding: 58px 34px;
  }

  .card.values {
    padding-top: 73px;
    padding-bottom: 72px;
  }

  .card.values.ouline._02, .card.values.ouline._04, .card.values._05 {
    margin-top: 0;
  }

  .card.team-join {
    margin-top: 51px;
    margin-right: 0%;
    position: static;
    transform: translate(0);
  }

  .card.contact-links {
    padding-top: 77px;
    padding-bottom: 77px;
  }

  .card.sidebar-form-card {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .card.perks {
    padding: 70px 34px;
  }

  .card.perks.bg-secondary-2.first {
    padding-top: 0;
  }

  .card.plan {
    padding: 58px 34px;
  }

  .card.product-add-cart {
    padding: 73px 34px 82px;
  }

  .card.password-page {
    padding: 108px 34px;
  }

  .grid-4-columns.pricing-tablet {
    grid-template-columns: 1fr;
    display: none;
  }

  .grid-4-columns.pricing-tablet-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .style---block-sub-heading.border {
    margin-bottom: 48px;
    padding-bottom: 24px;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider.demo-divider {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .style---typography-block-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .style---content-block {
    margin-bottom: 64px;
  }

  .mg-bottom-24px {
    margin-bottom: 20px;
  }

  .mg-bottom-24px.keep {
    margin-bottom: 24px;
  }

  .mg-bottom-48px, .mg-bottom-56px {
    margin-bottom: 40px;
  }

  .mg-bottom-64px, .mg-bottom-72px {
    margin-bottom: 50px;
  }

  .mg-bottom-80px {
    margin-bottom: 60px;
  }

  .mg-top-24px {
    margin-top: 20px;
  }

  .mg-top-48px {
    margin-top: 40px;
  }

  .mg-top-64px {
    margin-top: 50px;
  }

  .mg-top-80px {
    margin-top: 64px;
  }

  .mg-right-24px {
    margin-right: 20px;
  }

  .text-200 {
    font-size: 16px;
  }

  .text-200.list {
    line-height: 22px;
  }

  .display-1 {
    font-size: 83px;
  }

  .grid-1-column.gap-column-24px, .gap-row-24px {
    grid-row-gap: 20px;
  }

  .display-2 {
    font-size: 51px;
  }

  .display-2.color-neutral-100.mg-bottom-0.category-title {
    margin-right: 16px;
  }

  .display-3 {
    font-size: 40px;
  }

  .display-3.mg-bottom-0.category-title {
    margin-right: 10px;
  }

  .display-4 {
    font-size: 26px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 120px;
  }

  .paragraph-large, .text-400 {
    font-size: 20px;
  }

  .text-300 {
    font-size: 18px;
  }

  .text-100 {
    font-size: 14px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns.style---buttons-grid {
    grid-template-columns: auto;
  }

  .grid-3-columns._3-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.offices-grid {
    grid-row-gap: 60px;
  }

  .grid-3-columns.pricing-grid._2cal {
    grid-template-columns: 1fr;
  }

  .style---heading {
    padding: 104px 24px;
  }

  .inner-container.hero-v1-content {
    margin-bottom: 90px;
  }

  .inner-container.hero-v1-image {
    max-width: 335px;
  }

  .inner-container.cta-v1-image {
    max-width: 316px;
  }

  .inner-container.cta-v1-content {
    margin-bottom: 90px;
  }

  .inner-container._500px---mbl {
    max-width: 500px;
  }

  .inner-container._600px---mbl {
    max-width: 600px;
  }

  .inner-container._400px---mbl {
    max-width: 400px;
  }

  .inner-container.hero-v2-image {
    margin-top: 60px;
  }

  .inner-container._100---mbl {
    max-width: 100%;
  }

  .inner-container._350px---mbl {
    max-width: 350px;
  }

  .inner-container.section-newsletter-image {
    margin-top: 90px;
  }

  .inner-container._700px---mbl {
    max-width: 700px;
  }

  .inner-container.cta-v4-content-copy {
    margin-bottom: 90px;
  }

  .inner-container.cta-v4-image {
    margin-right: -49%;
  }

  .inner-container._550px---mbl {
    max-width: 550px;
  }

  .inner-container.card-plan-wrapper {
    flex-direction: column;
  }

  .style---content-heading {
    margin-bottom: 36px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .style---heading-icon-wrapper {
    max-width: 58px;
  }

  .style---content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .style---bg-white {
    padding: 34px 24px;
  }

  .style-buttons-dark {
    padding-left: 24px;
    padding-right: 24px;
  }

  .btn-primary {
    padding: 22px 32px;
    font-size: 16px;
  }

  .btn-primary.small {
    padding: 15px 20px;
    font-size: 14px;
  }

  .btn-primary.small.header-btn-hidde-on-mb {
    display: none;
  }

  .btn-primary.large {
    padding: 23px 48px;
    font-size: 18px;
  }

  .btn-primary.inside-input.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-secondary {
    padding: 22px 32px;
    font-size: 16px;
  }

  .btn-secondary.small {
    padding: 15px 20px;
    font-size: 14px;
  }

  .btn-secondary.large {
    padding: 23px 48px;
    font-size: 18px;
  }

  .badge-primary {
    padding: 16px 24px;
    font-size: 16px;
  }

  .badge-primary.small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .badge-primary.large {
    padding: 20px 32px;
    font-size: 18px;
  }

  .badge-secondary {
    padding: 16px 24px;
    font-size: 16px;
  }

  .badge-secondary.small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .badge-secondary.large {
    padding: 20px 32px;
    font-size: 18px;
  }

  .badge-secondary.category {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .badge-secondary.service-about-btn {
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 18px;
  }

  .input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .input.large.button-inside {
    min-height: 68px;
  }

  .input.icon-right {
    background-position: 90%;
  }

  .text-area {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
  }

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 180px);
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .avatar-circle._04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .avatar-circle._05 {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .avatar-circle._06 {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
  }

  .avatar-circle._07 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .style---icons-grid {
    grid-template-columns: repeat(auto-fit, 56px);
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .style---line-icons-grid {
    grid-template-columns: repeat(auto-fit, 18px);
  }

  .line-square-icon.blog-post-arrow {
    font-size: 24px;
  }

  .line-square-icon.blog-post-featured-arrow {
    font-size: 32px;
  }

  .rich-text p {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .rich-text h2 {
    margin-bottom: 15px;
  }

  .rich-text h3 {
    margin-top: 40px;
    margin-bottom: 15px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text ul, .rich-text ol {
    margin-top: 28px;
    margin-bottom: 40px;
  }

  .rich-text h6, .rich-text h5, .rich-text h4 {
    margin-top: 40px;
    margin-bottom: 15px;
  }

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .buttons-row {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
  }

  .buttons-row.center-mobile {
    justify-content: center;
  }

  .buttons-row.mg-bottom-20px.mg-bottom-0px---tablet {
    margin-bottom: 0;
  }

  .buttons-row.center---mbl {
    justify-content: center;
  }

  .style---logo-sidebar {
    max-width: 210px;
  }

  .elements---page-hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section.small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.hero.v1, .section.hero.v2 {
    padding-top: 60px;
  }

  .section.hero.v3 {
    padding-top: 70px;
    padding-bottom: 98px;
  }

  .section.hero.post, .section.hero.v4 {
    padding-top: 70px;
  }

  .section.hero.post-service {
    padding-top: 70px;
    padding-bottom: 98px;
  }

  .section.hero.pricing {
    padding-bottom: 125px;
  }

  .section.hero.contact {
    padding-top: 70px;
    padding-bottom: 123px;
  }

  .section.hero.v1-copy {
    padding-top: 60px;
  }

  .section.top {
    padding-top: 70px;
  }

  .section.template-pages-hero {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section.template-pages-hero.short {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-bottom-190px {
    padding-bottom: 110px;
  }

  .section.pd-top-190px {
    padding-top: 110px;
  }

  .section.pd-136px {
    padding-top: 78px;
    padding-bottom: 78px;
  }

  .section.cta-v1 {
    padding-top: 90px;
  }

  .section.pd-140px {
    padding-top: 81px;
    padding-bottom: 81px;
  }

  .section.pd-180px {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section.pd-top-60px {
    padding-top: 50px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-bottom-240px {
    padding-bottom: 138px;
  }

  .section.pd-110px {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.pd-240px {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .section.pd-top-140px {
    padding-top: 80px;
  }

  .section.cta-v4 {
    padding-top: 90px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.section-demo {
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .section.coming-soon {
    padding-top: 70px;
    padding-bottom: 113px;
  }

  .section.not-found {
    padding-top: 70px;
    padding-bottom: 167px;
  }

  .section.password-page {
    padding-top: 60px;
    padding-bottom: 113px;
  }

  .section.pd-bottom-190px-copy {
    padding-bottom: 110px;
  }

  .top-bar-wrapper {
    padding-left: 36px;
    padding-right: 36px;
  }

  .top-bar-padding {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .top-bar-padding.small-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .top-bar-flex {
    flex-direction: column;
  }

  .elements---element-title {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-h1-size {
    font-size: 38px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .heading-h3-size {
    font-size: 22px;
  }

  .heading-h4-size {
    font-size: 20px;
  }

  .heading-h5-size {
    font-size: 16px;
  }

  .heading-h6-size {
    font-size: 14px;
  }

  .header-wrapper {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .header-nav-link.cart-link {
    font-size: 16px;
  }

  .header-logo-link {
    max-width: 182px;
  }

  .header-logo-link.logo-center {
    max-width: 230px;
  }

  .hamburger-menu-wrapper {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-left: 20px;
  }

  .btn-circle-primary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
  }

  .btn-circle-primary.small {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    font-size: 20px;
  }

  .btn-circle-primary.large {
    width: 77px;
    min-width: 77px;
    height: 77px;
    min-height: 77px;
    font-size: 28px;
  }

  .btn-circle-primary.large.slider-arrow.right---top-right {
    right: -90px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
  }

  .btn-circle-secondary.small {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    font-size: 20px;
  }

  .btn-circle-secondary.large {
    width: 77px;
    min-width: 77px;
    height: 77px;
    min-height: 77px;
    font-size: 28px;
  }

  .btn-circle-secondary.large.slider-arrow.left---top-right {
    left: -90px;
  }

  .btn-circle-secondary.slider-arrow.left---top-right {
    bottom: -72px;
    left: 36%;
  }

  .flex-horizontal.end.center-mb, .flex-horizontal.start.center-mb {
    justify-content: center;
  }

  .flex-horizontal.stats-v1 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .flex-horizontal.stats-v2 {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .grid-footer {
    grid-column-gap: 30px;
    grid-row-gap: 70px;
  }

  .nav-menu-list-wrapper {
    margin-right: 20px;
  }

  .footer-top {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .footer-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .success-message {
    font-size: 18px;
  }

  .error-message.password {
    margin-left: 24px;
    margin-right: 24px;
  }

  .text-center.mobile-l {
    text-align: center;
  }

  .slider-wrapper.top-buttons {
    padding-bottom: 135px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-menu.service-about {
    margin-bottom: 50px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.large {
    padding: 56px 40px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 32px;
    padding-right: 32px;
  }

  .pricing-table-top {
    min-height: auto;
    padding: 40px 18px;
    position: static;
  }

  .pricing-table-top.first-mobile {
    padding-top: 0;
  }

  .pricing-content-wrapper {
    grid-row-gap: 10px;
    text-align: center;
    min-height: 111px;
    max-height: none;
    padding: 25px 18px;
  }

  .pricing-content-wrapper.empty {
    display: none;
  }

  .pricing-content-wrapper.last {
    min-height: auto;
    padding-bottom: 0;
  }

  .image-wrapper.order-item-image-wrapper {
    max-width: 80px;
  }

  .image-wrapper.blog-post-image {
    max-width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .image-wrapper.cart-item-image-wrapper {
    max-width: 80px;
  }

  ._404-not-found {
    margin-bottom: 0;
    font-size: 177px;
  }

  .cart-button-wrapper {
    margin-left: 20px;
  }

  .figma-file-text-wrapper {
    padding-left: 48px;
    padding-right: 48px;
  }

  .badge-home {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    line-height: 22px;
  }

  .home-surprises-card {
    border-radius: 28px;
  }

  .card-home-pages-wrapper {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .cta-image-card {
    width: 980px;
    max-width: 980px;
  }

  .hidden-on-mbl {
    display: none;
  }

  .mg-botttom-46px {
    margin-bottom: 40px;
  }

  .mg-bottom-21px {
    margin-bottom: 18px;
  }

  .stats-v1-wrapper {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .position-absolute.shape.section-services---01 {
    width: 64%;
    margin-bottom: 0%;
    margin-left: -41%;
    margin-right: 0%;
    inset: 0% auto auto 0%;
  }

  .position-absolute.shape.section-story---01 {
    width: 60%;
  }

  .position-absolute.shape.section-process---01 {
    width: 28%;
    margin-top: -25%;
    margin-right: -3%;
  }

  .position-absolute.shape.section-process---02 {
    width: 28%;
    margin-top: -38.5%;
    margin-right: -31%;
    display: none;
  }

  .position-absolute.shape.cta-v2---01 {
    margin-top: -18%;
    margin-left: -58%;
  }

  .position-absolute.shape.cta-v2---02 {
    margin-right: -17.5%;
  }

  .position-absolute.shape.values---01 {
    width: 30%;
    margin-bottom: -41%;
    margin-left: -28%;
  }

  .position-absolute.shape.values---02 {
    width: 30%;
    margin-bottom: -41%;
    margin-left: 1%;
  }

  .position-absolute.shape.team-members---01 {
    width: 70%;
    margin-right: -32%;
  }

  .position-absolute.shape.offices---01 {
    margin-top: -24%;
    margin-right: -44%;
  }

  .position-absolute.shape.cta-v3---01 {
    width: 30%;
    margin-bottom: -20%;
  }

  .position-absolute.shape.cta-v3---02 {
    width: 30%;
    margin-top: -23%;
    margin-right: -15%;
  }

  .position-absolute.shape.careers-hero---03 {
    width: 80%;
    margin-bottom: -44.5%;
    margin-right: -51%;
  }

  .position-absolute.shape.pricing---01 {
    width: 50%;
    margin-bottom: -55%;
    margin-right: -26%;
  }

  .position-absolute.shape-alt.hero-v2---01 {
    margin-bottom: -38%;
    margin-right: -22%;
  }

  .position-absolute.shape-alt.career-hero---01 {
    width: 28%;
    margin-top: 3%;
    margin-left: -26%;
  }

  .position-absolute.shape-alt.career-hero---02 {
    width: 69%;
    margin-right: -71%;
  }

  .position-absolute.shape-alt.contact---01 {
    margin-bottom: -37%;
  }

  .position-absolute.shape-alt.contact---02 {
    margin-bottom: -29%;
  }

  .position-absolute.shape-alt.coming-soon---01 {
    margin-bottom: -53%;
    margin-left: -41%;
    display: none;
  }

  .position-absolute.shape-alt.coming-soon---02 {
    margin-bottom: -58%;
    margin-right: -33%;
    display: none;
  }

  .stats-v1-divider {
    width: 100%;
    min-height: 1px;
    margin: 30px 0;
  }

  .stats-v1-divider.noen {
    display: flex;
  }

  .mg-bottom-28px {
    margin-bottom: 23px;
  }

  .mg-bottom-28px.keep {
    margin-bottom: 28px;
  }

  .mg-bottom-14px {
    margin-bottom: 10px;
  }

  .mg-bottom-118px {
    margin-bottom: 82px;
  }

  .big-number {
    font-size: 69px;
  }

  .mg-bottom-60px {
    margin-bottom: 50px;
  }

  .card-testimonial-featured-content {
    padding: 53px 34px 51px;
  }

  .cta-v1-wrapper {
    max-width: 500px;
  }

  .content-link-block.team-item {
    min-height: auto;
  }

  .content-link-block.blog-post {
    flex-direction: column;
    align-items: stretch;
  }

  .content-link-block.btn-down-arrow {
    width: 50px;
    height: 53px;
  }

  .mg-bottom-58px {
    margin-bottom: 48px;
  }

  .mg-bottom-30px {
    margin-bottom: 25px;
  }

  .footer-side-content {
    padding-top: 73px;
    padding-bottom: 80px;
  }

  .mg-bottom-42px {
    margin-bottom: 40px;
  }

  .mg-bottom-35px {
    margin-bottom: 30px;
  }

  .mg-bottom-44px {
    margin-bottom: 40px;
  }

  .mg-bottom-0px---tablet {
    margin-bottom: 0;
  }

  .mg-bottom-60px---tablet {
    margin-bottom: 50px;
  }

  .mg-bottom-80px---tablet {
    margin-bottom: 67px;
  }

  .mg-bottom-18px {
    margin-bottom: 10px;
  }

  .mg-bottom-18px.keep {
    margin-bottom: 18px;
  }

  .stats-v2-divider {
    width: 100%;
    min-height: 1px;
    margin: 30px 0;
  }

  .mg-bottom-70px {
    margin-bottom: 60px;
  }

  .values-columns {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

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

  .card-blog-post-featured-content {
    padding: 50px 34px 65px;
  }

  .blog-post-item {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sidebar-categories-wrapper {
    flex-direction: column;
  }

  .sidebar-category-item {
    flex-direction: column;
    align-items: stretch;
  }

  .card-post-author-content {
    padding: 40px 34px 64px;
  }

  .btn-down-arrow-line---01 {
    height: 51px;
  }

  .btn-down-arrow-line---02, .btn-down-arrow-line---03 {
    height: 31px;
  }

  .cta-v4-wrapper {
    max-width: 500px;
  }

  .mg-bottom-140px {
    margin-bottom: 80px;
  }

  .rich-text-v2 p {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .rich-text-v2 h2 {
    font-size: 38px;
  }

  .rich-text-v2 h3 {
    margin-top: 40px;
    font-size: 26px;
  }

  .rich-text-v2 figure {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .rich-text-v2 ul, .rich-text-v2 ol {
    margin-top: 28px;
    margin-bottom: 40px;
  }

  .rich-text-v2 h6 {
    margin-top: 40px;
    font-size: 16px;
  }

  .rich-text-v2 h5 {
    margin-top: 40px;
    font-size: 20px;
  }

  .rich-text-v2 h4 {
    margin-top: 40px;
    font-size: 22px;
  }

  .rich-text-v2 blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .sidebar-form-block {
    min-height: 564px;
  }

  .mg-top-19px {
    margin-top: 15px;
  }

  .mg-bottom--48px {
    margin-bottom: -40px;
  }

  .career-post-item {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .job-description-wrapper {
    margin-bottom: 70px;
    padding-bottom: 70px;
  }

  .rich-text-light p {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .rich-text-light h2 {
    margin-bottom: 15px;
  }

  .rich-text-light h3 {
    margin-top: 40px;
    margin-bottom: 15px;
  }

  .rich-text-light figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text-light ul, .rich-text-light ol {
    margin-top: 28px;
    margin-bottom: 40px;
  }

  .rich-text-light h6, .rich-text-light h5, .rich-text-light h4 {
    margin-top: 40px;
    margin-bottom: 15px;
  }

  .rich-text-light blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .more-open-position-item {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }

  .mg-top-0px---tablet {
    margin-top: 0;
  }

  .card-plan-top {
    border-bottom-width: 1px;
    border-right-width: 0;
    max-width: 100%;
    margin-bottom: 32px;
    margin-right: 0;
    padding-bottom: 18px;
    padding-right: 0;
  }

  .card-plan-top-details {
    flex-flow: column;
  }

  .faq-wrapper {
    padding-bottom: 40px;
  }

  .product-price-badge {
    margin-bottom: 8px;
    font-size: 22px;
  }

  .add-cart-main-wrapper {
    min-height: 176px;
  }

  .contact-form-block {
    min-height: 959px;
  }

  .contact-form {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .demo-form-block {
    min-height: 914px;
  }

  .demo-form {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .header-logo-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .footer-small-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .not-found-wrapper {
    max-width: 500px;
  }

  .not-found-shapes-grid {
    margin-top: 60px;
  }

  .password-page-wrapper {
    max-width: 600px;
  }

  .flex-vertical---mbl {
    flex-direction: column;
    display: flex;
  }

  .grid-newsletter {
    grid-column-gap: 30px;
    grid-row-gap: 70px;
  }

  .footer-top-v2 {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .grid-footer-v2---left {
    grid-column-gap: 30px;
    grid-row-gap: 70px;
  }

  .footer-middle-content-left, .footer-middle-content-right {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .grid-footer-v2---right {
    grid-column-gap: 30px;
    grid-row-gap: 70px;
  }

  .form-btn-inside-and-title {
    min-height: 114px;
  }

  .footer-bottom-v3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-8 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column {
    grid-template-columns: 1fr;
  }

  .mg-bottom-140px-copy {
    margin-bottom: 80px;
  }

  .feature-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .heading-80px {
    font-size: 64px;
  }

  .grid-item-text-container, .grid-item-text-holder {
    align-items: flex-start;
  }

  .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section-text-block {
    max-width: 440px;
  }

  .members-logo-wrapper {
    margin-top: 50px;
    padding-top: 50px;
  }

  .logos-grid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .clients-01-grid {
    width: 180%;
    min-width: 180%;
  }

  .text-401 {
    font-size: 18px;
  }

  .btn-secondary-2 {
    padding: 22px 32px;
    font-size: 16px;
  }

  .section-10 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section-10.pd-180px {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .display-5 {
    font-size: 40px;
  }

  .inner-container-2._500px---mbl {
    max-width: 500px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  blockquote {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid-2-columns.changelog-item {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.testimonials-grid {
    grid-row-gap: 60px;
  }

  .grid-2-columns.history-timeline-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    max-width: 400px;
  }

  .grid-2-columns.faq-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .card.link-card.search-item, .card.link-card.service-item, .card.checkout-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.section-story {
    padding: 60px 24px 70px;
  }

  .card.step-01, .card.step-02, .card.step-03 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.values {
    padding: 61px 24px 60px;
  }

  .card.values.ouline._02, .card.values.ouline._04, .card.values.ouline._06, .card.values._01, .card.values._03, .card.values._05 {
    height: 400px;
  }

  .card.team-join {
    padding: 69px 24px;
  }

  .card.contact-links {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .card.sidebar-form-card {
    padding: 60px 24px 54px;
  }

  .card.perks {
    padding: 60px 24px;
  }

  .card.plan {
    padding-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.product-add-cart {
    padding: 61px 24px 68px;
  }

  .card.password-page {
    padding: 90px 24px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr;
  }

  .color-neutral-100.mg-bottom-32px {
    margin-bottom: 20px;
  }

  .divider, .divider._64px {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .divider.demo-divider {
    margin-top: 50px;
    margin-bottom: 32px;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .mg-bottom-24px.keep {
    margin-bottom: 24px;
  }

  .mg-bottom-56px {
    margin-bottom: 32px;
  }

  .mg-top-80px {
    margin-top: 56px;
  }

  .mg-right-24px {
    margin-right: 15px;
  }

  .display-1 {
    font-size: 69px;
  }

  .display-1.color-neutral-100.titlefacts {
    font-size: 45px;
  }

  .display-1.mg-right-10px.number {
    font-size: 55px;
  }

  .display-2 {
    font-size: 42px;
  }

  .display-2.mg-bottom-8px.mobile {
    display: block;
  }

  .display-2.mg-bottom-8px.desktop {
    display: none;
  }

  .display-2.color-neutral-100.mg-bottom-0.category-title {
    margin-right: 14px;
  }

  .display-2.color-neutral-100.mg-bottom-0.people {
    font-size: 40px;
  }

  .display-3 {
    font-size: 34px;
  }

  .display-3.color-neutral-100.mg-bottom-0 {
    font-size: 40px;
  }

  .display-4 {
    font-size: 24px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .style---heading {
    margin-bottom: 40px;
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .inner-container.hero-v1-content {
    margin-bottom: 80px;
  }

  .inner-container.hero-v1-image {
    max-width: 307px;
  }

  .inner-container.cta-v1-image {
    max-width: 275px;
  }

  .inner-container.cta-v1-content {
    margin-bottom: 80px;
  }

  .inner-container._320px---mbp {
    max-width: 320px;
  }

  .inner-container._100---mbp {
    max-width: 100%;
  }

  .inner-container._400px---mbp {
    max-width: 400px;
  }

  .inner-container._624px._100---tablet {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .inner-container.section-newsletter-image {
    margin-top: 80px;
  }

  .inner-container.cta-v4-content-copy {
    margin-bottom: 80px;
  }

  .inner-container.cta-v4-image {
    margin-right: -44%;
  }

  .inner-container.copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .style---content-heading {
    padding-left: 22px;
    padding-right: 22px;
  }

  .style---heading-icon-wrapper {
    width: 58px;
    margin-right: 14px;
  }

  .btn-primary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.small.post-category {
    width: auto;
  }

  .btn-primary.large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.inside-input {
    position: static;
  }

  .btn-primary.inside-input.default {
    padding: 22px 20px;
  }

  .btn-secondary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-secondary.large, .badge-secondary.category {
    padding-left: 20px;
    padding-right: 20px;
  }

  .input {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .input.large.button-inside {
    min-height: 64px;
  }

  .input.button-inside {
    min-height: 68px;
    margin-bottom: 20px;
    padding-right: 20px;
  }

  .text-area {
    padding-left: 20px;
    padding-right: 20px;
  }

  .checkbox-field-wrapper {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-wrapper.large {
    font-size: 18px;
    line-height: 22px;
  }

  .checkbox {
    min-width: 22px;
    min-height: 22px;
  }

  .radio-button-field-wrapper {
    font-size: 16px;
    line-height: 22px;
  }

  .radio-button-field-wrapper.large {
    font-size: 18px;
    line-height: 24px;
  }

  .radio-button {
    min-width: 22px;
    min-height: 22px;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .line-square-icon.top-bar-close-icon {
    padding-left: 12px;
    padding-right: 12px;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 20px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .buttons-row.mg-bottom-20px.mg-bottom-0px---tablet {
    margin-bottom: 0;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .section.small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.hero {
    padding-top: 48px;
  }

  .section.hero.v1, .section.hero.v2 {
    padding-top: 50px;
  }

  .section.hero.v3 {
    padding-top: 60px;
    padding-bottom: 82px;
  }

  .section.hero.post, .section.hero.v4 {
    padding-top: 60px;
  }

  .section.hero.post-service {
    padding-top: 60px;
    padding-bottom: 82px;
    overflow: hidden;
  }

  .section.hero.pricing {
    padding-top: 60px;
    padding-bottom: 104px;
  }

  .section.hero.product-page {
    padding-top: 60px;
  }

  .section.hero.contact {
    padding-top: 60px;
    padding-bottom: 98px;
  }

  .section.hero.v1-copy {
    padding-top: 50px;
  }

  .section.top {
    padding-top: 60px;
  }

  .section.template-pages-hero {
    padding-top: 98px;
    padding-bottom: 98px;
  }

  .section.hero-page {
    background-image: linear-gradient(to bottom, white 76%, var(--accent--primary-1) 76%);
    padding-bottom: 94px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-bottom-190px {
    padding-bottom: 92px;
  }

  .section.pd-top-190px {
    padding-top: 92px;
  }

  .section.pd-136px {
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .section.cta-v1 {
    padding-top: 75px;
  }

  .section.pd-140px {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .section.pd-180px {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .section.pd-top-60px {
    padding-top: 50px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-bottom-240px {
    padding-bottom: 116px;
  }

  .section.pd-240px {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section.pd-top-140px {
    padding-top: 70px;
  }

  .section.cta-v4 {
    padding-top: 75px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.section-demo {
    padding-top: 60px;
    padding-bottom: 72px;
  }

  .section.coming-soon {
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .section.not-found {
    padding-top: 60px;
    padding-bottom: 138px;
  }

  .section.password-page {
    padding-top: 50px;
    padding-bottom: 94px;
  }

  .section.pd-bottom-190px-copy {
    padding-bottom: 20px;
  }

  .top-bar-wrapper {
    padding-left: 19px;
    padding-right: 19px;
  }

  .link-wrapper.mg-left-24px._16px-mb {
    margin-left: 16px;
  }

  .elements---element-title.large {
    margin-top: 53px;
  }

  .heading-h1-size {
    font-size: 32px;
  }

  .header-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-nav-menu-wrapper {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-nav-link {
    font-size: 20px;
  }

  .header-nav-list-item {
    text-align: left;
  }

  .header-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .header-logo-link {
    max-width: 150px;
  }

  .header-logo-link.logo-center {
    max-width: 184px;
  }

  .hamburger-menu-wrapper {
    margin-left: 15px;
  }

  .btn-circle-secondary.slider-arrow.left---top-right {
    bottom: -72px;
    left: 33%;
  }

  .grid-footer {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .error-message.cart-error {
    margin-left: 20px;
    margin-right: 20px;
  }

  .empty-state.cart-empty {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pd---content-inside-card.large {
    padding: 40px 24px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pd---content-inside-card.template-pages---sidebar {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .image.cover.location {
    object-position: 75% 50%;
  }

  .image.cover.history {
    width: 100%;
    max-width: 100%;
  }

  .image.cover.gemeinsam {
    min-width: 300px;
    min-height: 390px;
    display: block;
    position: static;
  }

  .image.cover-copy.history {
    width: 100%;
    max-width: 100%;
  }

  .pricing-table-top {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-content-wrapper {
    padding: 20px 10px;
  }

  .image-wrapper.order-item-image-wrapper {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .image-wrapper.cart-item-image-wrapper {
    max-width: 60px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  ._404-not-found {
    font-size: 41vw;
  }

  .cart-container {
    border-radius: 0;
  }

  .cart-header, .cart-list, .cart-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cart-item-price {
    color: var(--neutral--600);
    font-size: 16px;
    line-height: 18px;
  }

  .pay-btn.cart {
    height: 53px;
  }

  .shipping-method {
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .order-item {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .order-list-price {
    margin-top: 11px;
  }

  .order-list-title {
    margin-bottom: 4px;
  }

  .order-item-content {
    margin-right: 0;
  }

  .checkout-column {
    margin-bottom: 24px;
  }

  .figma-file-text-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home-surprises-card {
    border-radius: 22px;
  }

  .card-home-pages-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .stats-v1-wrapper {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .position-absolute.stats-v1-left-bg {
    margin-left: -20px;
  }

  .position-absolute.shape.stats-v1---01 {
    width: 70%;
    margin-bottom: -19%;
    margin-right: -41%;
  }

  .position-absolute.shape.section-services---01 {
    width: 80%;
    margin-left: -31%;
  }

  .position-absolute.shape.section-process---01 {
    width: 32%;
    margin-top: -28.5%;
    margin-right: -11%;
  }

  .position-absolute.shape.mission---02 {
    margin-left: 19%;
  }

  .position-absolute.shape.values---01 {
    width: 35%;
    margin-bottom: -42.5%;
    margin-left: -5%;
  }

  .position-absolute.shape.values---02 {
    width: 35%;
    margin-bottom: -42.5%;
    margin-left: 30%;
  }

  .position-absolute.shape.offices---01 {
    width: 50%;
    margin-top: -23%;
    margin-right: -25%;
  }

  .position-absolute.shape.cta-v3---01 {
    display: none;
  }

  .position-absolute.shape.cta-v3---02 {
    width: 43%;
    margin-right: -32%;
  }

  .position-absolute.shape.mission---01 {
    margin-left: -22%;
  }

  .position-absolute.shape-alt.hero-v2---01 {
    width: 51%;
    margin-bottom: -49%;
    margin-right: -11%;
  }

  .position-absolute.shape-alt.career-hero---01, .position-absolute.shape-alt.career-hero---02 {
    display: none;
  }

  .position-absolute.shape-alt.contact---01 {
    margin-bottom: -44%;
  }

  .position-absolute.shape-alt.contact---02 {
    margin-bottom: -37%;
  }

  .mg-bottom-28px {
    margin-bottom: 18px;
  }

  .mg-bottom-28px.keep {
    margin-bottom: 28px;
  }

  .mg-bottom-118px {
    margin-bottom: 68px;
  }

  .big-number {
    font-size: 58px;
  }

  .card-testimonial-featured-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .menu-wrapper.contact {
    min-width: auto;
  }

  .nav-content {
    flex-wrap: wrap;
  }

  .mg-bottom-0px---tablet {
    margin-bottom: 0;
  }

  .mg-bottom-80px---tablet {
    margin-bottom: 56px;
  }

  .mg-bottom-18px.keep {
    margin-bottom: 18px;
  }

  .values-columns {
    grid-template-columns: 1fr;
  }

  .input-button-form-block {
    min-height: 156px;
  }

  .card-blog-post-featured-content {
    padding: 42px 24px 54px;
  }

  .card-post-author-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mg-bottom-140px {
    margin-bottom: 70px;
  }

  .rich-text-v2 h2 {
    font-size: 32px;
  }

  .rich-text-v2 ul, .rich-text-v2 ol, .rich-text-light ul, .rich-text-light ol {
    padding-left: 20px;
  }

  .mg-top-0px---tablet {
    margin-top: 0;
  }

  .product-price-badge {
    margin-bottom: 4px;
    font-size: 18px;
  }

  .sidebar-logos-grid {
    grid-column-gap: 25px;
  }

  .checkbox-dark {
    min-width: 22px;
    min-height: 22px;
  }

  .checkbox-dark.large {
    min-width: 26px;
    min-height: 26px;
  }

  .radio-button-dark {
    min-width: 22px;
    min-height: 22px;
  }

  .radio-button-dark.large {
    min-width: 26px;
    min-height: 26px;
  }

  .cart-item-content {
    margin-right: 0;
  }

  .cart-item-main-content {
    flex-direction: column;
  }

  .grid-newsletter, .grid-footer-v2---left {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .footer-middle-content-left {
    margin-left: -20px;
    margin-right: -20px;
    padding: 60px 20px;
  }

  .footer-middle-content-right {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-footer-v2---right {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .form-btn-inside-and-title {
    min-height: 193px;
  }

  .more-templates-badge-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 250px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-logo {
    width: 60px;
  }

  .more-templates-p {
    font-size: 12px;
  }

  .more-templates-lottie {
    width: 40px;
  }

  .video-card-content {
    grid-column-gap: 14px;
  }

  .line-wrapper {
    grid-column-gap: 120px;
  }

  .video-thumb {
    height: 280px;
  }

  .mg-bottom-140px-copy {
    margin-bottom: 70px;
  }

  .financial-text-holder {
    width: 100%;
  }

  .financial-text-holder.team {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .button-browse-holder {
    width: 100%;
  }

  .feature-button-browse-holder {
    width: 63%;
  }

  .feature-grid {
    margin-top: 0;
  }

  .heading-80px {
    letter-spacing: -3px;
    font-size: 56px;
  }

  .grid-item-text-container {
    align-items: flex-start;
    width: 100%;
  }

  .financial-text.team {
    text-align: left;
  }

  .grid-item-text-holder {
    grid-row-gap: 0px;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
  }

  .grid-item-text-holder.team {
    justify-content: space-between;
    align-items: flex-start;
  }

  .container {
    padding: 3em 1em;
  }

  .grid-items-wrapper {
    align-items: stretch;
    margin-top: 0;
  }

  .logo-lid-logo {
    display: block;
  }

  .section-title {
    font-size: 44px;
    line-height: 39px;
  }

  .section-text-block {
    max-width: 320px;
  }

  .logos-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .centered-title-wrapper {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .centered-title-wrapper.no-pd {
    padding-left: 0;
    padding-right: 0;
  }

  .client-grid-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .clients-loop-absolute.secondloops {
    left: -210%;
  }

  .client-logo {
    width: 100px;
    max-width: none;
    height: auto;
    max-height: none;
  }

  .trusted-by-text {
    font-size: 14px;
  }

  .clients-wrap {
    padding-bottom: 0;
  }

  .clients-wrap.case-studies.hidden {
    display: flex;
  }

  .clients-01-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    place-items: center;
  }

  .btn-secondary-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-10 {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .section-10.pd-180px {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .display-5 {
    font-size: 34px;
  }
}

#w-node-_93444910-7c0e-a3fa-ad0d-af16d65554a8-d65554a5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5da64cf0-0145-fe8d-97d7-3ad946f1077f-46f10777 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd8c09cf-cd0a-d057-a6de-7dc0c3ecc6ba-ee1a05fd {
  justify-self: end;
}

#w-node-b4e21644-2463-eaab-1719-bbb2068f1ec7-ee1a05fd, #w-node-_08a3ff1a-16c3-b7a7-de72-640ac7920f70-ee1a05fd, #w-node-bd7f4451-e7ab-295b-62ca-5533d393eb4a-ee1a05fd, #w-node-cf349376-509a-ba48-cf68-74acfda46819-ee1a05fd, #w-node-f26c4be9-9a96-e9f8-cefb-cc8a6c4d88d4-ee1a061e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11a39745-2d62-3d4e-63eb-e214bc75c475-ee1a061e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_0acad472-9b62-a927-06f4-b57327117680-ee1a061e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9502d894-8cb3-115b-01a9-91c199eb9d79-ee1a061e {
  align-self: end;
}

#w-node-d06bd539-1dc6-6718-01dd-ad22985be092-ee1a061e {
  align-self: stretch;
}

#w-node-e642185f-c987-eaf7-4b6d-e6381ad9e7b0-ee1a061e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-ddefb6ee-c023-9a72-a0b1-a09347f43afd-ee1a061e, #w-node-fb917229-b2f0-33cf-a68d-b2c3e3ac47e2-ee1a061e, #w-node-_5cca205b-4297-7b9a-d301-2239b4bed75d-ee1a061e, #w-node-_1089afa7-3b7e-6ada-1f09-bc9bf4258925-ee1a061e, #w-node-_4ff4a8ac-9c60-db86-fda1-110a1f1fc2ab-ee1a061e, #w-node-e2c01677-0dbe-c09a-b120-89807f010a0c-ee1a0624, #w-node-e2c01677-0dbe-c09a-b120-89807f010a0f-ee1a0624 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a9233195-483d-4479-5beb-20dce20ba6ac-ee1a0624 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_06336ea4-d1e8-9f4f-a1d4-0f45f7c7caf3-ee1a0624 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_98e4ad19-4528-a263-32d4-44d6836bd048-ee1a0628, #w-node-_98e4ad19-4528-a263-32d4-44d6836bd058-ee1a0628, #w-node-_98e4ad19-4528-a263-32d4-44d6836bd05a-ee1a0628, #w-node-_98e4ad19-4528-a263-32d4-44d6836bd068-ee1a0628, #w-node-_98e4ad19-4528-a263-32d4-44d6836bd06a-ee1a0628, #w-node-baa1eabb-fbb5-2223-b9e7-05d4e737faad-ee1a0628, #w-node-_43a31aba-66fa-aebb-ec58-2313462102e8-ee1a0628 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1f25938-c964-a472-acb4-8303cb8af027-ee1a0628 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_3ee6e061-3adb-cb09-f165-7365c4ddf1d0-ee1a0628, #w-node-bfc927d2-c0b9-35c5-54a4-f41ed439b4a7-ee1a0628, #w-node-b1ff443b-bd06-cf8b-c743-6b47689f7274-ee1a0628, #w-node-_821fa58c-b717-2b64-dd55-3bace14bad6b-ee1a0628 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab30ed12-0c2b-46f5-8113-8ed17cba4d7c-ee1a0628 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1452f5c2-7101-5e65-6706-3bdcb47297bd-ee1a0628 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-b999ec7b-7c2d-d26d-78a2-73c60fbbf2ac-ee1a0628, #w-node-e0fa5e1c-6514-8163-1ab4-59d54fc8f451-ee1a0641, #w-node-fffae7be-3f12-7af0-dc3e-09b17b88ef4f-ee1a0641, #w-node-_91f57378-1b92-f8b1-3f2b-f9374044aa40-ee1a0641, #w-node-_33eb7ca0-0ee8-3878-5691-017f00d730de-ee1a0641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a493e839-3531-af6b-067b-d5730d5723da-ee1a0641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c706bf61-33e7-5404-c4f4-15db4f89ff01-ee1a0641 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_7f03fb74-0f6d-806e-61bc-c3e5588c872b-ee1a0641, #w-node-b7a58815-fe96-4559-4515-a8d4bb2c5684-ee1a0641, #w-node-_56d6f448-88e5-ece2-2e86-350454367649-ee1a0642 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56d6f448-88e5-ece2-2e86-35045436765b-ee1a0642 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-a6249180-c1b4-237c-cdb5-c2fdbe7e5049-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_513af1b1-d31c-3a16-899c-7defd82658ad-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d00af201-ab9d-e826-6f04-1c98275d6d69-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d00af201-ab9d-e826-6f04-1c98275d6d6a-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_1011ba78-ca9c-9080-f163-aa49541b84c6-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1011ba78-ca9c-9080-f163-aa49541b84c7-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_4a4a8e6c-c7a0-6023-b436-d03ac94e7737-ee1a0643, #w-node-_7e845429-af97-ec06-ad98-af40e7cabab2-ee1a0643 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ecafe360-b21b-e5f5-b0c5-3932a1e0a817-ee1a0644 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-ecafe360-b21b-e5f5-b0c5-3932a1e0a82b-ee1a0644 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2f33883e-2d02-4f70-1a2e-833be0197ec3-ee1a065c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b6a8744d-7520-733f-f856-5a65b0368577-ee1a065c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-b8ef864f-bf97-fbaa-55b2-6f2633f037b0-ee1a0683, #w-node-_081aaaaf-ae19-9a4b-399a-1fe68401fe8c-ee1a0683, #w-node-ae4abd8f-1422-0d02-6c34-7881680f1052-ee1a0683, #w-node-ae4abd8f-1422-0d02-6c34-7881680f1054-ee1a0683, #w-node-ea4f9b42-a3ad-d040-2d93-09b54baaf279-ee1a0683, #w-node-ea4f9b42-a3ad-d040-2d93-09b54baaf27b-ee1a0683, #w-node-bdeacb44-439d-4415-cae0-a88a50c3116a-ee1a0683, #w-node-bdeacb44-439d-4415-cae0-a88a50c3116c-ee1a0683, #w-node-e1160dcd-fd61-7c16-57ad-bc043c8e5c27-ee1a0683, #w-node-e1160dcd-fd61-7c16-57ad-bc043c8e5c29-ee1a0683, #w-node-_1a2f2a04-62c6-d73d-c184-a51346e4c83b-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2039264-ef06-bf14-7269-058e161abb31-ee1a0684 {
  align-self: end;
}

#w-node-_205b41ad-517d-f174-7d35-cf2c25138abd-ee1a0684, #w-node-_6224954a-7731-61d1-ccab-b17325f1800d-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6224954a-7731-61d1-ccab-b17325f18015-ee1a0684 {
  align-self: end;
}

#w-node-b038e36b-2e8b-e84e-cd68-cb4c933c6beb-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b038e36b-2e8b-e84e-cd68-cb4c933c6bfb-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-d88fa339-176f-f381-f6c6-6ee760d286f9-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d88fa339-176f-f381-f6c6-6ee760d286fb-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_002ca993-90ea-ebb1-163d-169bcf69ae95-ee1a0684, #w-node-_002ca993-90ea-ebb1-163d-169bcf69aea0-ee1a0684, #w-node-_002ca993-90ea-ebb1-163d-169bcf69aeab-ee1a0684 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_61914fa1f3028ad34c1c480b000000000014-ee1a0685 {
  align-self: stretch;
}

#w-node-_4762248f-2b73-0064-7a9e-32aea4379c65-ee1a0686 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_08de52f5-5ff7-c6b4-213a-5dfd2faa091c-ee1a0686 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_1f429d3c-8434-606a-e716-12877eabcf36-ee1a0686, #w-node-_0db8b2c4-e478-e907-be5b-ea76ac451034-ee1a0686, #w-node-_0db8b2c4-e478-e907-be5b-ea76ac451040-ee1a0686, #w-node-_0db8b2c4-e478-e907-be5b-ea76ac451042-ee1a0686, #w-node-_0db8b2c4-e478-e907-be5b-ea76ac45104e-ee1a0686, #w-node-_0db8b2c4-e478-e907-be5b-ea76ac451050-ee1a0686, #w-node-_0db8b2c4-e478-e907-be5b-ea76ac45105c-ee1a0686, #w-node-f8015607-7680-23bf-44cd-a73cf04d24f9-c4edd441, #w-node-f8015607-7680-23bf-44cd-a73cf04d256a-c4edd441, #w-node-f8015607-7680-23bf-44cd-a73cf04d257e-c4edd441, #w-node-f8015607-7680-23bf-44cd-a73cf04d2592-c4edd441, #w-node-_5d77aa28-7bc2-bfeb-3c72-6680864f7f63-2199b594, #w-node-_5d77aa28-7bc2-bfeb-3c72-6680864f7f76-2199b594, #w-node-_50d85b30-dff8-9f36-59a9-de16ba359521-2199b594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d77aa28-7bc2-bfeb-3c72-6680864f7f8e-2199b594 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_93444910-7c0e-a3fa-ad0d-af16d6555501-d65554a5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_11a39745-2d62-3d4e-63eb-e214bc75c475-ee1a061e {
    justify-self: stretch;
  }

  #w-node-c003a148-3341-52ca-2ea9-8aaf2d0383e4-ee1a061e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e642185f-c987-eaf7-4b6d-e6381ad9e7b0-ee1a061e, #w-node-_06336ea4-d1e8-9f4f-a1d4-0f45f7c7caf3-ee1a0624 {
    justify-self: auto;
  }

  #w-node-a493e839-3531-af6b-067b-d5730d5723da-ee1a0641 {
    order: 9999;
  }

  #w-node-_56d6f448-88e5-ece2-2e86-35045436765b-ee1a0642, #w-node-_513af1b1-d31c-3a16-899c-7defd82658ad-ee1a0643, #w-node-d00af201-ab9d-e826-6f04-1c98275d6d6a-ee1a0643, #w-node-_1011ba78-ca9c-9080-f163-aa49541b84c7-ee1a0643, #w-node-ecafe360-b21b-e5f5-b0c5-3932a1e0a82b-ee1a0644 {
    justify-self: auto;
  }

  #w-node-_2f33883e-2d02-4f70-1a2e-833be0197ec3-ee1a065c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-b6a8744d-7520-733f-f856-5a65b0368577-ee1a065c {
    justify-self: auto;
  }

  #w-node-_1a2f2a04-62c6-d73d-c184-a51346e4c83b-ee1a0684, #w-node-_6224954a-7731-61d1-ccab-b17325f1800d-ee1a0684, #w-node-d88fa339-176f-f381-f6c6-6ee760d286fb-ee1a0684 {
    justify-self: center;
  }

  #w-node-_002ca993-90ea-ebb1-163d-169bcf69ae95-ee1a0684, #w-node-_002ca993-90ea-ebb1-163d-169bcf69aea0-ee1a0684, #w-node-_002ca993-90ea-ebb1-163d-169bcf69aeab-ee1a0684 {
    align-self: auto;
  }

  #w-node-_08de52f5-5ff7-c6b4-213a-5dfd2faa091c-ee1a0686 {
    justify-self: center;
  }

  #w-node-_5d77aa28-7bc2-bfeb-3c72-6680864f7f8e-2199b594 {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c003a148-3341-52ca-2ea9-8aaf2d0383e4-ee1a061e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab30ed12-0c2b-46f5-8113-8ed17cba4d7c-ee1a0628, #w-node-_1452f5c2-7101-5e65-6706-3bdcb47297bd-ee1a0628 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_93444910-7c0e-a3fa-ad0d-af16d6555501-d65554a5 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Social Icons Font';
  src: url('/api/media/file/66a08facb92c57c4ee1a0609_social-icon-font.woff2?v=b9a92ef9c07f') format('woff2'), url('/api/media/file/66a08facb92c57c4ee1a05f5_social-icon-font.eot?v=2926932f8630') format('embedded-opentype'), url('/api/media/file/66a08facb92c57c4ee1a05f6_social-icon-font.woff?v=2e9814951371') format('woff'), url('/api/media/file/66a08facb92c57c4ee1a05f2_social-icon-font.ttf?v=27b1ad169b3a') format('truetype'), url('/api/media/file/66a08facb92c57c4ee1a060e_social-icon-font.svg?v=1de310cbac25') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('/api/media/file/66a08facb92c57c4ee1a060b_line-square-icons.woff2?v=43f2301b8a3e') format('woff2'), url('/api/media/file/66a08facb92c57c4ee1a05f4_line-square-icons.eot?v=e126daa538f9') format('embedded-opentype'), url('/api/media/file/66a08facb92c57c4ee1a0602_line-square-icons.woff?v=67de5cefd69d') format('woff'), url('/api/media/file/66a08facb92c57c4ee1a0606_line-square-icons.ttf?v=b7008806f51a') format('truetype'), url('/api/media/file/66a08facb92c57c4ee1a0600_line-square-icons.svg?v=ba8098ad0ed6') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('/api/media/file/66a08facb92c57c4ee1a05ee_filled-icon-font.woff2?v=040771715c8e') format('woff2'), url('/api/media/file/66a08facb92c57c4ee1a0604_filled-icon-font.eot?v=e5d90ed04d91') format('embedded-opentype'), url('/api/media/file/66a08facb92c57c4ee1a060c_filled-icon-font.woff?v=8396a0e1bd51') format('woff'), url('/api/media/file/66a08facb92c57c4ee1a05f8_filled-icon-font.ttf?v=0e5535912446') format('truetype'), url('/api/media/file/66a08facb92c57c4ee1a05f0_filled-icon-font.svg?v=3aa9c7b391a9') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('/api/media/file/66a08facb92c57c4ee1a0603_line-rounded-icons.woff2?v=883107e3fcca') format('woff2'), url('/api/media/file/66a08facb92c57c4ee1a05ea_line-rounded-icons.eot?v=d233d953e289') format('embedded-opentype'), url('/api/media/file/66a08facb92c57c4ee1a05ef_line-rounded-icons.woff?v=45c8f825dd72') format('woff'), url('/api/media/file/66a08facb92c57c4ee1a060d_line-rounded-icons.ttf?v=084cf5516d73') format('truetype'), url('/api/media/file/66a08facb92c57c4ee1a0605_line-rounded-icons.svg?v=3cd19899bfff') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest';
  src: url('/api/media/file/66a08facb92c57c4ee1a062d_OnestRegular1602-hint.ttf?v=dc4f7f4063f7') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest';
  src: url('/api/media/file/66a08facb92c57c4ee1a062c_OnestMedium1602-hint.ttf?v=27221d5446f7') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest';
  src: url('/api/media/file/66a08facb92c57c4ee1a0611_OnestBold1602-hint.ttf?v=5cde41920dbc') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Language switcher (filled by the runtime into .language-switch), styled like the header nav. */
.header-right-side .language-switch.wf-language-switcher {
  width: auto;
  height: auto;
  flex: none;
  margin: 0 28px 0 32px;
}
.header-right-side .wf-language-switcher details {
  color: var(--neutral--800);
}
.header-right-side .wf-language-switcher summary,
.header-right-side .wf-language-switcher a {
  width: auto;
  height: 40px;
  gap: 8px;
  padding: 0 4px;
  background: transparent;
  color: var(--neutral--800);
  font-family: Onest, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  transition: color .3s;
}
.header-right-side .wf-language-switcher img {
  display: none;
}
.header-right-side .wf-language-switcher summary::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .3s, margin .3s;
}
.header-right-side .wf-language-switcher details[open] summary::after {
  margin-top: 3px;
  transform: rotate(-135deg);
}
.header-right-side .wf-language-switcher summary:hover,
.header-right-side .wf-language-switcher details[open] summary {
  color: var(--accent--primary-1);
}
.header-right-side .wf-language-switcher-list {
  top: 44px;
  right: auto;
  left: 50%;
  width: auto;
  min-width: 72px;
  transform: translateX(-50%);
  border: 1px solid var(--neutral--300);
  border-radius: 0;
  background: var(--neutral--100);
  box-shadow: 0 8px 22px var(--general--shadow-02);
}
.header-right-side .wf-language-switcher-list a {
  justify-content: center;
  padding: 0 18px;
}
.header-right-side .wf-language-switcher-list a:hover,
.header-right-side .wf-language-switcher-list a:focus-visible {
  background: var(--neutral--200);
  color: var(--accent--primary-1);
}
@media screen and (max-width: 991px) {
  .header-right-side .language-switch.wf-language-switcher {
    margin: 0 20px 0 0;
  }
}