:root {
  --black: #151515;
  --color-1: #ffa949;
  --grey-1: #666;
  --dark: #574b8a;
  --haze: #f3f3f7;
  --grey-3: #d1d1d1;
  --white: white;
  --color-1-hover: #f59933;
  --haze-hover: #eaeaf1;
  --color-2: #7666d5;
  --color-2-hover: #6755cf;
  --dark-hover: #463a77;
  --grey-4: #e3e3e3;
  --red: #ee3e54;
  --grey-2: #999;
  --green: #88ae45;
  --grade-1-light: #b87df9;
  --gradient-2-dark: #f85252;
  --gradient-2-light: #f8bb4b;
  --gradient-3-dark: #5c71d9;
  --gradient-3-light: #62d1f8;
  --gradient-4-dark: #11aeaf;
  --gradient-4-light: #84f796;
}

.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(--black);
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Roboto, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Roboto, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
}

h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
}

h5 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h6 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

p {
  margin-bottom: 24px;
}

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

ul, ol {
  margin-top: 16px;
  margin-bottom: 24px;
  padding-left: 40px;
}

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

label {
  color: var(--black);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  display: block;
}

blockquote {
  border-left: 3px solid var(--color-1);
  margin-bottom: 24px;
  padding: 16px 32px;
  font-size: 20px;
  line-height: 28px;
}

figure {
  margin-bottom: 24px;
}

figcaption {
  color: var(--grey-1);
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
  line-height: 20px;
}

.section {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section.dark {
  background-color: var(--dark);
  color: #fff;
}

.section.haze {
  background-color: var(--haze);
}

.section.border-top {
  border-top: 1px solid var(--grey-3);
}

.section.top-section {
  background-color: var(--dark);
  color: var(--white);
  padding-top: 128px;
  padding-bottom: 128px;
  overflow: hidden;
}

.section.mask {
  overflow: hidden;
}

.section.haze-gradient {
  background-image: linear-gradient(to bottom, var(--white), var(--haze));
}

.section.intro-hero {
  background-color: var(--haze);
  padding-bottom: 0;
  overflow: hidden;
}

.section.hero-v4 {
  background-color: var(--white);
  color: #fff;
  padding-bottom: 0;
}

.section.hero-v1 {
  background-color: var(--dark);
  color: #fff;
  padding-top: 96px;
  padding-bottom: 48px;
  overflow: hidden;
}

.section.hero-v2 {
  color: var(--white);
  background-color: #653694;
  padding-top: 136px;
  padding-bottom: 136px;
  overflow: hidden;
}

.section.hero-v5 {
  background-color: var(--haze);
  height: 48vw;
  min-height: 640px;
  display: flex;
  overflow: hidden;
}

.section.dark-mask {
  background-color: var(--dark);
  color: #fff;
  overflow: hidden;
}

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

.wrapper {
  z-index: 2;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.wrapper.nav-bar-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.wrapper.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.wrapper.centred {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  background-color: var(--color-1);
  color: #fff;
  text-align: center;
  border: 1px #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 24px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s, border-color .4s, transform .4s, box-shadow .4s;
  display: flex;
}

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

.button.small {
  height: 40px;
  padding: 8px 20px;
  font-size: 13px;
  line-height: 20px;
}

.button.white {
  color: var(--dark);
  background-color: #fff;
}

.button.white:hover {
  background-color: var(--haze);
}

.button.ghost {
  background-color: var(--haze);
  color: var(--dark);
}

.button.ghost:hover {
  background-color: var(--haze-hover);
  box-shadow: none;
}

.button.side-margins {
  margin-left: 6px;
  margin-right: 6px;
}

.button.tiny {
  height: 32px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
}

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

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

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

.button.color-3:hover {
  background-color: var(--dark-hover);
}

.button.small-form-arrow-button {
  background-image: url('../images/arrow-right-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 40px;
  padding: 8px;
}

.style-block {
  text-align: left;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.text-small {
  font-size: 13px;
  line-height: 20px;
}

.sg-button-box {
  border: 1px solid var(--grey-4);
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 48px 16%;
  display: flex;
}

.sg-button-box.dark-bg {
  background-color: var(--dark);
  color: var(--grey-4);
  border-color: #0000;
}

.nav-bar {
  z-index: 100;
  background-color: var(--white);
  justify-content: center;
  height: 88px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 20px #0000001a;
}

.nav-link {
  color: var(--black);
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 700;
  transition: background-color .4s;
}

.nav-link:hover {
  background-color: var(--haze);
}

.nav-link.w--current {
  color: var(--black);
  font-weight: 700;
}

.text-white {
  color: #fff;
}

.text-link {
  color: var(--color-2);
  text-decoration: underline;
  transition: color .2s;
}

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

.utility-page-wrapper {
  background-color: var(--dark);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utility-page-wrapper._404-page {
  background-color: var(--white);
  color: var(--black);
}

.utility-page-content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 470px;
  display: flex;
  position: relative;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.tooltip {
  z-index: 5;
  background-color: var(--dark);
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 200px;
  max-width: 200px;
  margin-bottom: 16px;
  padding: 12px 16px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
  position: absolute;
  bottom: 50%;
}

.tooltip.sidebar-author-name {
  color: var(--grey-1);
  width: auto;
  margin-bottom: 36px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 20px;
  display: block;
}

.tooltip.change-tooltip {
  width: auto;
  margin-bottom: 26px;
  padding: 8px 12px;
  display: block;
}

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

.tooltip-arrow {
  border-right: 1px solid var(--grey-3);
  border-bottom: 1px solid var(--grey-3);
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}

.haze {
  background-color: var(--haze);
}

.text-grey {
  color: var(--grey-1);
}

.no-margin {
  margin: 0;
}

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

.intro {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro.no-margin-bottom {
  margin-bottom: 0;
}

.intro.wide {
  max-width: 800px;
}

.intro.left {
  text-align: left;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.intro.left.margin-bottom {
  margin-bottom: 48px;
}

.intro.left.sticky {
  position: sticky;
  top: 160px;
}

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

.intro.full {
  max-width: 100%;
}

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

.text-label {
  color: var(--grey-1);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 16px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

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

.link-white {
  color: #fff;
  text-decoration: none;
}

.link-white:hover {
  text-decoration: underline;
}

.footer-link {
  color: var(--white);
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.footer-contact:hover {
  text-decoration: none;
}

.brand {
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.changelog {
  flex-direction: column;
  width: 66.66%;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.change {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 24px;
  padding: 32px;
  display: flex;
}

.change-icon {
  background-color: var(--dark);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.change-icon.release {
  background-color: var(--color-1);
}

.change-text {
  color: var(--grey-1);
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.info-text {
  color: var(--black);
  text-align: center;
  max-width: 350px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Kalam, sans-serif;
}

.nav-menu {
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.hidden {
  margin-left: 0;
  display: none;
}

.no-padding {
  padding: 0;
}

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

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

.full-width {
  width: 100%;
}

.page-wrapper {
  position: relative;
}

.page-wrapper.sg-wrapper {
  margin-left: 300px;
}

.page-wrapper.overflow-visible {
  overflow: visible;
}

.navigation {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 15px;
  display: flex;
}

.text-big {
  font-size: 17px;
  line-height: 28px;
}

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

.bg-elements {
  z-index: 0;
  opacity: .05;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  height: 100%;
  min-height: 640px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.preloader {
  z-index: 5;
  background-color: #fbfbfb;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.loading-icon {
  width: 40px;
}

.sg-sidebar {
  background-color: var(--dark);
  color: #fff;
  width: 300px;
  padding-bottom: 104px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.sg-sidebar-heading {
  border-bottom: 1px solid #ffffff1a;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.sg-sidebar-menu {
  flex-direction: column;
  align-items: stretch;
  padding: 32px 24px;
  display: flex;
}

.sg-sidebar-link {
  color: #fff;
  border-radius: 6px;
  width: 100%;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
}

.sg-sidebar-link:hover {
  background-color: #ffffff0a;
}

.sg-sidebar-link.w--current {
  background-color: #00000026;
  background-image: url('../images/right-white.svg');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.pricing-v1-card {
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex: 1;
  padding: 48px;
  position: relative;
  box-shadow: 0 6px 12px #30364d1f;
}

.pricing-v1-billing {
  color: var(--dark);
  margin-bottom: 24px;
  font-family: Kalam, sans-serif;
  font-size: 11px;
}

.pricing-v1-tag {
  color: var(--dark);
  justify-content: center;
  align-items: flex-start;
  margin-top: -16px;
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
}

.pricing-v1-feature {
  color: var(--grey-1);
  cursor: help;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
}

.pricing-v1-feature:hover {
  background-color: var(--haze);
  color: var(--dark);
}

.info {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  transition: border .3s;
  display: flex;
  position: relative;
}

.info:hover {
  border-color: red;
}

.tabs-menu-v2 {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 40px;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  display: flex;
}

.tabs {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-link-v2 {
  color: var(--black);
  background-color: #0000;
  border-radius: 22px;
  padding: 10px 24px;
  font-weight: 700;
  transition: color .4s, background-color .4s;
}

.tab-link-v2:hover {
  color: var(--dark);
}

.tab-link-v2.w--current {
  background-color: var(--color-1);
  color: var(--white);
}

.sidebar {
  flex: 0 auto;
  width: 100%;
}

.sidebar.sticky {
  position: sticky;
  top: 128px;
}

.form-error {
  color: var(--red);
  text-align: center;
  background-color: #ee3e541f;
  border: 1px solid #ee3e5480;
  border-radius: 8px;
  margin-top: 16px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 20px;
}

.form-error.dark {
  background-color: #0003;
  border-color: #0000;
}

.input {
  border: 1px none var(--grey-4);
  background-color: var(--haze);
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding: 7px 24px 8px;
  transition: color .4s, background-color .4s, border-color .4s;
}

.input:focus {
  border-color: var(--grey-3);
}

.input::placeholder {
  color: var(--grey-2);
}

.input.text-area {
  height: auto;
  min-height: 224px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.input.password-input {
  text-align: center;
  margin-bottom: 16px;
}

.form-success {
  color: var(--green);
  background-color: #88ae451f;
  border: 1px solid #88ae4580;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 20px;
}

.form-success.dark {
  background-color: #15151533;
  border-color: #0000;
}

.sidebar-block {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.sidebar-block.sticky {
  position: sticky;
  top: 128px;
}

.post-card-info {
  color: var(--grey-2);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  line-height: 20px;
  display: flex;
}

.post-card-avatar {
  border-radius: 50%;
  flex: none;
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.sidebar-post-card {
  color: var(--dark);
  border-radius: 12px;
  align-items: flex-start;
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px;
  text-decoration: none;
  transition: transform .4s, box-shadow .4s, background-color .4s;
  display: flex;
}

.sidebar-post-card:hover {
  z-index: 1;
  background-color: var(--white);
  position: relative;
  box-shadow: 0 8px 16px #30364d1a;
}

.sidebar-post-image {
  background-color: red;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  width: 88px;
  height: 72px;
  margin-right: 16px;
}

.sidebar-post-info {
  flex: 1;
}

.sidebar-author {
  z-index: 1;
  border: 4px solid var(--haze);
  color: var(--dark);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-right: -12px;
  text-decoration: none;
  display: flex;
}

.sidebar-tags {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -4px;
  margin-right: -4px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.tag-link {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--dark);
  text-align: center;
  border-radius: 6px;
  height: 28px;
  margin: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Kalam, sans-serif;
  font-size: 14px;
  line-height: 28px;
  text-decoration: none;
  transition: border-color .4s, color .4s, background-color .4s;
  display: flex;
}

.tag-link:hover {
  background-color: var(--dark);
  color: var(--white);
  border-color: #0000;
  text-decoration: none;
}

.link {
  color: var(--dark);
  text-align: left;
  align-items: center;
  margin-top: -8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.link-arrow {
  background-image: url('../images/right-dark_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 23px;
  height: 23px;
  margin-bottom: -1px;
  margin-left: 0;
  font-size: 16px;
}

.link-arrow.small-white {
  background-image: url('../images/right-white_1.svg');
  width: 17px;
  height: 17px;
}

.post-card {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 16px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-card:hover {
  background-color: var(--white);
  border-color: #eaeaea00;
  transform: translate(0, -6px);
  box-shadow: 0 8px 16px #0000001a;
}

.post-card.big {
  padding: 24px;
}

.post-card-content {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 8px 16px;
  display: flex;
}

.post-card-image-big {
  background-color: var(--haze);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 336px;
  margin-bottom: 8px;
  transition: filter .2s;
  position: relative;
}

.post-card-description {
  color: var(--grey-1);
  flex: 1;
  margin-bottom: 12px;
}

.post-card-author {
  color: var(--grey-1);
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Kalam, sans-serif;
  text-decoration: none;
  display: flex;
}

.post-card-image {
  background-color: var(--haze);
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 216px;
  max-height: 16vw;
  margin-bottom: 8px;
  transition: filter .2s;
  position: relative;
}

.nav-dropdown-icon {
  color: var(--grey-2);
  margin-right: 12px;
  font-size: 13px;
  display: none;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-left: -4px;
  padding-top: 10px;
  padding-bottom: 10px;
  left: 0;
  box-shadow: 0 6px 24px #30364d38;
}

.dropdown-list.v2.w--open {
  width: 420px;
  margin-left: -48px;
  padding: 12px;
  display: flex;
}

.nav-dropdown-link {
  color: var(--black);
  padding: 9px 20px 11px;
  font-size: 14px;
  transition: color .1s, background-color .1s;
}

.nav-dropdown-link:hover {
  background-color: var(--haze);
}

.nav-dropdown-link.w--current {
  color: var(--dark);
  font-weight: 700;
}

.dropdown-corner {
  z-index: 1;
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: -4px;
  left: 33px;
  transform: rotate(45deg);
}

.dropdown-corner.padding {
  left: 89px;
}

.dropdown-bridge {
  z-index: 1;
  height: 8px;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
}

.sg-color {
  background-color: var(--color-1);
  box-shadow: none;
  border-radius: 8px;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-basis: 25%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sg-color._2 {
  background-color: var(--color-2);
}

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

.sg-color-name {
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  height: 32px;
  padding: 10px 16px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  box-shadow: 0 1px 3px #5962731f;
}

.cta-card {
  background-color: var(--dark);
  color: #fff;
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 10% 64px;
  display: flex;
  position: relative;
}

.cta-card-info {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.inline-elements {
  justify-content: center;
  align-items: center;
  display: flex;
}

.breadcrumbs {
  color: #ffffff80;
  text-transform: capitalize;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.link-grey {
  color: var(--grey-1);
  text-decoration: none;
}

.link-grey:hover {
  text-decoration: underline;
}

.review-v7 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.mini-blocks {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mini-blocks.dark {
  background-color: #0000001f;
  border-color: #0000;
}

.mini-blocks.contact-blocks {
  margin-top: 60px;
}

.mini-block {
  box-shadow: 1px 0 0 0 var(--grey-4);
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 12px 15px;
  display: flex;
}

.mini-block.dark {
  color: var(--white);
  box-shadow: 1px 0 #ffffff4d;
}

.achievement-text-big {
  color: var(--black);
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.achievement-text-big.small {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 36px;
}

.review-v9 {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  position: relative;
}

.icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-bottom: 16px;
  display: flex;
}

.pricing-v2-card {
  z-index: 1;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-bottom: 48px;
  display: flex;
  position: relative;
  box-shadow: 0 15px 30px #30364d1a;
}

.pricing-v2-tag {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  height: 48px;
  margin-top: -24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
  display: flex;
  box-shadow: 0 1px 2px #00000024;
}

.pricing-v2-card-info {
  flex-direction: column;
  width: 100%;
  margin-top: 24px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.pricing-v2-features {
  text-align: left;
  padding-bottom: 32px;
}

.pricing-feature {
  color: var(--black);
  align-items: center;
  margin-bottom: -1px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.pricing-feature.no {
  color: var(--grey-2);
}

.pricing-feature-icon {
  background-image: url('../images/check-circle-dark.svg');
  background-position: 50%;
  background-size: 20px;
  flex: none;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.pricing-feature-icon.no {
  opacity: .33;
  background-image: url('../images/slash-dark.svg');
}

.pricing-small-info {
  color: var(--grey-1);
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}

.video-link {
  border: 1px solid var(--grey-3);
  color: var(--dark);
  border-radius: 17px;
  align-items: center;
  height: 34px;
  margin-top: 24px;
  padding-left: 4px;
  padding-right: 13px;
  text-decoration: none;
  display: flex;
}

.side-media {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.feature {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
}

.feature.left {
  text-align: left;
  align-items: flex-start;
  padding-left: 0%;
}

.footer-v1-column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.social-icons-small {
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-link-small {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: background-color .4s;
  display: flex;
}

.social-link-small:hover {
  background-color: var(--color-2);
}

.social-link-small.light {
  opacity: 1;
}

.social-link-small.light:hover {
  background-color: var(--haze);
}

.social-icon-small {
  width: 16px;
}

.footer-v2 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 15px 56px;
  display: flex;
}

.footer-v2-info {
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-bottom: 48px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.top-bar {
  z-index: 10;
  background-color: var(--dark);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 36px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 13px;
  line-height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.small-message-text {
  margin-right: 12px;
}

.text-emoji-1 {
  color: #0000;
  background-image: url('../images/emoji-point-right-icon_1emoji-point-right-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 20px;
  display: inline-block;
}

.text-emoji-1.big {
  background-size: 24px;
  width: 28px;
}

.text-emoji-2 {
  color: #0000;
  background-image: url('../images/emoji-hi-icon_1emoji-hi-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 20px;
  display: inline-block;
}

.text-emoji-4 {
  color: #0000;
  background-image: url('../images/emoji-boom-icon_1emoji-boom-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 20px;
  display: inline-block;
}

.side-tabs {
  flex-direction: column;
  justify-content: center;
  min-height: 520px;
  display: flex;
}

.side-tab {
  background-color: var(--white);
  box-shadow: 0 8px 16px 0 transparent, inset 0 0 0 1px var(--grey-4);
  border-radius: 16px;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 28px;
  transition: box-shadow .4s, background-color .4s;
  display: flex;
}

.side-tab:hover {
  box-shadow: 0 8px 16px 0 #0000001a, inset 0 0 0 1px var(--grey-4);
}

.side-tab.w--current {
  background-color: var(--white);
  box-shadow: inset 0 0 0 2px var(--color-1);
}

.message {
  background-color: var(--dark);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 24px 20px;
  display: flex;
}

.message-text {
  margin-right: 20px;
  font-size: 16px;
  line-height: 24px;
}

.post-info {
  z-index: 1;
  background-color: var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 570px;
  max-width: 88vw;
  margin-bottom: 16px;
  padding: 40px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0003;
}

.post-info-date {
  color: var(--grey-1);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-bottom: -8px;
  padding: 8px 16px;
  font-size: 13px;
  line-height: 16px;
  display: flex;
}

.post-heading {
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 34px;
  line-height: 44px;
}

.post-preview-box {
  z-index: 2;
  background-color: var(--dark);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 680px;
  max-height: 60vw;
  margin: -56px auto 80px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 30px #00000026;
}

.post-rich-text {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.post-rich-text p {
  color: var(--grey-1);
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 28px;
}

.post-rich-text a {
  color: var(--color-1);
  text-decoration: none;
}

.post-rich-text a:hover {
  text-decoration: underline;
}

.post-rich-text img {
  border-radius: 12px;
}

.footer-bottom {
  color: #ffffff80;
  border-top: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.text-highlighted {
  color: var(--color-1);
  background-color: #ffa9491a;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 700;
  display: inline-block;
}

.testimonials-v5 {
  background-color: #0000;
  width: 100%;
  max-width: 88vw;
  height: auto;
  margin: -40px auto;
  padding-bottom: 80px;
  padding-left: 32px;
  padding-right: 32px;
}

.testimonials-v5-slide {
  width: 33.33%;
  padding-top: 40px;
  padding-left: 3%;
  padding-right: 3%;
}

.slider-nav {
  opacity: 1;
  height: 30px;
  font-size: 8px;
  line-height: 16px;
}

.review-v5 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.review-v5-logo {
  height: 36px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.feature-icon-left {
  flex-direction: row;
  align-items: flex-start;
  padding-right: 4%;
  display: flex;
}

.info-right {
  flex: 1;
  padding-left: 24px;
}

.logotypes {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.logo-link {
  margin: 20px 8px;
  padding: 8px;
  transition: opacity .4s, transform .4s;
}

.logo-link:hover {
  transform: scale(1.08);
}

.logo-link.faded {
  opacity: .5;
}

.logo-link.faded:hover {
  opacity: 1;
}

.logo {
  max-width: 100%;
  height: 75px;
}

.layouts {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  perspective: 1000px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1600px;
  margin-bottom: -64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3%;
  padding-right: 3%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.layout-box {
  flex-direction: column;
  align-items: center;
  padding-bottom: 80px;
  padding-left: 9%;
  padding-right: 9%;
  display: flex;
}

.layout {
  border: 1px solid var(--grey-4);
  background-color: var(--haze);
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  transition: box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layout:hover {
  transform: translate(0, -6px);
  box-shadow: 0 8px 16px #0000001a;
}

.post-author {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 20px;
  align-items: flex-start;
  margin-bottom: 48px;
  padding: 28px 28px 80px;
  display: flex;
  position: relative;
}

.post-author-avatar {
  border-radius: 50%;
  flex: none;
  width: 72px;
  height: 72px;
}

.post-author-info {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 24px;
  display: flex;
}

.sidebar-card {
  background-color: var(--dark);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar-card-info {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.big-message {
  justify-content: center;
  align-items: center;
  padding: 48px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.big-message-text {
  margin-right: 24px;
  font-size: 22px;
  line-height: 28px;
}

.button-icon {
  float: left;
  width: 20px;
  margin-right: 10px;
}

.sg-back-link {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #00000026;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sg-back-link:hover {
  border-top-color: var(--color-1);
  background-color: var(--color-1);
}

.sg-logo {
  float: left;
  flex: none;
  height: 32px;
  margin-top: -1px;
  margin-right: 12px;
}

.faq-question {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
}

.licence-item {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 32px;
  padding: 32px;
  display: flex;
}

.licence-item-info {
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
}

.licence-link-divider {
  background-color: #dce0e9;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-bottom: 4px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

.components {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.components-link {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 8px;
  flex-grow: 1;
  flex-basis: 40%;
  width: 25%;
  margin: 6px;
  padding: 36px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  transition: color .4s, border-color .4s, box-shadow .4s;
}

.components-link:hover {
  background-color: var(--white);
  color: var(--color-2);
  border-color: #0000;
  box-shadow: 0 8px 16px #0000001a;
}

.password-card {
  z-index: 1;
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 370px;
  margin-top: 40px;
  padding: 56px;
  display: flex;
  position: relative;
  box-shadow: 0 15px 30px #2c334029;
}

.heading-margin-big {
  margin-bottom: 28px;
}

.scroll-icon-link {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 60px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.scroll-mouse {
  background-color: var(--white);
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  width: 26px;
  height: 42px;
  display: flex;
  box-shadow: 0 1px 2px #30364d33;
}

.scroll-mouse-wheel {
  background-color: var(--color-2);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 10px;
}

.faq-nav-link {
  z-index: 1;
  color: var(--dark);
  border-radius: 6px;
  padding: 12px 16px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s, padding .4s;
  display: block;
  position: relative;
}

.faq-nav-link:hover {
  background-color: var(--haze);
}

.faq-nav-link.w--current {
  background-image: url('../images/right-dark_1.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 36px;
}

.faq-block {
  padding-top: 80px;
}

.faq-block.first {
  padding-top: 16px;
}

.faq-top-link {
  color: var(--grey-3);
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
}

.faq-top-link:hover {
  color: var(--dark);
  text-decoration: underline;
}

.footer-v3-right {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 240px;
  display: flex;
}

.footer-v3-link {
  color: var(--white);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 6px 10px 6px 12px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .2s;
}

.footer-v3-link:hover {
  background-color: #0000001a;
}

.form-big {
  background-color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 6px;
  transition: box-shadow .4s;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0000001a;
}

.form-big:hover {
  box-shadow: 0 12px 24px #00000029;
}

.form-big.search-results-form {
  max-width: 470px;
}

.form-big-input {
  background-color: #0000;
  border: 1px #000;
  flex: 1;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 17px;
}

.form-big-input:hover, .form-big-input:focus {
  border-color: var(--color-1);
}

.form-big-input::placeholder {
  color: var(--grey-2);
}

.search-result-url {
  opacity: 1;
  color: var(--dark);
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.search-result {
  border: 1px solid var(--grey-4);
  color: var(--black);
  background-color: #fff;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px;
  transition: box-shadow .4s, border-color .4s, transform .4s;
  display: flex;
}

.search-result:hover {
  z-index: 1;
  border-color: #0000;
  position: relative;
  box-shadow: 0 8px 16px #0000001a;
}

.feature-card-hover {
  color: var(--black);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  flex: 270px;
  align-items: center;
  padding: 48px 12%;
  transition: transform .4s, background-color .4s, box-shadow .4s;
  display: flex;
}

.feature-card-hover:hover {
  background-color: var(--white);
  transform: translate(0, -4px);
  box-shadow: 0 15px 30px #30364d1a;
}

.sg-logo-link {
  color: #fff;
  align-items: center;
  padding-left: 2px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.contact-v1 {
  border: 1px solid var(--grey-4);
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 64px 80px;
  display: flex;
}

.contact-form {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 24px;
  display: grid;
}

.loading-info {
  color: var(--grey-1);
  justify-content: center;
  align-items: center;
  font-size: 15px;
  display: flex;
}

.about-photo {
  background-image: url('../images/christina-wocintechchat-com-YCrgxs3e9lY-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 600px;
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: 0 12px 40px #59627340;
}

.nav-dropdown-link-v2 {
  color: var(--dark);
  background-color: #0000;
  border-radius: 6px;
  align-items: center;
  width: 50%;
  padding: 12px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.nav-dropdown-link-v2:hover {
  background-color: var(--haze);
}

.nav-dropdown-link-v2.w--current {
  color: var(--dark);
  font-weight: 700;
}

.nav-dropdown-circle {
  background-color: var(--white);
  color: var(--dark);
  border: 2px solid #574b8a33;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.nav-dropdown-link-info {
  flex: 1;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
}

.pricing-v3 {
  border: 1px solid var(--grey-4);
  background-color: #fff;
  border-radius: 20px;
  min-height: 400px;
  margin-left: 15px;
  margin-right: 15px;
  top: 0;
  overflow: hidden;
}

.pricing-v3-plans {
  z-index: 3;
  border-bottom: 1px solid var(--grey-4);
  background-color: #fff;
  width: 100%;
  display: flex;
}

.pricing-v3-plans.mobile-sticky {
  display: none;
}

.pricing-v3-plans.bottom {
  border-top: 1px solid var(--grey-3);
}

.pricing-plan-cell {
  box-shadow: -1px 0 0 0 var(--grey-4);
  text-align: center;
  width: 25%;
  padding: 36px 24px;
}

.pricing-plan-cell.no-divider {
  box-shadow: none;
}

.pricing-v3-billing {
  color: var(--grey-2);
  font-size: 11px;
  line-height: 16px;
}

.pricing-v3-currency {
  color: var(--grey-2);
  margin-left: -12px;
  margin-right: 3px;
  line-height: 20px;
}

.pricing-v3-tag {
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.pricing-v3-category-header {
  z-index: 2;
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  background-color: var(--haze);
  color: var(--black);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 8px 32px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.pricing-v3-row {
  border-top: 1px solid var(--grey-4);
  width: 100%;
  display: flex;
}

.pricing-v3-row-header {
  align-items: center;
  width: 25%;
  min-height: 56px;
  padding: 9px 24px 9px 32px;
  display: flex;
}

.pricing-v3-cells {
  flex: 1;
}

.pricing-v3-cell {
  box-shadow: -1px 0 0 0 var(--grey-4);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 56px;
  padding: 10px 24px;
  font-weight: 500;
  display: flex;
}

.pricing-cell-icon {
  background-image: url('../images/check-circle-dark.svg');
  background-position: 50%;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
}

.pricing-v3-category {
  width: 100%;
}

.pricing-v3-plan-name, .pricing-v3-plan-mobile {
  margin-top: -4px;
}

.pricing-v3-cell-description {
  color: var(--grey-2);
  width: 100%;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.menu-icon-line-top, .menu-icon-line-bottom {
  background-color: var(--dark);
  border-radius: 1px;
  height: 2px;
}

.menu-icon {
  float: right;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.nav-dropdown-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.menu-icon-line-middle {
  background-color: var(--dark);
  border-radius: 1px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.testimonials-v1-columns {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 15px;
  margin-right: 15px;
}

.review-v1 {
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  flex-direction: column;
  padding: 16px 32px;
  display: flex;
  box-shadow: 0 12px 24px #30364d1a;
}

.review-v1-text {
  color: var(--grey-1);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 28px;
}

.review-v1-top {
  border-bottom: 1px solid var(--grey-4);
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.testimonials-v1-column {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  display: grid;
}

.review-v1-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 48px;
  height: 48px;
}

.review-v1-info {
  flex: 1;
  padding-left: 16px;
  padding-right: 8px;
}

.review-v1-name {
  margin-top: 1px;
  font-family: Kalam, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.review-v1-company {
  color: var(--grey-2);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
}

.review-v1-rating {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-right: -8px;
  padding: 8px;
  display: flex;
}

.review-star {
  background-image: url('../images/star-filled-color.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  margin-left: 1px;
  margin-right: 1px;
}

.review-star.small {
  width: 14px;
  height: 14px;
}

.logo-text {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 900;
  line-height: 24px;
  display: none;
}

.testimonials-v2 {
  background-color: var(--dark);
  border-radius: 20px;
  max-width: 970px;
  height: 448px;
  margin-left: auto;
  margin-right: auto;
}

.slider-button {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 14px;
  font-size: 24px;
  transition: box-shadow .2s;
  display: flex;
  left: -28px;
  box-shadow: 0 1px 2px #00000024;
}

.slider-button:hover {
  box-shadow: 0 0 0 4px #00000026, 0 8px 16px #0000001a;
}

.slider-button.right {
  left: auto;
  right: -28px;
}

.slider-button.posts-arrow-left {
  left: -56px;
}

.slider-button.posts-arrow-left:hover {
  box-shadow: 0 0 0 4px var(--grey-3), 0 8px 16px 0 #0000001a;
}

.slider-button.posts-arrow-right {
  left: auto;
  right: -56px;
}

.slider-button.posts-arrow-right:hover {
  box-shadow: 0 0 0 4px var(--grey-3), 0 8px 16px 0 #0000001a;
}

.slider-button.dark-hover:hover {
  box-shadow: 0 0 0 4px var(--dark), 0 8px 16px 0 #0000001a;
}

.slider-button.hero-left {
  left: 24px;
}

.slider-button.hero-left:hover {
  box-shadow: 0 0 0 4px #0000004d, 0 8px 16px #0000001a;
}

.slider-button.hero-right {
  left: auto;
  right: 24px;
}

.slider-button.hero-right:hover {
  box-shadow: 0 0 0 4px #0000004d, 0 8px 16px #0000001a;
}

.slider-arrow-icon {
  opacity: 1;
  width: 100%;
}

.review-v2 {
  color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 8px;
  padding-left: 21%;
  padding-right: 21%;
  display: flex;
  position: relative;
}

.review-v2-avatar {
  border: 2px solid var(--white);
  object-fit: cover;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  margin: -8px auto 16px;
}

.review-v2-star {
  width: 16px;
  margin-left: 1px;
  margin-right: 1px;
}

.review-v2-text {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 32px;
}

.review-v2-content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.review-v2-author {
  color: var(--white);
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  font-family: Kalam, sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-decoration: none;
  display: flex;
}

.testimonials-v2-bg {
  position: absolute;
  inset: 0%;
}

.review-v2-add-link {
  z-index: 3;
  color: var(--white);
  background-color: #0000001f;
  border-radius: 18px;
  justify-content: flex-end;
  align-items: center;
  height: 36px;
  padding: 8px 16px;
  font-family: Kalam, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: absolute;
  inset: 24px 24px auto auto;
}

.review-v2-add-link:hover {
  background-color: var(--color-1);
}

.review-v2-icon {
  background-image: url('../images/pen-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.testimonials-v3 {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  height: 480px;
}

.review-quote-dark {
  opacity: .2;
  background-image: url('../images/quote-left-dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 48px;
  left: 48px;
}

.review-quote-dark.right {
  background-image: url('../images/quote-right-dark.svg');
  inset: auto 48px 48px auto;
}

.review-v3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 48px 12%;
  display: flex;
  position: relative;
}

.review-v3-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.review-v3-content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.review-v3-text {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 32px;
}

.review-v3-author {
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  font-family: Kalam, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.main-grid {
  grid-column-gap: 30px;
  grid-row-gap: 64px;
  perspective: 2000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
  position: relative;
}

.main-grid.margin-bottom {
  margin-bottom: 120px;
}

.review-v2-rating {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.dots {
  opacity: .12;
  background-image: url('../images/circle-pattern-white.svg');
  background-position: 0 0;
  background-size: 12px;
  width: 297px;
  height: 118px;
  position: absolute;
  inset: 25% auto auto 3%;
}

.circle-small {
  opacity: .08;
  width: 8vw;
  position: absolute;
  inset: 12% 7% auto auto;
}

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

.footer-top {
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.footer-brand {
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.footer-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-bottom: 48px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.footer-heading {
  margin-bottom: 20px;
}

.breadcrumbs-arrow {
  opacity: .3;
  background-image: url('../images/right-white.svg');
  background-position: 50%;
  background-size: 16px;
  width: 17px;
  height: 17px;
  margin-left: 2px;
  margin-right: 2px;
}

.pricing-v2-header {
  background-color: var(--dark);
  color: var(--white);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 40px 15% 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.info-icon {
  opacity: .33;
  background-image: url('../images/info-dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
}

.info-icon:hover {
  opacity: 1;
}

.pricing-v2-wave {
  width: 100%;
  max-width: none;
  height: 24px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
}

.decor-bottom {
  z-index: 1;
  width: 100%;
  height: 4vw;
  position: absolute;
  inset: auto 0% -2px;
}

.pricing-v2-billing {
  border-left: 1px solid var(--grey-4);
  color: var(--dark);
  height: 24px;
  margin-left: 12px;
  padding-top: 5px;
  padding-left: 12px;
  font-family: Kalam, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.icon-full-width {
  width: 100%;
}

.pricing-v1-background {
  background-color: var(--dark);
  height: 62%;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.pricing-side-features {
  grid-column-gap: 30px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.main-questions {
  grid-column-gap: 30px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  width: 83.33%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar-grid {
  grid-column-gap: 72px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 320px 1fr 320px;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.posts-2-cols {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.posts-2-cols.side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar-heading {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 24px;
}

.post-card-heading {
  text-transform: capitalize;
  flex: 1;
  margin-bottom: 8px;
}

.post-card-category {
  color: var(--grey-1);
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.sidebar-post-heading {
  color: var(--black);
  text-transform: capitalize;
  margin-bottom: 0;
}

.sidear-post-category {
  color: var(--dark);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
}

.sidebar-author-link {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.sidebar-authors {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.card-button {
  border-top: 1px solid var(--grey-4);
  color: var(--dark);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-bottom: 1px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .4s;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.card-button:hover {
  color: var(--color-1);
}

.post-tags {
  border-top: 1px solid var(--grey-3);
  align-items: flex-start;
  margin-top: 16px;
  padding-top: 32px;
  padding-bottom: 8px;
  display: flex;
}

.tags {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: -6px;
  margin-left: 11px;
  margin-right: -4px;
  display: flex;
}

.heading {
  flex: none;
}

.posts-3-cols {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.tab-info-right {
  flex: 1;
  padding-left: 24px;
}

.sidebar-video {
  background-image: url('../images/christina-wocintechchat-com-tKYfcTaXsf0-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 200px;
  transition: filter .4s;
  display: flex;
  position: relative;
}

.sidebar-video-info {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  display: flex;
}

.accordion-header {
  color: #222;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  min-height: 72px;
  padding: 20px 28px;
  display: flex;
}

.accordion-info {
  margin-left: 16px;
  margin-right: 16px;
}

.accordion-card {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 12px;
  margin-bottom: 12px;
  transition: box-shadow .4s, background-color .4s;
  overflow: hidden;
}

.accordion-card:hover {
  background-color: var(--white);
  box-shadow: 0 8px 16px #0000001a;
}

.accordion-arrow {
  opacity: .5;
  background-image: url('../images/right-dark.svg');
  background-position: 50%;
  background-size: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  position: relative;
}

.accordion-text {
  color: #888;
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 32px;
}

.accordion-heading {
  flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
}

.team-card {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 16px 16px 20px;
  transition: transform .4s, box-shadow .4s, border-color .4s;
  display: flex;
  position: relative;
}

.team-card:hover {
  border-color: #0000;
  transform: translate(0, -6px);
  box-shadow: 0 8px 16px #0000001a;
}

.team-photo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 232px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.team-photo-hover {
  z-index: 2;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: none;
  position: absolute;
  inset: 0;
}

.team-social {
  z-index: 3;
  justify-content: center;
  margin-top: -2px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  overflow: hidden;
}

.team-role {
  color: var(--grey-1);
  font-size: 13px;
  line-height: 20px;
}

.team-cards {
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
  position: relative;
}

.breadcrumbs-link {
  color: var(--white);
  text-decoration: none;
}

.breadcrumbs-link:hover {
  text-decoration: underline;
}

.hero-form {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 8px;
  display: flex;
}

.text-quote {
  font-size: 21px;
  line-height: 32px;
}

.side-accordion {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 16px;
}

.accordion-icon {
  width: 24px;
  margin-right: 16px;
}

.person {
  flex-direction: row;
  align-items: center;
  padding-right: 4%;
  display: flex;
}

.person-avatar {
  border-radius: 50%;
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.person-info {
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.person-text {
  color: var(--grey-1);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: -8px;
  font-size: 10px;
  line-height: 16px;
}

.question-v1 {
  flex-direction: row;
  align-items: flex-start;
  padding-right: 4%;
  display: flex;
}

.questions-list {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: -24px;
  display: grid;
}

.post-slider {
  background-color: #0000;
  height: auto;
}

.post-slide {
  width: 50%;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
}

.post-slider-mask {
  padding: 20px 12px;
}

.empty-state {
  border: 1px solid var(--grey-3);
  color: var(--grey-1);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 16px;
}

.video-1 {
  border: 8px solid var(--white);
  background-image: url('../images/christina-wocintechchat-com-tKYfcTaXsf0-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  box-shadow: 0 30px 30px -14px #00000054;
}

.header-line {
  background-color: var(--grey-4);
  flex: 1;
  height: 1px;
}

.header-line.white {
  background-color: var(--white);
  opacity: .3;
}

.lines-heading {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  flex: none;
  margin-left: 16px;
  margin-right: 16px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.mini-gallery {
  grid-template-rows: 80px 80px 80px 80px 80px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gallery-photo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  position: relative;
}

.gallery-photo._1 {
  background-image: url('../images/content-pixie-GAOlUc5TVXY-unsplash.jpg');
}

.gallery-photo._2 {
  background-image: url('../images/christina-wocintechchat-com-NDoVgcS_lZM-unsplash.jpg');
}

.gallery-photo._4 {
  background-image: url('../images/christina-wocintechchat-com-tKYfcTaXsf0-unsplash.jpg');
}

.gallery-photo._3 {
  background-image: url('../images/arlington-research-BQTBlCxmPJM-unsplash.jpg');
}

.gallery-hover {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: auto 16px 16px auto;
}

.gallery-zoom-icon {
  background-image: url('../images/search-dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.tab-link {
  box-shadow: 0 8px 16px 0 #0000, inset 0 0 0 1px var(--grey-4);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 8px;
  padding: 24px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
}

.tab-link:hover {
  box-shadow: 0 8px 16px 0 #0000001a, inset 0 0 0 1px var(--grey-4);
}

.tab-link.w--current {
  background-color: var(--white);
  box-shadow: inset 0 0 0 2px var(--color-1);
}

.tab-link.fixed-width {
  width: 192px;
}

.tabs-horisontal {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-image-big {
  width: 100%;
  margin-bottom: 32px;
}

.feature-card {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  flex: 270px;
  align-items: center;
  padding: 12%;
  display: flex;
}

.feature-image-medium {
  object-fit: contain;
  width: 100%;
  margin-bottom: 24px;
  display: block;
}

.hero-video-big {
  border: 10px solid var(--white);
  background-color: var(--dark);
  background-image: url('../images/content-pixie-GAOlUc5TVXY-unsplash.jpg');
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 640px;
  max-height: 50vw;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0000001a;
}

.hero-v4-bg {
  background-color: var(--dark);
  height: 74%;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.search-result-info {
  flex: 1;
  padding-top: 4px;
  padding-left: 32px;
  padding-right: 16px;
}

.search-result-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex: none;
  width: 240px;
  height: 184px;
}

.search-result-heading {
  margin-bottom: 8px;
}

.pagination-arrow {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}

.pagination {
  margin-top: 40px;
}

.pricing-tab-content {
  padding-top: 24px;
  padding-bottom: 32px;
}

.sidebar-faq-links {
  border: 1px solid var(--grey-4);
  color: var(--white);
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 32px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.post-card-heading-big {
  text-transform: capitalize;
  margin-top: 4px;
  margin-bottom: 12px;
}

.nav-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.layout-name {
  margin-bottom: 24px;
}

.text-2-cols {
  color: var(--grey-1);
  column-count: 2;
  column-gap: 30px;
  font-size: 17px;
  line-height: 28px;
}

.testimonials-v3-nav, .testimonials-v2-nav {
  font-size: 8px;
  line-height: 16px;
}

.billing-bonus {
  z-index: 1;
  color: var(--grey-1);
  text-align: center;
  margin-bottom: 16px;
  font-family: Kalam, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: block;
}

.info-box {
  border: 1px solid var(--grey-4);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 11px 20px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.info-box.blog-info {
  border-color: var(--grey-4);
  margin-top: 24px;
}

.info-box.pricing-info {
  color: var(--grey-1);
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 7px;
  font-family: Kalam, sans-serif;
  display: flex;
}

.top-bar-close {
  cursor: pointer;
  background-color: #0003;
  background-image: url('../images/x-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: background-color .4s;
  position: absolute;
  right: 15px;
}

.top-bar-close:hover {
  background-color: var(--color-1);
}

.top-bar-text {
  margin-right: 12px;
}

.small-message {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 20px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-button {
  background-color: var(--grey-4);
  background-image: url('../images/home-color.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 16px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 78px;
  height: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.coming-soon {
  background-color: var(--dark);
  color: var(--dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.coming-soon-info {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 32px;
  display: flex;
}

.coming-soon-image {
  width: 100%;
  max-width: 430px;
  margin-bottom: 16px;
}

.nav-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template: ". Area"
  / auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-v3-links {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-header {
  border-top: 1px solid var(--grey-4);
  margin-top: 8px;
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px 24px 4px;
}

.dropdown-decription {
  color: var(--grey-1);
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}

.text-block-3 {
  padding-left: 1px;
}

.back-to-top, .top {
  height: 0;
}

.top-button {
  z-index: 10;
  background-color: var(--dark);
  cursor: pointer;
  background-image: url('../images/up-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  transition: background-color .3s;
  position: fixed;
  inset: auto 16px 16px auto;
}

.top-button:hover {
  background-color: var(--color-1);
}

.sg-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 64px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
  position: relative;
}

.bg-element-1 {
  background-image: linear-gradient(118deg, #fff, #fff 0%, #fff0);
  border-radius: 10vh;
  width: 70vh;
  height: 70vh;
  margin: auto;
  position: absolute;
  inset: auto auto -19vh -30.7vh;
  transform: rotate(45deg);
}

.bg-element-2 {
  background-image: linear-gradient(163deg, var(--white), white 0%, #fff0);
  border-radius: 5vh;
  width: 22vh;
  height: 22vh;
  position: absolute;
  inset: 0 -14.9vh auto auto;
  transform: rotate(30deg);
}

.small-bg-element-3 {
  background-image: linear-gradient(135deg, var(--white), white 0%, #fff0);
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: absolute;
  top: -23%;
  left: 39%;
  transform: rotate(30deg);
}

.bg-element-4 {
  background-image: linear-gradient(159deg, var(--white), white 0%, #fff0);
  border-radius: 4vh;
  width: 16vh;
  height: 16vh;
  position: absolute;
  inset: auto 22.4vh 7.7vh auto;
  transform: rotate(60deg);
}

.post-card-icon {
  background-color: var(--color-1);
  background-image: url('../images/file-text-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  inset: auto 24px -24px auto;
}

.post-card-icon.card-big-icon {
  position: absolute;
  inset: auto 16px 16px auto;
}

.full-height {
  height: 100%;
}

.divider {
  background-color: var(--color-1);
  border-radius: 1.5px;
  width: 88px;
  height: 3px;
  margin-top: 4px;
  margin-bottom: 21px;
}

.page-intro {
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.big-form-button {
  background-color: var(--color-1);
  border-radius: 6px;
  flex: none;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  transition: width .4s;
}

.big-form-icon {
  flex: none;
  height: 24px;
  margin-left: 16px;
}

.subscribe {
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 8px;
}

.top-icon-box {
  background-color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 128px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
  position: absolute;
  top: -40px;
}

.form-info {
  letter-spacing: 1px;
  text-transform: uppercase;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: -16px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Roboto, sans-serif;
  font-size: 9px;
  line-height: 16px;
  display: flex;
}

.dot-divider {
  background-color: var(--grey-4);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-left: 8px;
  margin-right: 8px;
}

.dot-divider.white {
  background-color: #ffffff4d;
}

.pricing-v2-name {
  z-index: 3;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  position: relative;
}

.pricing-badge {
  z-index: 3;
  background-color: var(--color-1);
  color: var(--white);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 24px;
  margin-top: -24px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 10px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
}

.pricing-badge-icon {
  background-image: url('../images/star-filled-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.small-bg-elements {
  z-index: 0;
  opacity: .07;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.small-bg-element-1 {
  background-image: linear-gradient(118deg, var(--white), white 0%, #fff0);
  border-radius: 36px;
  width: 200px;
  height: 200px;
  margin: auto;
  position: absolute;
  inset: 3% 20% -91% -67%;
  transform: rotate(45deg);
}

.small-bg-element-2 {
  background-image: linear-gradient(163deg, var(--white), white 0%, #fff0);
  border-radius: 20px;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: 21% -23% auto auto;
  transform: rotate(30deg);
}

.search-results-form-wrapper {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  top: -32px;
}

.image {
  width: 13px;
  margin-bottom: -3px;
  margin-right: 6px;
}

.footer-v3-left {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  display: flex;
}

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

.footer-bottom-left {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-bottom-right {
  text-align: right;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-v1-form {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.form-small {
  background-color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 4px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0000001a;
}

.form-small-input {
  background-color: #0000;
  border: 1px #000;
  flex: 1;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 20px;
}

.form-small-input:hover, .form-small-input:focus {
  border-color: var(--color-1);
}

.form-small-input::placeholder {
  color: var(--grey-2);
}

.footer-contact-icon {
  height: 16px;
  margin-top: 5px;
  margin-right: 8px;
}

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

.heading-thin {
  font-weight: 400;
}

.video-button {
  background-color: var(--dark);
  border-radius: 28px;
  justify-content: flex-end;
  height: 56px;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.play-button {
  background-color: var(--color-1);
  background-image: url('../images/play-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.video-button-info {
  color: var(--white);
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: 14px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.video-button-time {
  background-image: url('../images/clock-white.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-right: 16px;
  font-size: 10px;
}

.review-v5-rating {
  background-color: #1515151f;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.review-v5-rating.no-bg {
  background-color: #0000;
}

.review-v5-avatar {
  border: 2px solid var(--white);
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px #00000024;
}

.review-v5-name {
  margin-bottom: 8px;
  font-family: Kalam, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.bg-element-3 {
  background-image: linear-gradient(135deg, var(--white), white 0%, #fff0);
  border-radius: 50%;
  width: 22vh;
  height: 22vh;
  position: absolute;
  top: 8vh;
  left: 40%;
  transform: rotate(30deg);
}

.review-v3-rating {
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-top: -4px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.review-v2-add-text {
  margin-top: 2px;
}

.testimonials-v1-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-v3 {
  justify-content: flex-start;
  padding: 32px 15px;
  display: flex;
}

.footer-v3-brand {
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.footer-v2-left {
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.footer-v2-right {
  flex-direction: column;
  align-items: flex-end;
  width: 25%;
  display: flex;
}

.footer-form {
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 40px;
}

.footer-v2-heading {
  margin-bottom: 32px;
}

.pricing-features-left {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-right: 24px;
  display: grid;
}

.feature-icon-right {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 4%;
  display: flex;
}

.feature-info-left {
  text-align: right;
  flex: 1;
  padding-right: 24px;
}

.pricing-features-right {
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-left: 24px;
  display: grid;
}

.pricing-v2-description {
  z-index: 3;
  font-size: 13px;
  line-height: 20px;
  position: relative;
}

.logo-description {
  border-left: 1px solid #fff3;
  margin-left: 32px;
  padding-left: 16px;
  font-size: 22px;
  font-weight: 900;
  line-height: 20px;
}

.pricing-image {
  width: 72%;
  margin-top: -8px;
  margin-bottom: 20px;
}

.icon-box {
  background-color: var(--white);
  box-shadow: none;
  border: 2px solid #574b8a33;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.question-icon {
  background-image: url('../images/help-circle-dark.svg');
  background-position: 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
}

.link-arrow-v2 {
  background-image: url('../images/arrow-right-dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 23px;
  height: 23px;
  margin-bottom: -1px;
  margin-left: 3px;
  font-size: 16px;
}

.hero-v2-image {
  margin-top: -5%;
  margin-right: -14%;
}

.hero-v4-form {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 8px;
  display: flex;
}

.team-member-name {
  margin-top: 6px;
  margin-bottom: 12px;
}

.team-card-wrapper {
  position: relative;
}

.tab-icon-top {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  margin-bottom: 12px;
  display: flex;
}

.mini-block-heading {
  z-index: 1;
  margin-bottom: 8px;
  position: relative;
}

.mini-block-description {
  z-index: 1;
  color: var(--grey-1);
  position: relative;
}

.mini-block-description.white {
  color: var(--white);
}

.achievement-number {
  color: var(--haze);
  font-family: Roboto, sans-serif;
  font-size: 112px;
  font-weight: 700;
  line-height: 80px;
  position: absolute;
  bottom: -13px;
}

.hero-v5-form {
  color: var(--grey-2);
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 8px;
  display: flex;
}

.hero-v5-intro {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-object-1 {
  width: 12%;
  min-width: 150px;
  position: absolute;
  top: 9%;
  left: 12%;
}

.hero-object-2 {
  width: 16%;
  min-width: 190px;
  position: absolute;
  top: 15%;
  right: 5%;
  transform: rotate(-40deg);
}

.hero-object-3 {
  width: 9%;
  min-width: 119px;
  position: absolute;
  bottom: 25%;
  left: 3%;
  transform: rotate(69deg);
}

.objects {
  width: 100%;
  max-width: 1440px;
  height: 100%;
  position: absolute;
}

.hero-object-6 {
  width: 5%;
  min-width: 72px;
  position: absolute;
  bottom: 18%;
  right: 11%;
  transform: rotate(11deg);
}

.hero-object-5 {
  width: 9%;
  min-width: 87px;
  position: absolute;
  bottom: 10%;
  right: 27%;
  transform: rotate(-14deg);
}

.hero-object-4 {
  width: 4%;
  min-width: 46px;
  position: absolute;
  bottom: 12%;
  left: 28%;
  transform: rotate(0);
}

.hero-object-7 {
  width: 2%;
  min-width: 32px;
  position: absolute;
  top: 9%;
  right: 43%;
  transform: rotate(103deg);
}

.hero-object-8 {
  width: 2%;
  min-width: 32px;
  position: absolute;
  top: 17%;
  right: 36%;
}

.hero-object-9 {
  width: 2%;
  min-width: 32px;
  position: absolute;
  bottom: 33%;
  left: 18%;
  transform: rotate(137deg);
}

.hero-slider {
  color: #fff;
  height: 86vh;
  min-height: 680px;
  max-height: 64vw;
}

.hero-v4-nav {
  z-index: 4;
  background-color: #0000004d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 24px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  font-size: 7px;
  line-height: 12px;
  display: flex;
}

.hero-slide {
  text-align: center;
  background-color: #21242d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 80px 104px;
  display: flex;
  position: relative;
}

.slider-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.hero-slide-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.hero-slide-image._1 {
  background-image: linear-gradient(#1d18334d, #1d18334d), url('../images/christina-wocintechchat-com-NDoVgcS_lZM-unsplash.jpg');
  background-position: 0 0, 39% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-slide-image._2 {
  background-image: linear-gradient(#16132480, #16132480), url('../images/christina-wocintechchat-com-tKYfcTaXsf0-unsplash.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-slide-image._3 {
  background-image: linear-gradient(#16132480, #16132480), url('../images/christina-wocintechchat-com-NDoVgcS_lZM-unsplash.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.coming-soon-form {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 8px;
  display: flex;
}

._404-image {
  width: 100%;
  max-width: 430px;
  margin-top: -15%;
}

.sidebar-card-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-bottom: 12px;
  display: flex;
}

.promo-card-heading {
  margin-bottom: 20px;
}

.lines-header {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: -8px;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  position: relative;
}

.lines-header.hero-logo-header {
  margin-top: 80px;
}

.label {
  background-color: var(--color-1);
  color: var(--white);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.signature {
  color: var(--dark);
  margin-top: 24px;
  font-family: Kalam, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

.signature.white {
  color: var(--white);
}

.side-video {
  background-image: url('../images/christina-wocintechchat-com-YCrgxs3e9lY-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  box-shadow: 0 30px 30px -14px #0000001a;
}

.sidebar-video-block {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 16px;
}

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

.list-dropdown {
  z-index: 30;
  background-color: var(--white);
  border-radius: 28px;
  flex-wrap: wrap;
  justify-content: center;
  height: 56px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0000001a;
}

.list-dropdown-heading {
  color: var(--dark);
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: none;
}

.category-link {
  color: var(--dark);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

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

.category-link.w--current {
  color: var(--color-2);
}

.categories {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.blog-categories-wrapper {
  z-index: 3;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 92px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
  top: -28px;
}

.team-photo-v2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.team-card-v2 {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 32px;
  transition: box-shadow .4s, border-color .4s;
  display: flex;
  position: relative;
}

.team-card-v2:hover {
  border-color: #0000;
  box-shadow: 0 8px 16px #0000001a;
}

.top-message-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.message-link {
  color: var(--white);
  text-align: left;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.quote {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.contact-v2 {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 20px;
  align-items: stretch;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px;
  display: flex;
}

.contact-v2-map {
  border-radius: 10px;
  width: 40%;
  height: 640px;
  margin-right: 40px;
}

.contact-v2-info {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.sg-logo-text {
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border: 1px solid #ffffff1f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Roboto, sans-serif;
  font-size: 9px;
  line-height: 16px;
  display: flex;
}

.page-header-movement {
  z-index: 0;
  height: 100vh;
  position: absolute;
  inset: 0% 0% auto;
}

.faq-block-heading {
  margin-bottom: 0;
}

.nav-search-button {
  background-color: var(--haze);
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-image: url('../images/search-dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s, border-color .4s, transform .4s, box-shadow .4s;
  display: flex;
}

.nav-search-button:hover {
  background-color: var(--haze-hover);
}

.nav-search {
  z-index: 100;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-bg-overlay {
  z-index: 1;
  background-color: #000000c7;
  position: fixed;
  inset: 0%;
}

.nav-search-form {
  z-index: 3;
  background-color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 470px;
  max-width: 94vw;
  height: 60px;
  margin-top: 208px;
  padding: 6px;
  transition: box-shadow .4s;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 4px #0000004d;
}

.nav-search-form:hover {
  box-shadow: 0 0 0 4px #00000080;
}

.modal-close-button {
  z-index: 3;
  border: 2px solid var(--white);
  cursor: pointer;
  background-color: #0000004d;
  background-image: url('../images/x-white_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: 24px;
  margin-right: 24px;
  transition: transform .4s, border-color .4s, background-color .4s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal-close-button:hover {
  background-color: var(--dark);
  transform: scale(1.1);
}

.works-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.work-card {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 20px;
  height: 100%;
  padding: 16px;
  text-decoration: none;
  transition: transform .4s, border-color .4s, box-shadow .4s;
  display: block;
}

.work-card:hover {
  border-color: #0000;
  text-decoration: none;
  transform: translate(0, -6px);
  box-shadow: 0 8px 16px #0000001a;
}

.work-card-thumb {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 254px;
  max-height: 20vw;
  position: relative;
}

.work-card-heading {
  text-align: center;
  margin: 16px 12px 4px;
}

.work-card-category {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 24px;
  margin-top: 12px;
  margin-right: 12px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bottom-block {
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.work-preview {
  z-index: 2;
  border: 8px solid var(--white);
  background-color: var(--dark);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 680px;
  max-height: 60vw;
  margin: -56px auto 80px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 30px #00000026;
}

.sidebar-work-info {
  border: 1px solid var(--grey-4);
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.work-rich-text img {
  border-radius: 12px;
}

.work-details {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -1px;
  padding: 12px;
  display: flex;
}

.work-details-name {
  margin-right: 6px;
  font-weight: 700;
}

.work-details-info {
  color: var(--grey-1);
}

.work-details-info.work-category-link {
  color: var(--color-2);
}

.work-details-info.work-category-link:hover {
  text-decoration: underline;
}

.work-heading {
  margin-bottom: 24px;
}

.post-card-big {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 16px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
}

.post-card-big:hover {
  background-color: var(--white);
  border-color: #eaeaea00;
  transform: translate(0, -6px);
  box-shadow: 0 8px 16px #0000001a;
}

.top-post-wrapper {
  padding-bottom: 40px;
}

.post-card-big-image {
  background-color: var(--haze);
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: auto;
  min-height: 280px;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.post-card-big-content {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 8px 16px 8px 32px;
  display: flex;
}

.post-card-big-heading {
  text-transform: capitalize;
  margin-bottom: 8px;
}

.post-card-big-description {
  color: var(--grey-1);
  flex: 1;
  margin-bottom: 12px;
}

.post-badge {
  z-index: 3;
  background-color: var(--color-2);
  color: var(--white);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 6px;
  align-items: center;
  height: 24px;
  margin-top: 16px;
  margin-left: 16px;
  padding: 5px 8px 5px 10px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.review-quote-white {
  opacity: .15;
  background-image: url('../images/quote-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 48px;
  left: 48px;
}

.review-quote-white.right {
  background-image: url('../images/quote-right-white.svg');
  inset: auto 48px 48px auto;
}

.changing-text._1, .changing-text._2, .changing-text._3, .changing-text._4 {
  display: none;
}

.intro-hero-heading {
  margin-bottom: 0;
  font-weight: 400;
}

.hero-intro {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.changing-text-box {
  z-index: 1;
  color: var(--dark);
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Roboto, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
  position: relative;
  overflow: hidden;
}

.text-link-v2 {
  color: var(--color-1);
  transition: color .2s;
}

.text-link-v2:hover {
  text-decoration: underline;
}

.text-highlighted-v2 {
  color: var(--color-1);
  background-color: #0000001f;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 700;
  display: inline-block;
}

.intro-buy-promo {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-top: 24px;
  display: flex;
  position: relative;
}

.promo-layout {
  z-index: 10;
  border-radius: 6px;
  width: 45%;
  margin-bottom: -11%;
  position: relative;
  box-shadow: 0 10px 40px #0000004d;
}

.promo-layout-side {
  z-index: 1;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 32%;
  position: absolute;
  bottom: -2px;
  left: 2%;
  right: auto;
  box-shadow: 0 8px 24px #0003;
}

.promo-layout-side.right {
  left: auto;
  right: 2%;
}

.side-nav {
  z-index: 9;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 112px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 24px;
  display: flex;
  position: fixed;
  inset: -88px 0% 0% auto;
  box-shadow: 0 2px 7px #0000001f;
}

.side-nav-link {
  border: 4px solid var(--white);
  background-color: #574b8a4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
  position: relative;
}

.side-nav-link:hover {
  background-color: #574b8a80;
}

.side-nav-link.w--current {
  background-color: var(--dark);
  width: 16px;
  height: 16px;
  transition: border-radius .4s, border-color .4s, background-color .4s;
}

.side-nav-tooltip {
  z-index: 2;
  background-color: var(--dark);
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  height: 24px;
  margin-right: 12px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  position: absolute;
  right: 100%;
}

.hero-image-1 {
  width: 100%;
  display: inline-block;
}

.hero-image-2, .hero-image-3, .hero-image-4, .hero-image-5, .hero-image-6 {
  width: 100%;
}

.loading-text {
  margin-left: 10px;
  display: none;
}

.figure {
  margin-bottom: 15px;
}

.mm-close-wrapper {
  z-index: 99;
  background-color: #141a227d;
  display: none;
  position: absolute;
  inset: 0%;
}

.mm-sm-row {
  align-items: center;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.mm-close-icon {
  z-index: 10;
  cursor: pointer;
  background-image: url('../images/download.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 5px;
}

.grid-sm-col {
  flex: 1;
  width: 50%;
  padding-left: 10px;
  padding-right: 20px;
}

.mm-panel {
  z-index: 1;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  right: 50%;
  transform: translate(50%);
}

.mm-panel.solutions-panel, .mm-panel.products-panel {
  display: none;
}

.mm-panel.pricing-panel {
  max-width: 980px;
  margin-left: 10px;
  margin-right: 10px;
  display: none;
}

.mm-panel.explore-page {
  max-width: 900px;
  display: none;
}

.mm-panel.documentation {
  display: none;
}

.mm-link-desc {
  color: #ffffff80;
  text-transform: none;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

.pricing-panel-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.pricing-panel-grid.v2 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
}

.p1 {
  color: #e4e4e44d;
  line-height: 22px;
}

.m-nav-dd-list-wrap.w--open {
  z-index: 99;
  background-color: #fff;
  border-radius: 4px;
  min-width: 199px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 29px;
  inset: 95% -50% auto auto;
  box-shadow: 0 0 6px #00000026;
}

.mm-nav-panel-flex {
  height: 100%;
  display: flex;
}

.mm-cta {
  background-color: #e4bc2d;
  border-radius: 4px;
  padding-left: 24px;
  padding-right: 24px;
}

.mm-nav-list-link-l {
  color: #ffffffbf;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
}

.mm-nav-side-menu {
  border-right: 1px solid #141a22;
  flex: 0 0 260px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
}

.logo-2 {
  width: 110px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mm-nav-panel-header {
  color: #ffffffb3;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.mm-nav-panel-header.sm {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}

.mm-side-nav-menu {
  width: 100%;
  display: flex;
}

.mm-nav-col-1 {
  flex: 0 auto;
  width: 360px;
  padding: 30px 15px;
}

.mm-nav-panel-link {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.mm-nav-panel-link.inline {
  color: #ffffffe6;
  text-transform: capitalize;
  font-weight: 500;
}

.mm-nav-panel-link.sm {
  color: #ffffffa6;
  margin-bottom: 6px;
  font-size: 12px;
}

.mm-nav-panel-content {
  flex: 1;
  padding-left: 30px;
  padding-right: 10px;
}

.m-nav-panel-wrapper {
  z-index: 99;
  background-color: #343e52;
  border-top: 1px solid #141a22;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
  position: absolute;
  inset: 114px 55px 50px;
  overflow: hidden;
  box-shadow: -1px 1px 5px #00000080;
}

.m-nav-logo {
  z-index: 5;
  position: relative;
}

.featured-services-tab {
  height: 100%;
}

.figure-xs {
  width: 32px;
  margin-right: 15px;
}

.display-none {
  display: none;
}

.flex-wrap-content {
  flex-wrap: wrap;
  display: flex;
}

.m-nav-dd {
  margin-left: 0;
  margin-right: 0;
}

.m-nav-secondary-links {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 600px;
  margin-left: 100px;
  display: flex;
}

.pricing-link {
  color: #ffffffdb;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  display: block;
}

.mm-nav-resources-item {
  border: 1px solid #f4f5f926;
  border-top: 4px solid #00b2ff;
  flex: 0 48%;
  min-width: 175px;
  max-width: 48%;
  margin-bottom: 20px;
  padding: 10px 15px 20px;
}

.mm-mobile-nav {
  display: none;
}

.mm-primary-links-ul {
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: 20px;
  padding-top: 0;
  list-style-type: none;
  display: flex;
}

.dd-link {
  color: #343e52;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 500;
  text-decoration: none;
}

.header {
  z-index: 99;
  height: 115px;
  position: fixed;
  inset: 0% 0% auto;
}

.resources-media-header {
  color: #ffffffb3;
  border-bottom: 1px solid #f4f5f98f;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: 500;
}

.mm-nav-primary-link-wrap {
  align-items: center;
  font-size: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.m-nav-header {
  z-index: 9;
  background-color: #343e52;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 68px;
  padding-left: 55px;
  padding-right: 55px;
  display: flex;
  position: relative;
}

.m-nav-header.lg-menu {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.mm-nav-list-link-m {
  color: #ffffffbf;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.mm-nav-col-2 {
  flex: 398px;
  padding: 30px 15px;
}

.tab-mm-nav-panel-link {
  color: #ffffffb3;
  text-transform: capitalize;
  background-color: #0000;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.tab-mm-nav-panel-link.w--current {
  color: #e4bc2d;
  background-color: #0000;
}

.tab-mm-nav-panel-link.large {
  color: #fff;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.mm-primary-group {
  width: 100%;
  margin-top: 9px;
}

.explore-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.m-nav-link {
  color: #fff;
  margin-right: 8px;
  text-decoration: none;
}

.pricing-panel-box {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.top-sm-icon {
  background-color: #fff;
  border: 6px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translate(-50%)skew(-45deg, 45deg);
}

.mm-nav-resources-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.pricing-panel-wrap {
  flex: 1;
}

.pricing-panel-wrap.docs {
  padding-top: 30px;
}

.grid-box-2-col {
  flex-wrap: wrap;
  display: flex;
}

.grid-box-2-col.v2 {
  flex-direction: column;
  align-items: flex-start;
}

.mm-primary-links-ul-li {
  justify-content: center;
  align-items: center;
  padding: 6px 10px 10px;
  display: flex;
}

.m-nav-dd-toggle {
  color: #fff;
  margin-right: 8px;
}

.m-nav-dd-toggle.w--open {
  z-index: 9;
}

.resources-media-body {
  color: #ffffffe6;
  font-size: 13px;
  line-height: 15px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }

  h2 {
    font-size: 30px;
    line-height: 40px;
  }

  h3 {
    margin-bottom: 12px;
  }

  h5 {
    font-size: 17px;
  }

  h6 {
    font-size: 12px;
  }

  p {
    margin-bottom: 24px;
  }

  blockquote {
    padding: 12px 24px;
  }

  .section, .section.top-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.intro-hero {
    margin-top: -64px;
    padding-top: 128px;
    padding-bottom: 104px;
  }

  .section.hero-v1 {
    padding-top: 80px;
    padding-bottom: 24px;
  }

  .section.hero-v2 {
    margin-top: -64px;
    padding-top: 144px;
  }

  .section.hero-v5 {
    height: auto;
    min-height: 0;
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  .wrapper.nav-bar-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .button.pricing-cell-button {
    height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .sg-button-box {
    padding-left: 12%;
    padding-right: 12%;
  }

  .nav-bar {
    height: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link {
    color: var(--dark);
    background-color: #fff;
    border-radius: 0;
    margin-bottom: -1px;
    padding: 16px 24px;
  }

  .nav-link:hover {
    background-color: #fff;
  }

  .nav-link.w--current {
    color: var(--dark);
  }

  .tooltip.sidebar-author-name, .tooltip.change-tooltip {
    display: none;
  }

  .no-margin {
    margin: 0;
  }

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

  .intro {
    padding-left: 8px;
    padding-right: 8px;
  }

  .intro.no-margin-bottom {
    margin-bottom: 0;
  }

  .intro.wide {
    max-width: 83.33%;
  }

  .intro.left.sticky {
    position: static;
  }

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

  .brand {
    padding-left: 16px;
    padding-right: 16px;
  }

  .changelog {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .change {
    padding: 24px;
  }

  .nav-menu {
    border-bottom: 1px solid var(--grey-4);
    background-color: var(--white);
    max-height: 90vh;
    margin-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .no-padding {
    padding: 0;
  }

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

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

  .page-wrapper.sg-wrapper {
    margin-left: 0;
  }

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

  .bg-elements {
    min-height: 420px;
  }

  .sg-sidebar {
    width: 100%;
    padding-bottom: 0;
    position: relative;
  }

  .sg-sidebar-heading {
    padding: 16px;
  }

  .sg-sidebar-menu {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
  }

  .sg-sidebar-link {
    width: auto;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .sg-sidebar-link.w--current {
    background-color: #0000001f;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .pricing-v1-card {
    flex: 0 auto;
    width: 100%;
  }

  .info {
    flex: none;
  }

  .tab-link-v2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sidebar {
    max-width: 50%;
  }

  .sidebar.sticky {
    position: static;
  }

  .input {
    box-shadow: inset 0 0 #0000;
  }

  .sidebar-block {
    margin-bottom: 16px;
  }

  .post-card-info {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sidebar-post-card {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
  }

  .sidebar-post-card:hover {
    box-shadow: none;
    background-color: #0000;
    transform: none;
  }

  .sidebar-post-image {
    width: 72px;
    height: 60px;
    margin-right: 12px;
  }

  .sidebar-author:hover {
    background-color: #0000;
  }

  .sidebar-tags {
    padding-left: 0;
    padding-right: 0;
  }

  .post-card:hover {
    border-color: var(--grey-4);
    box-shadow: none;
    transform: none;
  }

  .post-card.big {
    padding: 16px;
  }

  .post-card-image-big {
    height: 31vw;
    margin-bottom: 0;
  }

  .post-card-description {
    display: none;
  }

  .post-card-image {
    height: 31vw;
    max-height: none;
  }

  .nav-dropdown-icon {
    color: var(--grey-3);
    margin-right: 24px;
    font-size: 15px;
    display: inline-block;
  }

  .dropdown-list.w--open {
    z-index: 1;
    background-color: var(--white);
    border-radius: 0;
    margin-top: -1px;
    margin-left: 0;
    padding: 0 16px 8px;
    position: relative;
    box-shadow: 0 1px #ffffff1f;
  }

  .dropdown-list.v2.w--open {
    width: 100%;
    margin-left: 0;
  }

  .nav-dropdown-link {
    color: var(--dark);
    padding-left: 24px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
  }

  .nav-dropdown-link:hover {
    background-color: #0000;
  }

  .nav-dropdown-link.w--current {
    color: var(--dark);
  }

  .dropdown-corner, .dropdown-bridge {
    display: none;
  }

  .sg-color {
    height: 25vw;
  }

  .cta-card {
    margin-left: 8px;
    margin-right: 8px;
  }

  .breadcrumbs {
    margin-top: -2px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .mini-blocks {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mini-blocks.contact-blocks {
    margin-top: 40px;
  }

  .mini-block {
    box-shadow: 1px 1px 0 0 var(--grey-4);
    flex: 1 0 50%;
    margin-top: -1px;
    margin-left: -1px;
    padding: 40px 4%;
  }

  .icon {
    width: 72px;
    margin-bottom: 12px;
  }

  .pricing-v2-card {
    flex: 0 auto;
  }

  .footer-v2 {
    padding-top: 48px;
    padding-left: 20%;
    padding-right: 20%;
  }

  .footer-v2-info {
    flex: 0 auto;
    order: -1;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .top-bar {
    justify-content: flex-start;
  }

  .small-message-text {
    flex: 1;
  }

  .side-tab {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 24px;
  }

  .message {
    padding-left: 16px;
    padding-right: 16px;
  }

  .message-text {
    flex: 1;
  }

  .post-info-date {
    font-size: 11px;
  }

  .post-preview-box {
    border-radius: 12px;
    width: auto;
    max-width: 100%;
    height: 68vw;
    max-height: none;
    margin-bottom: 48px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .footer-bottom {
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .testimonials-v5 {
    padding-bottom: 72px;
  }

  .testimonials-v5-slide {
    width: 100%;
    padding-top: 0;
    padding-left: 15%;
    padding-right: 15%;
  }

  .review-v5 {
    font-size: 15px;
  }

  .review-v5-logo {
    height: 36px;
  }

  .info-right {
    padding-left: 20px;
  }

  .logotypes {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .logo-link {
    flex: none;
    margin: 12px;
  }

  .logo {
    height: 24px;
  }

  .menu-button {
    z-index: 99;
    background-color: #0000;
  }

  .menu-button.w--open {
    color: var(--dark);
    background-color: #0000;
  }

  .layouts {
    border-radius: 0;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 48px;
  }

  .layout-box {
    padding: 8%;
  }

  .layout {
    overflow: hidden;
  }

  .post-author {
    margin-top: 0;
    margin-bottom: 48px;
    padding-right: 16%;
  }

  .big-message {
    padding: 24px 16px;
  }

  .big-message-text {
    flex: 1;
  }

  .sg-back-link {
    padding: 16px;
    position: relative;
  }

  .licence-item {
    margin-bottom: 20px;
    box-shadow: 0 10px 20px #30364d1a;
  }

  .components-link {
    border-radius: 8px;
    padding: 28px;
    font-size: 15px;
    line-height: 20px;
  }

  .scroll-icon-link {
    display: none;
  }

  .faq-nav-link:hover {
    background-color: #0000;
  }

  .faq-nav-link.w--current {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 16px;
  }

  .footer-v3-right {
    width: 100%;
    margin-top: 20px;
  }

  .search-result {
    align-items: flex-start;
    box-shadow: 7px 7px 20px #5962731f;
  }

  .feature-card-hover {
    margin-bottom: 32px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 12%;
    padding-right: 12%;
  }

  .about-photo {
    height: 60vw;
    margin-left: 8px;
    margin-right: 8px;
  }

  .nav-dropdown-link-v2 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-dropdown-link-v2:hover {
    background-color: #0000;
  }

  .nav-dropdown-link-v2.w--current {
    color: var(--dark);
  }

  .pricing-v3 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .pricing-v3-plans {
    top: 64px;
  }

  .pricing-plan-cell {
    padding: 20px;
  }

  .pricing-v3-category-header {
    padding-left: 18px;
    padding-right: 20px;
    top: 124px;
  }

  .pricing-v3-row-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-v3-plan-name, .pricing-v3-plan-mobile {
    font-size: 14px;
  }

  .testimonials-v1-columns {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-left: 8px;
    margin-right: 8px;
  }

  .testimonials-v1-column.mobile-hidden {
    display: none;
  }

  .testimonials-v2 {
    width: 90vw;
    max-width: none;
    height: 440px;
  }

  .slider-button.posts-arrow-left, .slider-button.posts-arrow-right {
    display: none;
  }

  .slider-button.hero-left {
    left: 16px;
  }

  .slider-button.hero-right {
    right: 16px;
  }

  .review-v2 {
    padding-bottom: 16px;
    padding-left: 12%;
    padding-right: 12%;
  }

  .review-v2-text {
    font-size: 18px;
    line-height: 28px;
  }

  .review-v3-author {
    font-size: 18px;
    line-height: 24px;
  }

  .main-grid {
    grid-column-gap: 16px;
    grid-row-gap: 64px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .main-grid.margin-bottom {
    margin-bottom: 80px;
  }

  .dots {
    height: 81px;
    top: 34%;
    bottom: -10%;
    left: -14%;
  }

  .circle-small {
    width: 10vw;
    top: 20%;
    right: 4%;
  }

  ._2-buttons {
    grid-column-gap: 12px;
  }

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

  .footer-grid {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-heading {
    margin-bottom: 12px;
  }

  .pricing-v1-background {
    height: 70%;
  }

  .main-questions {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .sidebar-grid {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

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

  .posts-2-cols.side-paddings {
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .sidebar-post-heading {
    font-size: 15px;
    line-height: 24px;
  }

  .sidear-post-category {
    margin-bottom: 4px;
  }

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

  .posts-3-cols {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .tab-info-right {
    padding-left: 20px;
  }

  .sidebar-video {
    height: 30vw;
  }

  .team-photo {
    height: 42vw;
  }

  .team-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .post-slider {
    width: 95%;
  }

  .post-slide {
    padding-left: 0;
    padding-right: 16px;
  }

  .post-slider-mask {
    padding: 0;
    overflow: visible;
  }

  .video-1 {
    height: 48vw;
  }

  .lines-heading {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 12px;
    line-height: 16px;
  }

  .mini-gallery {
    grid-template-rows: 12vw 12vw 12vw 12vw 12vw;
  }

  .tab-link {
    margin-left: 6px;
    margin-right: 6px;
    padding: 24px 16px;
  }

  .feature-card {
    padding: 5vw;
  }

  .feature-image-medium {
    height: 27vw;
  }

  .hero-video-big {
    height: 70vw;
  }

  .search-result-info {
    padding: 8px 8px 4px 24px;
  }

  .search-result-image {
    width: 30vw;
    height: 22vw;
  }

  .sidebar-faq-links {
    padding: 24px;
  }

  .post-card-heading-big {
    flex: 1;
    font-size: 18px;
    line-height: 24px;
  }

  .layout-name {
    margin-bottom: 24px;
  }

  .info-box {
    margin-left: 8px;
    margin-right: 8px;
  }

  .top-bar-close {
    right: 0;
  }

  .small-message {
    padding-left: 16px;
    padding-right: 16px;
  }

  .home-button {
    width: 32px;
  }

  .nav-buttons {
    grid-column-gap: 12px;
  }

  .footer-v3-links {
    justify-content: flex-end;
    margin-right: -6px;
  }

  .dropdown-header {
    display: none;
  }

  .top-button {
    bottom: 12px;
    right: 12px;
  }

  .sg-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .bg-element-1 {
    border-radius: 8vw;
    width: 48vw;
    height: 48vw;
    left: -27.9vw;
  }

  .bg-element-2 {
    border-radius: 4vw;
    width: 20vw;
    height: 20vw;
    right: -13.9vw;
  }

  .bg-element-4 {
    border-radius: 3vw;
    width: 14vw;
    height: 14vw;
    right: 13.1vw;
  }

  .post-card-icon {
    display: none;
  }

  .search-results-form-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bg-element-3 {
    width: 16vw;
    height: 16vw;
  }

  .testimonials-v1-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-v3 {
    flex-wrap: wrap;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-v2-left, .footer-v2-right {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-form {
    width: 100%;
  }

  .pricing-features-left {
    padding-right: 0;
  }

  .feature-icon-right {
    flex-direction: row-reverse;
    padding-left: 0%;
    padding-right: 4%;
  }

  .feature-info-left {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
  }

  .pricing-features-right {
    padding-left: 0;
  }

  .icon-box {
    width: 48px;
    height: 48px;
  }

  .question-icon {
    width: 20px;
    height: 20px;
  }

  .hero-v2-image {
    margin-top: 0%;
    margin-right: 0%;
  }

  .hero-v5-intro {
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-object-1 {
    width: 13%;
    min-width: 0;
    top: 8%;
    left: 10%;
  }

  .hero-object-2 {
    width: 18%;
    min-width: 0;
    top: 5%;
  }

  .hero-object-3 {
    width: 11%;
    min-width: 0;
    bottom: 23%;
  }

  .hero-object-6 {
    width: 6%;
    min-width: 0;
  }

  .hero-object-5 {
    width: 11%;
    min-width: 0;
    bottom: 9%;
  }

  .hero-object-4 {
    width: 5%;
    min-width: 0;
    bottom: 10%;
  }

  .hero-object-7, .hero-object-8 {
    width: 3%;
    min-width: 0;
  }

  .hero-object-9 {
    width: 3%;
    min-width: 0;
    bottom: 23%;
    left: 17%;
  }

  .hero-slider {
    height: 520px;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    padding-top: 0;
  }

  .hero-v4-nav {
    border-radius: 10px;
    width: 48px;
    height: 20px;
    margin-bottom: 20px;
    font-size: 6px;
  }

  .hero-slide {
    padding: 64px 88px;
  }

  .lines-header {
    margin-left: 8px;
    margin-right: 8px;
  }

  .lines-header.hero-logo-header {
    margin-top: 64px;
  }

  .side-video {
    height: 48vw;
  }

  .sidebar-video-block {
    margin-bottom: 16px;
  }

  .list-dropdown {
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .category-link {
    font-size: 13px;
  }

  .blog-categories-wrapper {
    margin-bottom: 60px;
    padding-left: 8px;
    padding-right: 8px;
    top: -24px;
  }

  .top-message-content {
    padding-left: 0;
    padding-right: 28px;
  }

  .contact-v2 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .contact-v2-map {
    width: auto;
    height: 50vw;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .nav-search-form {
    margin-top: 136px;
  }

  .modal-close-button {
    margin-top: 12px;
    margin-right: 12px;
  }

  .works-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 8px;
    padding-right: 8px;
  }

  .work-card-thumb {
    height: 32vw;
    max-height: none;
  }

  .work-preview {
    border-radius: 12px;
    width: auto;
    max-width: 100%;
    height: 68vw;
    max-height: none;
    margin-bottom: 48px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .sidebar-work-info {
    padding: 24px;
  }

  .post-card-big:hover {
    border-color: var(--grey-4);
    box-shadow: none;
    transform: none;
  }

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

  .post-card-big-image {
    min-height: 32vw;
    max-height: none;
  }

  .changing-text {
    font-size: 40px;
  }

  .hero-intro {
    padding-left: 8px;
    padding-right: 8px;
  }

  .changing-text-box {
    margin-bottom: 12px;
  }

  .intro-buy-promo {
    padding-top: 0;
  }

  .side-nav, .side-nav-tooltip {
    display: none;
  }

  .first-dd-list {
    position: relative;
  }

  .first-dd-list.w--open {
    background-color: #0000;
    padding-left: 20px;
  }

  .nav-container {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding-left: 25px;
    padding-right: 20px;
    display: flex;
  }

  .m-navbar {
    background-color: #0000;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
    display: flex;
  }

  .sm-nav-dd {
    width: 100%;
    display: block;
  }

  .sm-dd-toggle {
    color: #fffc;
    text-transform: capitalize;
    padding: 16px 0;
    display: block;
  }

  .sm-dd-toggle.w--open {
    color: #fff;
    border-bottom-style: none;
    font-weight: 700;
  }

  .sm-dd-toggle.border-bottom {
    border-bottom-color: #f4f5f933;
  }

  .m-desktop-nav {
    display: none;
  }

  .ddi-inner-link {
    color: #ffffffd9;
    text-transform: capitalize;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0;
  }

  .mm-mobile-nav {
    background-color: #282f4b;
    display: block;
  }

  .header {
    z-index: 9999;
    height: auto;
    position: fixed;
    inset: 0% 0% auto;
  }

  .m-nav-header.lg-menu {
    display: none;
  }

  .inner-dd-list.w--open {
    background-color: #0000;
    padding-left: 20px;
    position: relative;
  }

  .sm-logo {
    width: 100px;
  }

  .sm-nav-menu {
    background-color: #282f4b;
    border-top: 1px solid #141a22;
    padding: 30px 25px 60px;
  }

  .sm-nav-toggle {
    color: #fff;
  }

  .sm-nav-toggle.w--open {
    color: #e4bc2d;
    background-color: #0000;
  }

  .carot-icon {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
  }

  h2 {
    font-size: 25px;
  }

  h4 {
    margin-bottom: 8px;
    font-size: 20px;
  }

  .section, .section.top-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.intro-hero {
    margin-top: -60px;
    padding-top: 96px;
    padding-bottom: 80px;
  }

  .section.hero-v1 {
    padding-top: 64px;
  }

  .section.hero-v2 {
    margin-top: -60px;
    padding-top: 96px;
  }

  .button.pricing-cell-button {
    margin-bottom: -8px;
    margin-left: -12px;
    margin-right: -12px;
  }

  .button.nav-button {
    display: none;
  }

  .sg-button-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav-bar {
    height: 60px;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom, .intro.no-margin-bottom {
    margin-bottom: 0;
  }

  .intro.left.sticky {
    position: static;
  }

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

  .footer-link {
    font-size: 13px;
    line-height: 20px;
  }

  .changelog {
    width: 100%;
  }

  .no-padding {
    padding: 0;
  }

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

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

  .pricing-v1-card {
    padding: 32px;
  }

  .pricing-v1-tag {
    font-size: 40px;
    line-height: 48px;
  }

  .tabs-menu-v2 {
    flex-wrap: wrap;
    margin-bottom: 48px;
  }

  .sidebar {
    max-width: 320px;
  }

  .post-card {
    padding: 12px;
  }

  .post-card-content {
    padding: 4px 12px;
  }

  .cta-card {
    padding-left: 12%;
    padding-right: 12%;
  }

  .mini-blocks {
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mini-block {
    box-shadow: 1px 1px 0 0 var(--grey-4);
    width: 50%;
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative;
    overflow: hidden;
  }

  .mini-block.dark {
    box-shadow: 1px 1px #ffffff4d;
  }

  .review-v9 {
    padding: 6px;
  }

  .icon {
    width: 64px;
  }

  .feature {
    width: 100%;
  }

  .footer-v2 {
    padding-left: 16%;
    padding-right: 16%;
  }

  .top-bar {
    min-height: 32px;
  }

  .side-tab {
    text-align: left;
    flex-direction: row;
    align-items: flex-start;
  }

  .post-info {
    box-shadow: none;
    background-color: #0000;
    width: auto;
    max-width: none;
    margin-top: -12px;
    padding: 0 16px;
  }

  .post-heading {
    font-size: 21px;
    line-height: 28px;
  }

  .post-preview-box {
    background-color: var(--white);
    align-items: stretch;
    height: auto;
    max-height: none;
    margin-top: -24px;
    margin-bottom: 32px;
    padding: 16px;
    box-shadow: 0 8px 16px #0000001a;
  }

  .post-rich-text img {
    border-radius: 8px;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }

  .testimonials-v5 {
    margin-top: -8px;
    margin-bottom: -24px;
  }

  .testimonials-v5-slide {
    padding-left: 8%;
    padding-right: 8%;
  }

  .slider-nav {
    font-size: 8px;
  }

  .logotypes {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .logo-link {
    margin: 4px 8px;
  }

  .layouts {
    margin-bottom: 0;
  }

  .post-author-avatar {
    width: 64px;
    height: 64px;
  }

  .post-author-info {
    padding-top: 8px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 20px;
  }

  .big-message {
    padding: 24px;
  }

  .components {
    justify-content: center;
    align-items: center;
  }

  .components-link {
    flex-basis: 40%;
    padding: 20px;
  }

  .faq-block {
    padding-top: 48px;
  }

  .footer-v3-right {
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    padding-left: 0;
  }

  .footer-v3-link {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-v1 {
    padding-left: 12%;
    padding-right: 12%;
  }

  .contact-form {
    padding-top: 16px;
  }

  .pricing-v3-plans {
    position: static;
  }

  .pricing-v3-plans.mobile-sticky {
    display: flex;
    position: sticky;
    top: 0;
  }

  .pricing-v3-plans.bottom {
    border-top: 1px solid var(--grey-4);
    display: flex;
  }

  .pricing-plan-cell {
    width: 33.33%;
  }

  .pricing-plan-cell.no-divider {
    display: none;
  }

  .pricing-v3-currency {
    margin-top: 0;
    margin-left: -11px;
    font-size: 14px;
  }

  .pricing-v3-tag {
    font-size: 24px;
    line-height: 24px;
  }

  .pricing-v3-category-header {
    padding-left: 14px;
    padding-right: 16px;
  }

  .pricing-v3-row {
    flex-wrap: wrap;
  }

  .pricing-v3-row-header {
    border-bottom: 1px solid var(--grey-4);
    width: 100%;
    min-height: 32px;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
  }

  .pricing-v3-cell {
    min-height: 48px;
    font-size: 13px;
  }

  .pricing-cell-icon {
    width: 20px;
  }

  .pricing-v3-plan-name {
    font-size: 13px;
    display: none;
    position: sticky;
  }

  .pricing-v3-plan-mobile {
    margin-top: -10px;
    margin-bottom: -10px;
    font-size: 13px;
    position: sticky;
  }

  .menu-icon {
    margin-left: 2px;
    margin-right: 2px;
  }

  .testimonials-v1-columns {
    grid-template-columns: 1fr;
  }

  .review-v1-top {
    flex-wrap: wrap;
  }

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

  .logo-text {
    font-size: 18px;
    line-height: 24px;
  }

  .testimonials-v2 {
    width: 88vw;
  }

  .slider-button {
    width: 48px;
    height: 48px;
    padding: 10px;
    left: -24px;
  }

  .slider-button.right {
    right: -24px;
  }

  .review-v2-add-link {
    top: 16px;
    right: 16px;
  }

  .review-quote-dark {
    width: 48px;
    height: 48px;
    top: 32px;
    left: 32px;
  }

  .review-quote-dark.right {
    bottom: 32px;
    right: 32px;
  }

  .review-v3-text {
    font-size: 19px;
    line-height: 28px;
  }

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

  .main-grid.margin-bottom {
    margin-bottom: 64px;
  }

  .dots {
    width: 226px;
    height: 71px;
    top: 38%;
  }

  .circle-small {
    width: 15vw;
    top: 17%;
  }

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

  .pricing-v2-wave {
    height: 32px;
  }

  .pricing-v1-background {
    height: 84%;
  }

  .pricing-side-features, .main-questions {
    grid-template-columns: 1fr;
  }

  .sidebar-video {
    height: 216px;
  }

  .accordion-header {
    min-height: 60px;
    padding: 12px 16px;
  }

  .accordion-card {
    margin-bottom: 12px;
  }

  .accordion-text {
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 24px;
  }

  .accordion-heading {
    font-size: 17px;
    line-height: 24px;
  }

  .team-photo {
    height: 39vw;
  }

  .hero-form {
    width: 100%;
  }

  .text-quote {
    font-size: 20px;
    line-height: 28px;
  }

  .accordion-icon {
    width: 20px;
    margin-left: 1px;
    margin-right: 10px;
  }

  .video-1 {
    border-width: 4px;
    border-radius: 12px;
  }

  .mini-gallery {
    grid-template-rows: 14vw 14vw 14vw 14vw 14vw;
  }

  .tab-link {
    padding: 12px;
  }

  .tab-link.fixed-width {
    width: 176px;
  }

  .feature-image-big {
    width: 100%;
  }

  .feature-image-medium {
    height: 25vw;
  }

  .hero-video-big {
    border-width: 6px;
    border-radius: 16px;
  }

  .sidebar-faq-links {
    padding: 20px;
  }

  .layout-name {
    margin-bottom: 16px;
    font-size: 15px;
  }

  .text-2-cols {
    column-count: 1;
  }

  .testimonials-v3-nav {
    height: 40px;
  }

  .footer-v3-links {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 0;
  }

  .top-button {
    display: none;
  }

  .bg-element-4 {
    border-radius: 4vw;
    width: 16vw;
    height: 16vw;
  }

  .page-intro {
    padding-left: 8px;
    padding-right: 8px;
  }

  .subscribe {
    width: 100%;
  }

  .footer-v3-left {
    justify-content: center;
    margin-bottom: 20px;
  }

  .footer-bottom-left {
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px;
  }

  .footer-bottom-right {
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
  }

  .footer-v1-form {
    width: 100%;
  }

  .testimonials-v1-grid {
    grid-template-columns: 1fr;
  }

  .footer-v3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-form, .hero-v4-form {
    width: 100%;
  }

  .tab-icon-top {
    width: 48px;
    margin-bottom: 8px;
  }

  .hero-v5-form {
    width: 70%;
  }

  .hero-object-1 {
    width: 15%;
    top: 8%;
    left: 8%;
  }

  .hero-object-2 {
    width: 22%;
    top: 4%;
    right: 4%;
  }

  .hero-object-3 {
    bottom: 14%;
  }

  .hero-object-6 {
    width: 7%;
  }

  .hero-object-4 {
    width: 6%;
    bottom: 10%;
  }

  .hero-object-7, .hero-object-8 {
    width: 4%;
  }

  .hero-object-9 {
    width: 4%;
    bottom: 20%;
    left: 19%;
  }

  .hero-slider {
    height: 480px;
  }

  .hero-v4-nav {
    margin-bottom: 16px;
  }

  .hero-slide {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .side-video {
    border-width: 4px;
    border-radius: 12px;
  }

  .blog-categories-wrapper {
    margin-bottom: 36px;
  }

  .top-message-content {
    font-size: 11px;
    line-height: 16px;
  }

  .contact-v2-map {
    margin-bottom: 32px;
  }

  .faq-block-heading {
    margin-bottom: -16px;
  }

  .nav-search-button {
    width: 40px;
    height: 40px;
  }

  .nav-search-form {
    margin-top: 104px;
  }

  .modal-close-button {
    width: 36px;
    height: 36px;
  }

  .work-card-thumb {
    height: 30vw;
  }

  .bottom-block {
    margin-top: 48px;
  }

  .post-image {
    border-radius: 10px;
    width: 100%;
    height: 52vw;
    position: static;
  }

  .work-preview {
    background-color: var(--white);
    align-items: stretch;
    max-height: none;
    margin-top: -24px;
    margin-bottom: 32px;
    padding: 16px;
    box-shadow: 0 8px 16px #0000001a;
  }

  .sidebar-work-info {
    padding: 20px;
  }

  .work-rich-text img {
    border-radius: 8px;
  }

  .post-card-big {
    padding: 12px;
  }

  .top-post-wrapper {
    padding-bottom: 24px;
  }

  .post-card-big-image {
    min-height: 33vw;
  }

  .post-card-big-content {
    padding-left: 24px;
    padding-right: 12px;
  }

  .post-card-big-heading {
    flex: 1;
    font-size: 21px;
    font-weight: 500;
    line-height: 28px;
  }

  .post-card-big-description {
    display: none;
  }

  .post-badge {
    margin-top: 12px;
    margin-left: 12px;
  }

  .review-quote-white {
    width: 48px;
    height: 48px;
    top: 32px;
    left: 32px;
  }

  .review-quote-white.right {
    bottom: 32px;
    right: 32px;
  }

  .changing-text {
    font-size: 32px;
  }

  .intro-hero-heading {
    z-index: 2;
    position: relative;
  }

  .changing-text-box {
    margin-top: -4px;
  }

  .promo-layout, .promo-layout-side {
    border-radius: 4px;
  }
}

@media screen and (max-width: 479px) {
  .button.small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button.side-margins {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .button.pricing-cell-button {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .utility-page-content {
    width: 100%;
  }

  .no-margin {
    margin: 0;
  }

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

  .intro.no-margin-bottom {
    width: 100%;
    margin-bottom: 0;
  }

  .intro.wide {
    max-width: 100%;
  }

  .nav-menu {
    width: 100%;
  }

  .no-padding {
    padding: 0;
  }

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

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

  .sidebar {
    max-width: none;
  }

  .input {
    min-width: 0;
  }

  .post-card-image-big {
    height: 58vw;
  }

  .post-card-author {
    margin-left: 0;
    padding-left: 0;
  }

  .post-card-image {
    height: 58vw;
  }

  .nav-dropdown-icon {
    margin-right: 18px;
  }

  .nav-dropdown-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sg-color {
    height: 40vw;
  }

  .cta-card-info {
    align-items: stretch;
  }

  .inline-elements {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .mini-blocks {
    flex-direction: column;
    width: 100%;
  }

  .mini-block {
    box-shadow: 0 1px 0 0 var(--grey-4);
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .icon {
    width: 72px;
  }

  .pricing-v2-card {
    padding-bottom: 40px;
  }

  .pricing-v2-card-info {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature {
    padding-left: 4%;
    padding-right: 4%;
  }

  .footer-v2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .side-tabs {
    padding-left: 0;
    padding-right: 0;
  }

  .side-tab {
    padding: 16px;
  }

  .message {
    text-align: center;
    flex-direction: column;
  }

  .message-text {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }

  .testimonials-v5 {
    padding-bottom: 56px;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-v5-slide {
    padding-left: 0%;
    padding-right: 0%;
  }

  .feature-icon-left {
    padding-right: 0;
  }

  .info-right {
    padding-left: 20px;
  }

  .logotypes {
    flex-wrap: wrap;
    justify-content: center;
  }

  .logo-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .layouts {
    grid-template-columns: 1fr;
  }

  .big-message {
    text-align: center;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .big-message-text {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .licence-item {
    flex-direction: column;
    padding-top: 48px;
  }

  .licence-item-info {
    text-align: center;
    margin-top: 8px;
    padding-left: 0;
  }

  .components-link {
    flex: 0 auto;
    width: 100%;
  }

  .password-card {
    padding: 40px;
  }

  .search-result {
    flex-wrap: wrap;
  }

  .contact-v1 {
    flex-direction: column;
    padding: 40px 8%;
  }

  .pricing-v3 {
    border-radius: 0;
    margin-left: -8px;
    margin-right: -8px;
  }

  .pricing-plan-cell {
    flex-direction: column;
    align-items: stretch;
    padding: 16px 8px;
    display: flex;
  }

  .pricing-v3-billing {
    flex: 1;
  }

  .pricing-v3-currency {
    margin-left: -10px;
    margin-right: 2px;
  }

  .pricing-v3-row-header {
    padding-left: 12px;
    padding-right: 12px;
  }

  .testimonials-v1-columns {
    grid-template-columns: 1fr;
  }

  .review-v1-rating {
    width: 100%;
    padding-left: 61px;
  }

  .testimonials-v2 {
    height: 520px;
  }

  .slider-button {
    display: none;
  }

  .review-v2 {
    padding-bottom: 32px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .review-v2-text {
    font-size: 15px;
    line-height: 25px;
  }

  .review-v2-add-link {
    justify-content: center;
    width: 36px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .review-v2-icon {
    margin-right: 0;
  }

  .testimonials-v3 {
    border-radius: 12px;
  }

  .review-quote-dark {
    width: 40px;
    height: 40px;
    top: 24px;
    left: 24px;
  }

  .review-quote-dark.right {
    bottom: 24px;
    right: 24px;
  }

  .review-v3 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .main-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .dots {
    width: 160px;
    height: 82px;
    bottom: -12%;
  }

  .circle-small {
    width: 17vw;
    top: 22%;
    right: 6%;
  }

  ._2-buttons {
    grid-template-columns: auto;
    justify-items: center;
    width: 100%;
  }

  .footer-top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .footer-brand {
    margin-bottom: 32px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .decor-bottom {
    bottom: -1px;
  }

  .pricing-v1-background {
    height: 83%;
  }

  .pricing-side-features, .main-questions {
    grid-template-columns: 1fr;
  }

  .posts-2-cols, .posts-3-cols {
    grid-template-columns: 100%;
  }

  .tab-info-right {
    padding-left: 16px;
  }

  .sidebar-video {
    height: 60vw;
  }

  .team-photo {
    height: 80vw;
  }

  .team-cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .person, .person-info, .question-v1 {
    padding-right: 0;
  }

  .post-slider {
    width: 100%;
  }

  .post-slide {
    width: 100%;
    padding-right: 16px;
  }

  .video-1 {
    height: 64vw;
  }

  .mini-gallery {
    grid-template-rows: 30vw;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 30vw;
  }

  .tab-link {
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 8px;
    margin-right: 8px;
    padding: 12px 16px;
  }

  .tab-link.fixed-width {
    width: auto;
  }

  .tabs-horisontal {
    border-bottom-style: none;
    display: block;
  }

  .feature-card {
    padding: 10vw;
  }

  .feature-image-medium {
    width: 100%;
    height: auto;
  }

  .hero-v4-bg {
    height: 81%;
  }

  .search-result-info {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .search-result-image {
    flex: 0 auto;
    width: 100%;
    height: 60vw;
  }

  .testimonials-v3-nav {
    margin-bottom: 12px;
    display: block;
  }

  .testimonials-v2-nav {
    margin-bottom: 20px;
  }

  .nav-buttons {
    justify-items: center;
    width: 100%;
  }

  .sg-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .bg-element-1 {
    bottom: 8vh;
  }

  .bg-element-2 {
    border-radius: 6vw;
    width: 28vw;
    height: 28vw;
    top: 14.2vh;
    right: -16vw;
  }

  .small-bg-element-3 {
    width: 35vw;
    height: 35vw;
  }

  .bg-element-4 {
    border-radius: 6vw;
    width: 24vw;
    height: 24vw;
  }

  .big-form-icon {
    display: none;
  }

  .small-bg-element-1 {
    width: 52vw;
    height: 52vw;
  }

  .small-bg-element-2 {
    width: 30vw;
    height: 30vw;
  }

  .bg-element-3 {
    width: 30vw;
    height: 30vw;
    left: 24%;
  }

  .review-v2-add-text {
    display: none;
  }

  .feature-icon-right {
    padding-right: 0;
  }

  .feature-info-left {
    padding-left: 20px;
  }

  .tab-icon-top {
    width: 48px;
    margin-bottom: 0;
    margin-right: 12px;
  }

  .hero-v5-form {
    width: 100%;
  }

  .hero-object-1 {
    width: 21%;
    top: 8%;
  }

  .hero-object-2 {
    width: 32%;
    top: 3%;
    right: 5%;
  }

  .hero-object-3 {
    width: 14%;
    bottom: 10%;
    left: 3%;
  }

  .hero-object-6 {
    width: 9%;
    bottom: 14%;
  }

  .hero-object-5 {
    width: 18%;
    bottom: 7%;
  }

  .hero-object-4 {
    width: 8%;
    bottom: 9%;
    left: 33%;
  }

  .hero-object-7 {
    width: 5%;
    top: 4%;
    right: 54%;
  }

  .hero-object-8 {
    width: 5%;
    top: 8%;
    right: 46%;
  }

  .hero-object-9 {
    width: 5%;
    bottom: 15%;
    left: 24%;
  }

  .hero-slider {
    height: 560px;
  }

  .hero-slide {
    padding-left: 8px;
    padding-right: 8px;
  }

  .slider-arrow {
    display: none;
  }

  .sidebar-card-icon {
    width: 72px;
  }

  .side-video {
    height: 64vw;
  }

  .list-dropdown {
    flex-flow: column;
    justify-content: flex-start;
    height: auto;
    overflow: hidden;
  }

  .list-dropdown-heading {
    color: #574b8a;
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 12px;
    display: flex;
    position: relative;
  }

  .list-dropdown-arrow {
    width: 20px;
    margin-bottom: -1px;
    margin-left: 4px;
    margin-right: -8px;
  }

  .category-link {
    box-shadow: none;
    text-align: center;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 48px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0 20px;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    display: flex;
  }

  .category-link.w--current {
    box-shadow: none;
  }

  .categories {
    flex-direction: column;
  }

  .contact-v2-map {
    height: 80vw;
    margin-bottom: 32px;
  }

  .works-grid {
    grid-template-columns: 1fr;
  }

  .work-card-thumb, .post-image {
    height: 60vw;
  }

  .post-card-big {
    flex-direction: column;
  }

  .post-card-big-image {
    width: 100%;
    height: 58vw;
    min-height: 0;
  }

  .post-card-big-content {
    padding: 4px 12px;
  }

  .review-quote-white {
    width: 40px;
    height: 40px;
    top: 24px;
    left: 24px;
  }

  .review-quote-white.right {
    bottom: 24px;
    right: 24px;
  }

  .changing-text-box {
    padding-left: 0;
    padding-right: 0;
  }

  .promo-layout {
    width: 54%;
    margin-bottom: -18%;
  }

  .promo-layout-side {
    left: 1%;
  }

  .promo-layout-side.right {
    right: 1%;
  }

  .nav-container {
    padding-left: 20px;
  }

  .brand-2 {
    padding-left: 0;
  }

  .sm-nav-toggle {
    margin-right: -18px;
  }
}

#w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f4896-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f489d-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48a4-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48ae-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48b8-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48bf-c01d34db {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2c5d3970-3afc-1510-cc9a-40adab73d8b5-c01d34db {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_43f5a451-063c-585a-92df-7190b37a7811-c01d34db {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-e6db089f-36b5-feeb-de89-01afacb53e6b-c01d34db {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-f6404e87-b7f9-e167-00f1-9cac2dba1e09-251d3504 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_1f1d125a-d01b-7410-9598-eb77fd44e901-d1822f9d {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_4cccd955-1110-6266-a922-4b5ac4677b9d-d1822f9d, #w-node-_63f85f00-be05-c081-0d96-9fc6d1822fb9-d1822f9d, #w-node-ecf6cc58-22d3-8ae1-4b7e-213b09e4b74f-d1822f9d, #w-node-_63f85f00-be05-c081-0d96-9fc6d1822fc6-d1822f9d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7901208a-7799-8dd0-0aed-81f88b308563-b32f4091 {
  grid-area: Area;
}

#w-node-_37d87412-4fda-33dd-f85e-27e2393cdd93-2a1d3518 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center start;
}

#w-node-_37d87412-4fda-33dd-f85e-27e2393cdd9f-2a1d3518 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: stretch;
}

#w-node-_37d87412-4fda-33dd-f85e-27e2393cddce-2a1d3518 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_608dea95-7bc2-69f2-aa96-508fe615a397-2a1d3518 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-a97166c0-9c1d-fe26-7fca-914ef08c6033-ec1d352b, #w-node-_19066cec-f9d4-553f-2edf-ebe1e0072792-581d353e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cc10b544-9340-fc1a-3ce0-1570071c8d31-671d3564 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-ff9a0151-48d6-aca2-11c5-74009c19121f-d01d3577, #w-node-ff9a0151-48d6-aca2-11c5-74009c19124e-d01d3577, #w-node-ff9a0151-48d6-aca2-11c5-74009c191282-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: stretch;
}

#w-node-f14ef521-8202-31ab-e5d2-cacf3537bea4-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center start;
}

#w-node-f6a99c4d-f5c9-e546-db5f-012203033c6a-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center;
}

#w-node-_39d48801-17d1-4d3a-1bad-a1dcabe59481-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center start;
}

#w-node-_6b8423b8-1207-dc28-1cb9-c725edfd5d6b-d01d3577 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  align-self: center;
}

#w-node-_8a40f9bf-9065-73a5-d81f-2990cc62a933-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a5d-d01d3577 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  align-self: center;
}

#w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a88-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_61469818-e7f1-8f28-9837-bb68a52e3d51-d01d3577, #w-node-b1b985e4-b7d1-c749-62b8-827d23cc582d-d01d3577, #w-node-_470e49be-2b22-e83c-76f8-cacd71d6edd8-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: stretch;
}

#w-node-_80021e0a-ad58-5238-1430-f78fcd5b4bd6-d01d3577 {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-_956c12ab-76a8-47fb-f780-ac9977623268-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center start;
}

#w-node-_84121c1a-d41d-2943-85a8-f4dd01c58de4-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-d57e12ea-93a8-3b79-5b94-90c6e57f768f-d01d3577 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_28df6004-54c7-6975-c355-1f26634777c3-dc1d3582 {
  grid-area: 1 / 3 / 2 / 11;
  align-self: center;
}

#w-node-bd31027d-7304-fca6-2f6d-bfc43ae1be4c-dc1d3582 {
  grid-area: 2 / 2 / 3 / 12;
}

#w-node-_5db9c68a-778f-8343-e789-c3c552ae7205-dc1d3582, #w-node-_5db9c68a-778f-8343-e789-c3c552ae720d-dc1d3582, #w-node-_5db9c68a-778f-8343-e789-c3c552ae7215-dc1d3582 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6afb3839-a63d-5692-9e9b-6d2a01844ce6-dc1d3582 {
  grid-area: 1 / 7 / 2 / 13;
  place-self: center;
}

#w-node-_6afb3839-a63d-5692-9e9b-6d2a01844ce7-dc1d3582 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-ceec7b92-9fbc-bd65-327b-4f9e49ab8239-dc1d3582 {
  grid-area: 1 / 8 / 2 / 13;
}

#w-node-ceec7b92-9fbc-bd65-327b-4f9e49ab824f-dc1d3582 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508400f-dc1d3582 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508403a-dc1d3582 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb5084065-dc1d3582 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508408f-dc1d3582 {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-_7bea1fea-78a6-ccbf-a6d8-c9f8c0a3de5d-dc1d3582 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-dfd48c73-bf4c-e428-76ea-5c46b0814352-dc1d3582 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-aef07e7b-f75e-5d96-a38f-9df3b1b179e6-dc1d3582, #w-node-aef07e7b-f75e-5d96-a38f-9df3b1b179ea-dc1d3582 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aef07e7b-f75e-5d96-a38f-9df3b1b179ee-dc1d3582 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_0378ad83-516d-f598-fdc7-3b445917fe72-dc1d3582 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ed4652a9-599b-9b3b-f5c5-0eafd0acfb80-a11d3583, #w-node-_1dbc26e9-d4d3-1c11-eeab-daf26eabd374-a11d3583 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-b9d4e890-325e-5015-436c-1bedff42e0d5-a11d3583, #w-node-_74452e8e-a7a1-30a4-a474-5c490c37e084-a11d3583, #w-node-_56084885-8d15-98cb-162f-841d5e0451ac-a11d3583 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a64-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a6e-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a78-a11d3583, #w-node-f8adfb03-a8e4-3f91-f682-9e8ea07e7fda-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcc5-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcd0-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcdb-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fce6-a11d3583 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c3b32333-27b5-f8bc-850f-3c7cd95e56b4-a11d3583, #w-node-deb572c1-87c8-85f5-cdbe-ff3f5814a6d5-a11d3583, #w-node-_9af6e2b1-26fb-626c-48a5-1f3e551f00e8-a11d3583, #w-node-_01841f9d-503c-efbc-abb8-04ec0115d046-a11d3583, #w-node-_4d4e8739-00b5-cecd-304e-3eeb09eafa16-a11d3583, #w-node-b5b08318-978e-56d7-f0d6-cb491f9d2b00-a11d3583, #w-node-a8ba8feb-dc9e-8634-f4bc-d8d1ef917f3c-a11d3583, #w-node-_06c85145-c8a9-0ff3-b229-1eb520ae4633-a11d3583, #w-node-_2af7634f-7839-35d9-8b8f-3bd7838005cb-a11d3583, #w-node-_721d133d-a30a-44ad-356b-37962db6ac91-a11d3583, #w-node-_3adb5583-e7ee-9af5-1bd0-4172f37659f8-a11d3583, #w-node-_33b62014-f0d2-beab-4ccb-0c27fd0a28fd-a11d3583, #w-node-_1980476d-e972-57d6-0288-6b153f686701-a11d3583, #w-node-_0efec2aa-dc6a-5a5b-5989-d6363ee7fd9a-a11d3583, #w-node-_38082cff-37e3-6efc-6511-0fd83c17f993-a11d3583 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-bdc693aa-93d6-f004-b043-32061db55d6a-951d3585 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-bdc693aa-93d6-f004-b043-32061db55d0c-951d3585, #w-node-a5655f81-cb83-b4aa-6ba8-6fe80a405d6d-791d3587, #w-node-_1fccab7b-adf7-8cb5-cade-4ac8d7ba73a9-f71d3588 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_329e29cc-c490-587b-1819-52344b31618e-9d1d358c {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_329e29cc-c490-587b-1819-52344b3161b9-9d1d358c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_329e29cc-c490-587b-1819-52344b3161e4-9d1d358c {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d403-9d1d358c {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: center;
}

#w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d40b-9d1d358c {
  grid-area: 1 / 6 / 2 / 13;
  align-self: center;
}

#w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543035-d81d358d {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543038-d81d358d {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-dd3c9cec-0d77-0720-dc84-d32c33b9534f-d81d358d {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-c5d9ae3f-9f13-fe2c-a62f-e8e209321e50-d81d358d, #w-node-c5d9ae3f-9f13-fe2c-a62f-e8e209321e5a-d81d358d, #w-node-f117815a-aa00-1d77-5995-2c89eeaf7152-d81d358d, #w-node-cf55d12b-1f72-be21-75ed-d6047c77bcad-d81d358d {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_078de49d-f311-e015-247c-76967aff5c0a-6d1d358f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1f4012ad-7685-7aa9-f213-5e295f62a1ec-c21d3591 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6c57f267-f52c-a6a4-18ab-cf8762f5f61a-c21d3591, #w-node-_77ae6bed-d3c5-7d7e-39c0-4f88780101b5-c21d3591 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-b59585cf-d9f4-876c-88c2-5c2f98c04b2e-c21d3591 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_8af3b004-aacd-e336-98a8-40008fbcb3e1-c21d3591 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-f2cdf1b3-065d-102d-8a60-5c6b346190d4-c21d3591 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e2-c21d3591 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e3-c21d3591 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e8-c21d3591 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-f2cdf1b3-065d-102d-8a60-5c6b346190ed-c21d3591 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-f2cdf1b3-065d-102d-8a60-5c6b346190f2-c21d3591 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_3824b2e1-1378-71a7-bcce-6a116c0040c1-6b1d3593, #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040c8-6b1d3593, #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040cf-6b1d3593 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_672d7ae7-4d32-db91-e519-3f9c16390b7f-6b1d3593 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-c1520dc5-165f-5c00-550c-37384a5acca5-6b1d3593 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: start center;
}

#w-node-c1520dc5-165f-5c00-550c-37384a5acca6-6b1d3593 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: start;
}

#w-node-afebdb96-2fd3-a5fb-f04e-250c715523f4-6b1d3593 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-afebdb96-2fd3-a5fb-f04e-250c715523fd-6b1d3593 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_559d3b84-d83e-0a99-791d-de821f68999d-6b1d3593 {
  place-self: stretch stretch;
}

#w-node-_202afff7-f5d6-90c1-254f-4b315077b160-6b1d3593 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0ea-6b1d3593 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0f8-6b1d3593, #w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0fc-6b1d3593 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf100-6b1d3593 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_288bcd71-5654-3b5d-c119-d933f2cb910a-461d3594 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-bce69323-1e34-c95c-0281-5bf16e6767ae-461d3594, #w-node-bce69323-1e34-c95c-0281-5bf16e6767b1-461d3594, #w-node-bce69323-1e34-c95c-0281-5bf16e6767b4-461d3594 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_20f12d6c-e14b-cde1-1603-59016d411964-461d3594 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_20f12d6c-e14b-cde1-1603-59016d411985-461d3594, #w-node-_20f12d6c-e14b-cde1-1603-59016d41198d-461d3594, #w-node-db9250f8-3cc0-011d-511c-da2a58487b9c-461d3594, #w-node-_01837008-85b7-c6f2-78d6-b66eb7c001bd-461d3594, #w-node-_39686f7b-6f49-a886-ebd5-ae3f6f774d52-461d3594, #w-node-_20f12d6c-e14b-cde1-1603-59016d411989-461d3594, #w-node-_20f12d6c-e14b-cde1-1603-59016d411993-461d3594 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c0f5c994-4338-0b86-c4f1-519a00f204ca-461d3594, #w-node-dc4c9ad4-59f9-f8ba-3c06-c3caccb18f25-461d3594 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-b73301ea-a807-e88c-1cb3-b0587d1660fd-461d3594 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9f703eb6-e1ee-4823-a348-1bacc85f0f1a-071d3595 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_09c223b0-6aec-419f-a4ad-e7b131e08f7b-f91d3596 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_91c5e20f-6a72-8699-87b8-8ffb655d9fe8-f91d3596 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-_60552766-87a4-1a2f-4172-a49ecfc9712c-f91d3596 {
  grid-area: 1 / 7 / 2 / 13;
  place-self: center;
}

#w-node-_60552766-87a4-1a2f-4172-a49ecfc9712d-f91d3596 {
  grid-area: 1 / 2 / 2 / 7;
  align-self: center;
}

#w-node-_88133647-95c3-a031-ea51-1a933f19c02a-f91d3596 {
  grid-area: 1 / 7 / 2 / 13;
  place-self: center;
}

#w-node-_88133647-95c3-a031-ea51-1a933f19c02b-f91d3596 {
  grid-area: 1 / 2 / 2 / 7;
  align-self: center;
}

#w-node-_4ef9677b-398f-780d-5bdc-a6da7e00b46a-f91d3596 {
  grid-area: 1 / 7 / 2 / 13;
  place-self: center;
}

#w-node-_4ef9677b-398f-780d-5bdc-a6da7e00b46b-f91d3596 {
  grid-area: 1 / 2 / 2 / 7;
  align-self: center;
}

#w-node-_572118a2-08be-d15b-f1a2-437b85288333-f91d3596 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_572118a2-08be-d15b-f1a2-437b85288334-f91d3596 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-_829dde23-ffa4-6aa1-0c3b-02208a9b47df-f91d3596 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_5c343027-683e-3c23-2cc2-27ae2ed93081-f91d3596 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  align-self: center;
}

#w-node-_5c343027-683e-3c23-2cc2-27ae2ed930ac-f91d3596 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2395fdb3-6e6a-ee0f-e7fd-85590059ebc9-f91d3596 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_53f7b15d-8486-532d-d988-021f7c6a3785-f91d3596 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: center;
}

#w-node-_53f7b15d-8486-532d-d988-021f7c6a378c-f91d3596 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_522f2796-9e15-a488-7944-aa5c2b11f18c-e81d3597 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-cd2429f6-a537-31bc-5451-f93e84b942bf-b71d3598 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-cd2429f6-a537-31bc-5451-f93e84b942ee-b71d3598, #w-node-cd2429f6-a537-31bc-5451-f93e84b94326-b71d3598 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8a68-b71d3598, #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8a97-b71d3598, #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8acf-b71d3598 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: stretch;
}

#w-node-_3123a81a-7eab-afc5-dfc9-86a520635348-b71d3598 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_3123a81a-7eab-afc5-dfc9-86a520635350-b71d3598 {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-d0d3bf36-e56e-f538-344b-80a0c94f3946-a81d3599 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: center;
}

#w-node-d0d3bf36-e56e-f538-344b-80a0c94f3945-a81d3599 {
  grid-area: 1 / 6 / 2 / 13;
  place-self: center;
}

#w-node-_125dd2d4-5457-6e06-47c3-846f592d2f14-a81d3599 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_125dd2d4-5457-6e06-47c3-846f592d2f15-a81d3599 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-d0d3bf36-e56e-f538-344b-80a0c94f397b-a81d3599 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_4497b501-ab0f-e779-875b-a45b79e8e2b0-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2ba-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2c4-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2ce-a81d3599 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc4b-a81d3599 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc76-a81d3599 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecca1-a81d3599 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecccb-a81d3599 {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-f876738c-291d-3b7a-9626-8ee706ced456-a81d3599 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-f876738c-291d-3b7a-9626-8ee706ced45e-a81d3599 {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-_8936da31-b6dd-22d9-41ea-7a686570e7a6-a81d3599 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center start;
}

#w-node-c1e89564-71cb-3ab7-66ed-8f4edcc973c3-a81d3599 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_2bb0f701-5da1-0e4a-1593-201ee3e1331d-901d359b {
  grid-area: 1 / 7 / 2 / 13;
  place-self: center;
}

#w-node-_2bb0f701-5da1-0e4a-1593-201ee3e13312-901d359b {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-_082cfa76-3721-6fb8-c823-38f338404556-901d359b {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_9f074c0c-05b3-0994-40a0-462c1822d5a7-901d359b {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-_084c64bf-3a97-b3e4-f8b7-39c7306f92f1-901d359b {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_084c64bf-3a97-b3e4-f8b7-39c7306f92e6-901d359b {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-c3ae8ef8-50d8-2964-2a20-f5aaa98ae2ba-901d359b {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-c3ae8ef8-50d8-2964-2a20-f5aaa98ae2cb-901d359b {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_8adcd3c8-670d-c56f-cefc-ea7d7f7ed036-901d359b {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-dbcbce68-c064-4463-1e1e-a025cbcc9f7e-901d359b {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-d1b9e7af-13cf-79c0-1677-b1edb7a11695-901d359b {
  grid-area: 1 / 8 / 2 / 13;
}

#w-node-d1b9e7af-13cf-79c0-1677-b1edb7a116ae-901d359b {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-af144072-d688-b3df-22a7-696dbe0faa2e-901d359b {
  grid-area: 1 / 7 / 2 / 13;
  place-self: start center;
}

#w-node-af144072-d688-b3df-22a7-696dbe0faa2f-901d359b {
  grid-area: 1 / 1 / 2 / 6;
  align-self: start;
}

#w-node-_0d99bf52-e498-23a4-e946-30316dde9365-3f1d359f, #w-node-_0d99bf52-e498-23a4-e946-30316dde9389-3f1d359f, #w-node-_0d99bf52-e498-23a4-e946-30316dde93ad-3f1d359f {
  align-self: start;
}

#w-node-_3ba849be-beff-6b05-1659-d4f59fae1bcb-3f1d359f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: center;
}

#w-node-_73cd63ed-c7a4-acd6-a609-e038c290baa3-3f1d359f {
  grid-area: 1 / 6 / 2 / 13;
  align-self: center;
}

#w-node-_0b8a9aaf-9a30-ac16-f78e-f7673bb3a689-3f1d359f {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-e627c50c-5348-4c26-b066-d7a9aa2f823e-671d35a0, #w-node-e627c50c-5348-4c26-b066-d7a9aa2f8242-671d35a0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e627c50c-5348-4c26-b066-d7a9aa2f8246-671d35a0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-e627c50c-5348-4c26-b066-d7a9aa2f824e-671d35a0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_6498b807-201f-a9ca-4f10-02e55d7d80b1-c21d35a1 {
  place-self: stretch stretch;
}

#w-node-c9bd6fd5-4e01-28c4-e6dc-0291122521f9-e61d35a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3dc99884-20a1-f24b-7397-9616c7c810a1-e61d35a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_8d6635f3-a354-2ae0-a7ca-28d21aaca41a-e61d35a2, #w-node-_036dc93e-b33b-92db-c38a-6b27f3e57832-6f1d35a3 {
  place-self: stretch stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_2c5d3970-3afc-1510-cc9a-40adab73d8b5-c01d34db {
    grid-area: 1 / 2 / 2 / 8;
    align-self: center;
  }

  #w-node-_43f5a451-063c-585a-92df-7190b37a7811-c01d34db {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-e6db089f-36b5-feeb-de89-01afacb53e6b-c01d34db {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-f6404e87-b7f9-e167-00f1-9cac2dba1e09-251d3504 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_1f1d125a-d01b-7410-9598-eb77fd44e901-d1822f9d {
    grid-column: span 8 / span 8;
  }

  #w-node-_4cccd955-1110-6266-a922-4b5ac4677b9d-d1822f9d, #w-node-_63f85f00-be05-c081-0d96-9fc6d1822fb9-d1822f9d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_63f85f00-be05-c081-0d96-9fc6d1822fc6-d1822f9d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_37d87412-4fda-33dd-f85e-27e2393cdd93-2a1d3518 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center start;
  }

  #w-node-_608dea95-7bc2-69f2-aa96-508fe615a397-2a1d3518 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-e2cdc039-5e3c-e9d9-f8a7-82b56be3447f-ec1d352b, #w-node-_167e257b-ed41-e367-3cdc-f0068bda4fd4-581d353e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cc10b544-9340-fc1a-3ce0-1570071c8d31-671d3564 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-ff9a0151-48d6-aca2-11c5-74009c191282-d01d3577 {
    grid-area: 2 / 3 / 3 / 7;
  }

  #w-node-f14ef521-8202-31ab-e5d2-cacf3537bea4-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center start;
  }

  #w-node-f6a99c4d-f5c9-e546-db5f-012203033c6a-d01d3577, #w-node-_8a40f9bf-9065-73a5-d81f-2990cc62a933-d01d3577, #w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a88-d01d3577 {
    grid-area: 1 / 3 / 2 / 7;
  }

  #w-node-b1b985e4-b7d1-c749-62b8-827d23cc582d-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_470e49be-2b22-e83c-76f8-cacd71d6edd8-d01d3577 {
    grid-area: 2 / 3 / 3 / 7;
    align-self: start;
  }

  #w-node-_80021e0a-ad58-5238-1430-f78fcd5b4bd6-d01d3577 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_956c12ab-76a8-47fb-f780-ac9977623268-d01d3577 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center start;
  }

  #w-node-_28df6004-54c7-6975-c355-1f26634777c3-dc1d3582 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: center;
  }

  #w-node-bd31027d-7304-fca6-2f6d-bfc43ae1be4c-dc1d3582 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_6afb3839-a63d-5692-9e9b-6d2a01844ce6-dc1d3582 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_6afb3839-a63d-5692-9e9b-6d2a01844ce7-dc1d3582 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-ceec7b92-9fbc-bd65-327b-4f9e49ab8239-dc1d3582 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-ceec7b92-9fbc-bd65-327b-4f9e49ab824f-dc1d3582 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508403a-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb5084065-dc1d3582 {
    grid-area: 2 / 3 / 3 / 7;
    align-self: start;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508408f-dc1d3582 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_7bea1fea-78a6-ccbf-a6d8-c9f8c0a3de5d-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-dfd48c73-bf4c-e428-76ea-5c46b0814352-dc1d3582 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_0378ad83-516d-f598-fdc7-3b445917fe72-dc1d3582 {
    grid-column: span 8 / span 8;
  }

  #w-node-ed4652a9-599b-9b3b-f5c5-0eafd0acfb80-a11d3583, #w-node-_1dbc26e9-d4d3-1c11-eeab-daf26eabd374-a11d3583, #w-node-b9d4e890-325e-5015-436c-1bedff42e0d5-a11d3583, #w-node-_74452e8e-a7a1-30a4-a474-5c490c37e084-a11d3583, #w-node-_56084885-8d15-98cb-162f-841d5e0451ac-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a64-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a6e-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a78-a11d3583, #w-node-f8adfb03-a8e4-3f91-f682-9e8ea07e7fda-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcc5-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcd0-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcdb-a11d3583, #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fce6-a11d3583 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-bdc693aa-93d6-f004-b043-32061db55d6a-951d3585 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-a5655f81-cb83-b4aa-6ba8-6fe80a405d86-791d3587, #w-node-_1fccab7b-adf7-8cb5-cade-4ac8d7ba73c2-f71d3588 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b3161b9-9d1d358c {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b3161e4-9d1d358c {
    grid-area: 2 / 3 / 3 / 7;
    align-self: start;
  }

  #w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d403-9d1d358c {
    grid-area: 1 / 2 / 2 / 6;
    align-self: center;
  }

  #w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d40b-9d1d358c {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543035-d81d358d {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543038-d81d358d {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-c5d9ae3f-9f13-fe2c-a62f-e8e209321e50-d81d358d, #w-node-c5d9ae3f-9f13-fe2c-a62f-e8e209321e5a-d81d358d, #w-node-f117815a-aa00-1d77-5995-2c89eeaf7152-d81d358d, #w-node-cf55d12b-1f72-be21-75ed-d6047c77bcad-d81d358d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_078de49d-f311-e015-247c-76967aff5c23-6d1d358f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1f4012ad-7685-7aa9-f213-5e295f62a1ec-c21d3591 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_77ae6bed-d3c5-7d7e-39c0-4f88780101b5-c21d3591 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-b59585cf-d9f4-876c-88c2-5c2f98c04b2e-c21d3591 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_8af3b004-aacd-e336-98a8-40008fbcb3e1-c21d3591 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190d4-c21d3591 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: center;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e2-c21d3591 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_672d7ae7-4d32-db91-e519-3f9c16390b7f-6b1d3593 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-c1520dc5-165f-5c00-550c-37384a5acca5-6b1d3593 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-c1520dc5-165f-5c00-550c-37384a5acca6-6b1d3593 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-afebdb96-2fd3-a5fb-f04e-250c715523f4-6b1d3593 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: center;
  }

  #w-node-afebdb96-2fd3-a5fb-f04e-250c715523fd-6b1d3593 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_202afff7-f5d6-90c1-254f-4b315077b160-6b1d3593 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0ea-6b1d3593 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_288bcd71-5654-3b5d-c119-d933f2cb910a-461d3594 {
    grid-column: span 8 / span 8;
  }

  #w-node-bce69323-1e34-c95c-0281-5bf16e6767ae-461d3594, #w-node-bce69323-1e34-c95c-0281-5bf16e6767b1-461d3594, #w-node-bce69323-1e34-c95c-0281-5bf16e6767b4-461d3594 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_20f12d6c-e14b-cde1-1603-59016d411964-461d3594, #w-node-c0f5c994-4338-0b86-c4f1-519a00f204ca-461d3594 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-dc4c9ad4-59f9-f8ba-3c06-c3caccb18f25-461d3594 {
    grid-column: span 8 / span 8;
  }

  #w-node-_9f703eb6-e1ee-4823-a348-1bacc85f0f1a-071d3595 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_09c223b0-6aec-419f-a4ad-e7b131e08f7b-f91d3596 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_91c5e20f-6a72-8699-87b8-8ffb655d9fe8-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: center;
  }

  #w-node-_60552766-87a4-1a2f-4172-a49ecfc9712c-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_60552766-87a4-1a2f-4172-a49ecfc9712d-f91d3596 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_88133647-95c3-a031-ea51-1a933f19c02a-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_88133647-95c3-a031-ea51-1a933f19c02b-f91d3596 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_4ef9677b-398f-780d-5bdc-a6da7e00b46a-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_4ef9677b-398f-780d-5bdc-a6da7e00b46b-f91d3596 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_572118a2-08be-d15b-f1a2-437b85288333-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_572118a2-08be-d15b-f1a2-437b85288334-f91d3596 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_829dde23-ffa4-6aa1-0c3b-02208a9b47df-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_5c343027-683e-3c23-2cc2-27ae2ed930ac-f91d3596 {
    grid-area: 1 / 3 / 2 / 7;
  }

  #w-node-_2395fdb3-6e6a-ee0f-e7fd-85590059ebc9-f91d3596 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_53f7b15d-8486-532d-d988-021f7c6a3785-f91d3596 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_522f2796-9e15-a488-7944-aa5c2b11f18c-e81d3597 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cd2429f6-a537-31bc-5451-f93e84b94326-b71d3598, #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8acf-b71d3598 {
    grid-area: 2 / 3 / 3 / 7;
  }

  #w-node-_3123a81a-7eab-afc5-dfc9-86a520635348-b71d3598 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
  }

  #w-node-_3123a81a-7eab-afc5-dfc9-86a520635350-b71d3598 {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f3946-a81d3599 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f3945-a81d3599, #w-node-_125dd2d4-5457-6e06-47c3-846f592d2f14-a81d3599 {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_125dd2d4-5457-6e06-47c3-846f592d2f15-a81d3599 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f397b-a81d3599 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2b0-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2ba-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2c4-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2ce-a81d3599, #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc76-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecca1-a81d3599 {
    grid-area: 2 / 3 / 3 / 7;
    align-self: start;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecccb-a81d3599 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-f876738c-291d-3b7a-9626-8ee706ced456-a81d3599 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
  }

  #w-node-f876738c-291d-3b7a-9626-8ee706ced45e-a81d3599 {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-_8936da31-b6dd-22d9-41ea-7a686570e7a6-a81d3599 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: start;
  }

  #w-node-c1e89564-71cb-3ab7-66ed-8f4edcc973c3-a81d3599 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_2bb0f701-5da1-0e4a-1593-201ee3e1331d-901d359b {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_2bb0f701-5da1-0e4a-1593-201ee3e13312-901d359b {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_082cfa76-3721-6fb8-c823-38f338404556-901d359b {
    grid-area: span 1 / span 8 / span 1 / span 8;
    place-self: center;
  }

  #w-node-_9f074c0c-05b3-0994-40a0-462c1822d5a7-901d359b {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_084c64bf-3a97-b3e4-f8b7-39c7306f92f1-901d359b {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-_084c64bf-3a97-b3e4-f8b7-39c7306f92e6-901d359b {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-c3ae8ef8-50d8-2964-2a20-f5aaa98ae2ba-901d359b {
    grid-area: 1 / 2 / 2 / 8;
    align-self: center;
  }

  #w-node-c3ae8ef8-50d8-2964-2a20-f5aaa98ae2cb-901d359b {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_8adcd3c8-670d-c56f-cefc-ea7d7f7ed036-901d359b {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-dbcbce68-c064-4463-1e1e-a025cbcc9f7e-901d359b {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-d1b9e7af-13cf-79c0-1677-b1edb7a11695-901d359b {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-d1b9e7af-13cf-79c0-1677-b1edb7a116ae-901d359b {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-af144072-d688-b3df-22a7-696dbe0faa2e-901d359b {
    grid-area: 1 / 2 / 2 / 8;
    place-self: center;
  }

  #w-node-af144072-d688-b3df-22a7-696dbe0faa2f-901d359b {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_3ba849be-beff-6b05-1659-d4f59fae1bcb-3f1d359f {
    grid-area: 1 / 2 / 2 / 6;
    align-self: center;
  }

  #w-node-_73cd63ed-c7a4-acd6-a609-e038c290baa3-3f1d359f {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-e627c50c-5348-4c26-b066-d7a9aa2f824e-671d35a0 {
    grid-column: span 8 / span 8;
  }

  #w-node-_3dc99884-20a1-f24b-7397-9616c7c810a1-e61d35a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f4896-c01d34db {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f489d-c01d34db {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48a4-c01d34db {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48ae-c01d34db {
    grid-area: 4 / 2 / 5 / 8;
  }

  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48b8-c01d34db {
    grid-area: 5 / 2 / 6 / 8;
  }

  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48bf-c01d34db {
    grid-area: 6 / 2 / 7 / 8;
  }

  #w-node-_37d87412-4fda-33dd-f85e-27e2393cdd9f-2a1d3518 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: start;
  }

  #w-node-_37d87412-4fda-33dd-f85e-27e2393cddce-2a1d3518 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-cc10b544-9340-fc1a-3ce0-1570071c8d31-671d3564 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-ff9a0151-48d6-aca2-11c5-74009c19121f-d01d3577 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-ff9a0151-48d6-aca2-11c5-74009c19124e-d01d3577 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-ff9a0151-48d6-aca2-11c5-74009c191282-d01d3577 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-f14ef521-8202-31ab-e5d2-cacf3537bea4-d01d3577 {
    grid-area: 2 / 2 / 3 / 8;
    place-self: center start;
  }

  #w-node-f6a99c4d-f5c9-e546-db5f-012203033c6a-d01d3577 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_39d48801-17d1-4d3a-1bad-a1dcabe59481-d01d3577 {
    grid-area: 3 / 2 / 4 / 8;
    place-self: center start;
  }

  #w-node-_6b8423b8-1207-dc28-1cb9-c725edfd5d6b-d01d3577 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_8a40f9bf-9065-73a5-d81f-2990cc62a933-d01d3577 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a5d-d01d3577 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a88-d01d3577 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_61469818-e7f1-8f28-9837-bb68a52e3d51-d01d3577 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-b1b985e4-b7d1-c749-62b8-827d23cc582d-d01d3577 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_470e49be-2b22-e83c-76f8-cacd71d6edd8-d01d3577 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: start;
  }

  #w-node-_80021e0a-ad58-5238-1430-f78fcd5b4bd6-d01d3577 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_84121c1a-d41d-2943-85a8-f4dd01c58de4-d01d3577 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: start;
  }

  #w-node-d57e12ea-93a8-3b79-5b94-90c6e57f768f-d01d3577 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-ceec7b92-9fbc-bd65-327b-4f9e49ab8239-dc1d3582 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508400f-dc1d3582 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508403a-dc1d3582 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb5084065-dc1d3582 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: start;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508408f-dc1d3582 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_7bea1fea-78a6-ccbf-a6d8-c9f8c0a3de5d-dc1d3582 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: start;
  }

  #w-node-aef07e7b-f75e-5d96-a38f-9df3b1b179de-dc1d3582, #w-node-aef07e7b-f75e-5d96-a38f-9df3b1b179e2-dc1d3582 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ed4652a9-599b-9b3b-f5c5-0eafd0acfb80-a11d3583, #w-node-_1dbc26e9-d4d3-1c11-eeab-daf26eabd374-a11d3583 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-b9d4e890-325e-5015-436c-1bedff42e0d5-a11d3583, #w-node-_74452e8e-a7a1-30a4-a474-5c490c37e084-a11d3583, #w-node-_56084885-8d15-98cb-162f-841d5e0451ac-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a64-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a6e-a11d3583, #w-node-_9781476f-ac1f-6957-5922-c9eee0ea3a78-a11d3583, #w-node-f8adfb03-a8e4-3f91-f682-9e8ea07e7fda-a11d3583 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-bdc693aa-93d6-f004-b043-32061db55d6a-951d3585 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b31618e-9d1d358c {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b3161b9-9d1d358c {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b3161e4-9d1d358c {
    grid-area: 2 / 2 / 3 / 8;
    align-self: start;
  }

  #w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d403-9d1d358c {
    grid-area: 1 / 2 / 2 / 7;
    align-self: center;
  }

  #w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543035-d81d358d, #w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543038-d81d358d, #w-node-c5d9ae3f-9f13-fe2c-a62f-e8e209321e50-d81d358d, #w-node-c5d9ae3f-9f13-fe2c-a62f-e8e209321e5a-d81d358d, #w-node-f117815a-aa00-1d77-5995-2c89eeaf7152-d81d358d, #w-node-cf55d12b-1f72-be21-75ed-d6047c77bcad-d81d358d, #w-node-b59585cf-d9f4-876c-88c2-5c2f98c04b2e-c21d3591, #w-node-_8af3b004-aacd-e336-98a8-40008fbcb3e1-c21d3591 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e2-c21d3591 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040c1-6b1d3593 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040c8-6b1d3593 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040cf-6b1d3593 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_672d7ae7-4d32-db91-e519-3f9c16390b7f-6b1d3593 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0f0-6b1d3593, #w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0f4-6b1d3593 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c343027-683e-3c23-2cc2-27ae2ed93081-f91d3596 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_5c343027-683e-3c23-2cc2-27ae2ed930ac-f91d3596 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cd2429f6-a537-31bc-5451-f93e84b942bf-b71d3598 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-cd2429f6-a537-31bc-5451-f93e84b942ee-b71d3598 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-cd2429f6-a537-31bc-5451-f93e84b94326-b71d3598 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8a68-b71d3598 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8a97-b71d3598 {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8acf-b71d3598 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-_3123a81a-7eab-afc5-dfc9-86a520635348-b71d3598 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: start;
  }

  #w-node-_3123a81a-7eab-afc5-dfc9-86a520635350-b71d3598 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f397b-a81d3599 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc4b-a81d3599 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc76-a81d3599 {
    grid-area: 3 / 2 / 4 / 8;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecca1-a81d3599 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: start;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecccb-a81d3599 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-f876738c-291d-3b7a-9626-8ee706ced456-a81d3599 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: start;
  }

  #w-node-f876738c-291d-3b7a-9626-8ee706ced45e-a81d3599 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_8936da31-b6dd-22d9-41ea-7a686570e7a6-a81d3599 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    place-self: start;
  }

  #w-node-_082cfa76-3721-6fb8-c823-38f338404556-901d359b {
    grid-area: span 1 / span 8 / span 1 / span 8;
    place-self: center;
  }

  #w-node-_8adcd3c8-670d-c56f-cefc-ea7d7f7ed036-901d359b, #w-node-d1b9e7af-13cf-79c0-1677-b1edb7a11695-901d359b {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_3ba849be-beff-6b05-1659-d4f59fae1bcb-3f1d359f {
    grid-area: 1 / 2 / 2 / 7;
    align-self: center;
  }

  #w-node-e627c50c-5348-4c26-b066-d7a9aa2f8236-671d35a0, #w-node-e627c50c-5348-4c26-b066-d7a9aa2f823a-671d35a0, #w-node-_3dc99884-20a1-f24b-7397-9616c7c810a1-e61d35a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f4896-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f489d-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48a4-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48ae-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48b8-c01d34db, #w-node-bbb674e0-84ec-7c77-4f8c-32dcec7f48bf-c01d34db, #w-node-_2c5d3970-3afc-1510-cc9a-40adab73d8b5-c01d34db, #w-node-_43f5a451-063c-585a-92df-7190b37a7811-c01d34db, #w-node-e6db089f-36b5-feeb-de89-01afacb53e6b-c01d34db {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_1f1d125a-d01b-7410-9598-eb77fd44e901-d1822f9d {
    grid-column: span 4 / span 4;
  }

  #w-node-_4cccd955-1110-6266-a922-4b5ac4677b9d-d1822f9d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ecf6cc58-22d3-8ae1-4b7e-213b09e4b74f-d1822f9d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_37d87412-4fda-33dd-f85e-27e2393cdd93-2a1d3518 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center start;
  }

  #w-node-_37d87412-4fda-33dd-f85e-27e2393cdd9f-2a1d3518 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-_37d87412-4fda-33dd-f85e-27e2393cddce-2a1d3518 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_608dea95-7bc2-69f2-aa96-508fe615a397-2a1d3518 {
    grid-column: span 4 / span 4;
  }

  #w-node-_19066cec-f9d4-553f-2edf-ebe1e0072792-581d353e, #w-node-_167e257b-ed41-e367-3cdc-f0068bda4fd4-581d353e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_73bd75e6-ef71-8334-4caf-364f79fc7b5d-581d353e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cc10b544-9340-fc1a-3ce0-1570071c8d31-671d3564 {
    grid-column: span 4 / span 4;
  }

  #w-node-ff9a0151-48d6-aca2-11c5-74009c19121f-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-ff9a0151-48d6-aca2-11c5-74009c19124e-d01d3577, #w-node-ff9a0151-48d6-aca2-11c5-74009c191282-d01d3577, #w-node-f14ef521-8202-31ab-e5d2-cacf3537bea4-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-f6a99c4d-f5c9-e546-db5f-012203033c6a-d01d3577 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_39d48801-17d1-4d3a-1bad-a1dcabe59481-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_6b8423b8-1207-dc28-1cb9-c725edfd5d6b-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_8a40f9bf-9065-73a5-d81f-2990cc62a933-d01d3577 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a5d-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-ffcd286d-e20e-a8d4-8ccd-98a0d0005a88-d01d3577 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_61469818-e7f1-8f28-9837-bb68a52e3d51-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-b1b985e4-b7d1-c749-62b8-827d23cc582d-d01d3577, #w-node-_470e49be-2b22-e83c-76f8-cacd71d6edd8-d01d3577, #w-node-_80021e0a-ad58-5238-1430-f78fcd5b4bd6-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_956c12ab-76a8-47fb-f780-ac9977623268-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center start;
  }

  #w-node-_84121c1a-d41d-2943-85a8-f4dd01c58de4-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-d57e12ea-93a8-3b79-5b94-90c6e57f768f-d01d3577 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_28df6004-54c7-6975-c355-1f26634777c3-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-bd31027d-7304-fca6-2f6d-bfc43ae1be4c-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_6afb3839-a63d-5692-9e9b-6d2a01844ce6-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6afb3839-a63d-5692-9e9b-6d2a01844ce7-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508400f-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508403a-dc1d3582, #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb5084065-dc1d3582, #w-node-_1a10b7a9-8ff6-5bd5-3dd9-a6cfb508408f-dc1d3582 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7bea1fea-78a6-ccbf-a6d8-c9f8c0a3de5d-dc1d3582, #w-node-dfd48c73-bf4c-e428-76ea-5c46b0814352-dc1d3582 {
    grid-column: span 4 / span 4;
  }

  #w-node-_5aa33da9-be52-40f0-627d-0b5f5ed7fcc5-a11d3583 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-bdc693aa-93d6-f004-b043-32061db55d6a-951d3585, #w-node-bdc693aa-93d6-f004-b043-32061db55d0c-951d3585 {
    grid-column: span 2 / span 2;
  }

  #w-node-_6bfe1745-8e6a-adf4-8d11-3d8189ffc7e9-0a1d3586 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b31618e-9d1d358c {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-_329e29cc-c490-587b-1819-52344b3161b9-9d1d358c, #w-node-_329e29cc-c490-587b-1819-52344b3161e4-9d1d358c, #w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d403-9d1d358c {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5bdbfc94-c4d7-268c-c315-1b8c7471d40b-9d1d358c {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543035-d81d358d, #w-node-_4bcc923a-1c20-9dcb-ce7c-05d22e543038-d81d358d {
    grid-column: span 4 / span 4;
  }

  #w-node-_6c57f267-f52c-a6a4-18ab-cf8762f5f61a-c21d3591, #w-node-_77ae6bed-d3c5-7d7e-39c0-4f88780101b5-c21d3591 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b59585cf-d9f4-876c-88c2-5c2f98c04b2e-c21d3591, #w-node-_8af3b004-aacd-e336-98a8-40008fbcb3e1-c21d3591 {
    grid-column: span 4 / span 4;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190d4-c21d3591 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e2-c21d3591 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e3-c21d3591 {
    grid-area: span 3 / span 2 / span 3 / span 2;
  }

  #w-node-f2cdf1b3-065d-102d-8a60-5c6b346190e8-c21d3591 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-a55b857c-c48d-5a35-5d70-ff2f30d8d04b-c21d3591 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040c1-6b1d3593, #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040c8-6b1d3593, #w-node-_3824b2e1-1378-71a7-bcce-6a116c0040cf-6b1d3593 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-c1520dc5-165f-5c00-550c-37384a5acca5-6b1d3593 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-c1520dc5-165f-5c00-550c-37384a5acca6-6b1d3593, #w-node-afebdb96-2fd3-a5fb-f04e-250c715523f4-6b1d3593 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-afebdb96-2fd3-a5fb-f04e-250c715523fd-6b1d3593 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7ecef8fe-278e-11ba-3c02-05c9130975d5-6b1d3593, #w-node-_7ecef8fe-278e-11ba-3c02-05c9130975d7-6b1d3593 {
    justify-self: stretch;
  }

  #w-node-ecd2b6fc-1cb2-792c-bbea-7af596faf0ea-6b1d3593, #w-node-_288bcd71-5654-3b5d-c119-d933f2cb910a-461d3594, #w-node-_20f12d6c-e14b-cde1-1603-59016d411964-461d3594, #w-node-c0f5c994-4338-0b86-c4f1-519a00f204ca-461d3594, #w-node-dc4c9ad4-59f9-f8ba-3c06-c3caccb18f25-461d3594 {
    grid-column: span 4 / span 4;
  }

  #w-node-_09c223b0-6aec-419f-a4ad-e7b131e08f7b-f91d3596 {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_91c5e20f-6a72-8699-87b8-8ffb655d9fe8-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_60552766-87a4-1a2f-4172-a49ecfc9712c-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_60552766-87a4-1a2f-4172-a49ecfc9712d-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_88133647-95c3-a031-ea51-1a933f19c02a-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_88133647-95c3-a031-ea51-1a933f19c02b-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_4ef9677b-398f-780d-5bdc-a6da7e00b46a-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_4ef9677b-398f-780d-5bdc-a6da7e00b46b-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_572118a2-08be-d15b-f1a2-437b85288333-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_572118a2-08be-d15b-f1a2-437b85288334-f91d3596 {
    grid-area: 2 / 1 / 3 / 5;
    align-self: center;
  }

  #w-node-_829dde23-ffa4-6aa1-0c3b-02208a9b47df-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5c343027-683e-3c23-2cc2-27ae2ed93081-f91d3596 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_5c343027-683e-3c23-2cc2-27ae2ed930ac-f91d3596 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_2395fdb3-6e6a-ee0f-e7fd-85590059ebc9-f91d3596, #w-node-_53f7b15d-8486-532d-d988-021f7c6a3785-f91d3596, #w-node-_53f7b15d-8486-532d-d988-021f7c6a378c-f91d3596, #w-node-_522f2796-9e15-a488-7944-aa5c2b11f18c-e81d3597 {
    grid-column: span 4 / span 4;
  }

  #w-node-cd2429f6-a537-31bc-5451-f93e84b942bf-b71d3598 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-cd2429f6-a537-31bc-5451-f93e84b942ee-b71d3598, #w-node-cd2429f6-a537-31bc-5451-f93e84b94326-b71d3598 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8a68-b71d3598 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8a97-b71d3598, #w-node-_1fd2bb33-bb96-6104-4b99-77cca4ed8acf-b71d3598 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3123a81a-7eab-afc5-dfc9-86a520635348-b71d3598, #w-node-_3123a81a-7eab-afc5-dfc9-86a520635350-b71d3598 {
    grid-column: span 4 / span 4;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f3946-a81d3599 {
    grid-area: 2 / 1 / 3 / 5;
    align-self: center;
  }

  #w-node-_1d6378f9-aa40-7ce4-681d-abc3b20bc01e-a81d3599, #w-node-d7353658-1cad-55e7-39c5-10519644f850-a81d3599 {
    justify-self: stretch;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f3945-a81d3599, #w-node-_125dd2d4-5457-6e06-47c3-846f592d2f14-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_125dd2d4-5457-6e06-47c3-846f592d2f15-a81d3599 {
    grid-area: 2 / 1 / 3 / 5;
    align-self: center;
  }

  #w-node-d0d3bf36-e56e-f538-344b-80a0c94f397b-a81d3599, #w-node-_4497b501-ab0f-e779-875b-a45b79e8e2b0-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc4b-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecc76-a81d3599, #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecca1-a81d3599, #w-node-fe7597fe-e3d4-b5da-3006-14bbe78ecccb-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-f876738c-291d-3b7a-9626-8ee706ced456-a81d3599, #w-node-f876738c-291d-3b7a-9626-8ee706ced45e-a81d3599 {
    grid-column: span 4 / span 4;
  }

  #w-node-_8936da31-b6dd-22d9-41ea-7a686570e7a6-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: start;
  }

  #w-node-c1e89564-71cb-3ab7-66ed-8f4edcc973c3-a81d3599 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2bb0f701-5da1-0e4a-1593-201ee3e1331d-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_2bb0f701-5da1-0e4a-1593-201ee3e13312-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_082cfa76-3721-6fb8-c823-38f338404556-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_9f074c0c-05b3-0994-40a0-462c1822d5a7-901d359b {
    grid-area: 2 / 1 / 3 / 5;
    align-self: center;
  }

  #w-node-_084c64bf-3a97-b3e4-f8b7-39c7306f92f1-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_084c64bf-3a97-b3e4-f8b7-39c7306f92e6-901d359b {
    grid-area: 2 / 1 / 3 / 5;
    align-self: center;
  }

  #w-node-c3ae8ef8-50d8-2964-2a20-f5aaa98ae2ba-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-c3ae8ef8-50d8-2964-2a20-f5aaa98ae2cb-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-af144072-d688-b3df-22a7-696dbe0faa2e-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-af144072-d688-b3df-22a7-696dbe0faa2f-901d359b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_3ba849be-beff-6b05-1659-d4f59fae1bcb-3f1d359f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_73cd63ed-c7a4-acd6-a609-e038c290baa3-3f1d359f {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_3dc99884-20a1-f24b-7397-9616c7c810a1-e61d35a2 {
    grid-column: span 2 / span 2;
  }
}