:root {
  --front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>: Generalsans;
  --color--black-900: #020617;
  --front--text-font: Manrope, sans-serif;
  --color--white-300: #e1e3ec;
  --text-color: #26313f;
  --color--white: white;
  --front--heading-roboto: Recoleta, Arial, sans-serif;
  --333: #f6f7f9;
  --blue-primary: #0261fe;
  --color--grey-600: #b3bac6;
  --color--blue: #0061fe;
  --color--light-orange: #ffdcd4;
  --color--grey-700: #424b59;
  --color--light-pink: #ffd4ff;
  --color--light-aqua: #d4fffa;
  --color--light-purple: #efd4ff;
  --color--light-blue: #f6f8ff;
  --color--light-green: #ddffd4;
  --color--green: #c1fc78;
  --color--red: #ef0707;
  --blue-light: #dbeafe;
  --color--white-smoke: whitesmoke;
  --color--black: black;
  --front--text-font-epilogue: Epilogue, sans-serif;
  --card-color: #f8f8f8;
  --color--grey-800: #26313f;
  --color--blue-200: #bfdbfe;
  --color--blue-50: #eff6ff;
  --color--purple-200: #b8b8ff;
  --color--purple-50: #f0f0ff;
  --color--pink-200: #fab8ff;
  --front--heading-font: Sora, Arial, sans-serif;
  --color--pink-50: #fcf2fe;
  --light-blue: var(--color--light-blue);
  --color--extra-light-pink: #f5e9fc;
  --color--blue-400: #07297b;
  --section-1: #eff0ff;
  --section-2: #ffeded;
  --section-5: #e9f6e4;
  --color--blue-100: #dbeafe;
  --color--blue-800: #071543;
  --color--yellow-200: #fd9;
  --color--yellow-50: #fffae6;
  --color--lime-200: #dbeb7a;
  --color--lime-50: #f8fbe7;
  --color--teal-200: #8bf0ba;
  --color--teal-50: #e6f9ee;
  --color--turquoise-200: #51e0cd;
  --color--turquoise-50: #def6f3;
  --color--pink-100: #fde5ff;
  --color--purple-100: #e1e1fa;
  --color--yellow-100: #fff3c2;
  --color--turquoise-100: #b1f0e7;
  --color--teal-100: #c4f5db;
  --color--lime-100: #eff5ce;
  --color--violet-50: #f8f0ff;
  --color--violet-100: #ecdcfa;
  --color--grey-200: #c4cccc;
  --color--grey-100: #001f1f14;
  --color--grey-400: #889494;
  --section-3: #e3f3ff;
  --section-4: #f8edfb;
  --color--transparent: #001f1f00;
  --color--grey-light: #f2f3fa;
  --color--grey-50: #003d3d0a;
  --color--lime-400: #b3cc18;
  --color--lime-800: #7b8f00;
  --color--teal-400: #33b88c;
  --color--teal-800: #046645;
  --color--pink-400: #e063c7;
  --color--pink-800: #b8337a;
  --color--red-50: #fceff1;
  --color--red-100: #ffe0e2;
  --color--red-200: #ffbdc1;
  --color--red-400: #f55861;
  --color--red-800: #b8252f;
  --color--purple-400: #7070ff;
  --color--purple-800: #4533b8;
  --color--turquoise-400: #00a3a3;
  --color--turquoise-800: #066;
  --color--violet-200: #d9adff;
  --color--violet-400: #ad67eb;
  --color--violet-800: #652ea3;
  --color--green-50: #eafce9;
  --color--green-100: #cdface;
  --color--green-200: #a9eba9;
  --color--green-400: #6bb85f;
  --color--green-800: #366625;
  --color--yellow-400: #ffc247;
  --color--yellow-800: #cc8418;
  --color--orange: #ff8e00;
  --color--drak-blue: #006483;
  --color--radius-xsmall: .2rem;
  --color--radius-small: .4rem;
  --color--radius-medium: .8rem;
  --color--radius-large: 1.2rem;
  --color--radius-xlarge: 1.6rem;
  --color--margin-xsmall: .4rem;
  --color--margin-small: .8rem;
  --color--margin-medium: 1.2rem;
  --color--margin-large: 1.6rem;
  --color--margin-xlarge: 3.2rem;
  --color--padding-xsmall: .2rem;
  --color--padding-small: .4rem;
  --color--padding-medium: .8rem;
  --color--padding-large: 1.2rem;
  --color--padding-xlarge: 1.6rem;
}

h1 {
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.875rem;
  font-weight: 600;
  line-height: 4.375rem;
}

h2 {
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.5rem;
}

h3 {
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
}

h4 {
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}

h5 {
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

h6 {
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.625rem;
}

p {
  font-family: var(--front--text-font);
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul {
  grid-row-gap: 1.5rem;
  font-family: var(--front--text-font);
  color: var(--color--black-900);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 1.875rem;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 1.5rem 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

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

.padding-global {
  width: 100%;
  padding: 2rem .5rem 4rem;
}

.text-size-medium {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--text-color);
  letter-spacing: .2px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-size-medium.text-color-white {
  opacity: 1;
  font-family: var(--front--text-font);
  color: var(--color--white);
}

.text-size-medium.text-color-white.font-medium {
  font-weight: 600;
}

.text-size-medium.text-color-white.size-sm {
  font-size: 1rem;
  font-weight: 500;
}

.padding-section-medium.padding-bottom-large {
  padding-bottom: 5rem;
}

.padding-section-large {
  padding-top: 3.2rem;
}

.padding-section-large.padding-bottom-medium {
  padding-top: 5rem;
  padding-bottom: 3.75rem;
}

.padding-section-large.padding-top-medium {
  padding-top: 6.25rem;
}

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

.padding-bottom {
  width: 100%;
  padding: 0;
}

.padding-bottom.padding-top-xxlarge {
  padding-top: 6.25rem;
}

.padding-bottom.padding-large {
  padding-bottom: 3.75rem;
}

.padding-bottom.padding-xxsmall {
  padding-bottom: 1.25rem;
}

.padding-bottom.padding-small {
  padding-bottom: 1.875rem;
  display: block;
}

.padding-bottom.padding-medium {
  z-index: 2;
  padding-bottom: 2.5rem;
  position: relative;
}

.padding-bottom.xsmall {
  padding-bottom: 1.5rem;
}

.padding-bottom.padding-small {
  padding-bottom: 1.875rem;
}

.padding-bottom.padding-xxxsmall {
  padding-bottom: .8rem;
}

.heading-style-h5 {
  font-family: var(--front--heading-roboto);
  color: var(--color--black-900);
  text-align: center;
  letter-spacing: .2px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}

.heading-style-h5.text-color-natura-white {
  color: var(--color--white-300);
  line-height: 2rem;
}

.heading-style-h5.text-color-white {
  color: var(--color--white);
}

.heading-style-h5.color-primary {
  color: var(--blue-primary);
}

.heading-style-h5.size-lg {
  font-size: 1.4rem;
}

.heading-style-h5.color-white {
  color: var(--color--white);
  font-size: 1.4rem;
}

.heading-style-h5.align-left {
  text-align: left;
}

.heading-style-h6 {
  font-family: var(--front--heading-roboto);
  font-size: 1rem;
  font-weight: 500;
}

.heading-style-h6.text-color-white-300 {
  color: var(--color--white-300);
}

.heading-style-h6.size-sm {
  font-size: 1.1rem;
}

.heading-style-h6.text-color-white {
  color: var(--color--white);
}

.heading-style-h6.text-color-white.issmall {
  font-size: .875rem;
  font-weight: 400;
  line-height: 140%;
}

.heading-style-h6.color-blue {
  font-family: var(--front--heading-roboto);
  color: var(--blue-primary);
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 500;
}

.button {
  border: 2px solid var(--blue-primary);
  background-color: var(--color--blue);
  box-shadow: none;
  font-family: var(--front--text-font);
  color: var(--color--white);
  border-radius: 2rem;
  align-self: center;
  margin-bottom: 0;
  margin-left: 0;
  padding: .8125rem 1.5625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  transition: background-color .3s;
  display: flex;
}

.button:hover {
  border-color: var(--color--white);
  background-color: var(--color--black-900);
  box-shadow: none;
}

.button.secondary {
  background-color: var(--333);
  font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
  color: var(--color--black-900);
  transition: color .3s, background-color .3s;
  box-shadow: inset 0 3px 4px #ffffff26, inset 0 -2px 4px #11182426;
}

.button.secondary:hover {
  background-color: var(--color--black-900);
  color: var(--color--white);
}

.button.is-third {
  border-color: var(--color--black-900);
  background-color: var(--color--black-900);
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.is-third:hover {
  border-color: var(--blue-primary);
  background-color: var(--color--blue);
}

.button.align-center {
  flex-direction: column;
}

.button.is-secondary {
  border: 2px solid var(--blue-primary);
  background-color: var(--333);
  color: var(--blue-primary);
  transition: color .3s, background-color .3s;
  display: block;
}

.button.is-secondary:hover {
  border-color: var(--blue-primary);
  background-color: var(--blue-light);
  box-shadow: none;
  color: var(--blue-primary);
}

.button.is-secondary.learn-more {
  display: block;
}

.button.is-secondary.is-hidden {
  display: none;
}

.button.issmall {
  background-color: var(--color--white);
  color: var(--color--black-900);
  margin-top: 20px;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
}

.container-large {
  width: 100%;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

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

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

.margin-bottom.margin-large {
  margin-bottom: 2.25rem;
}

.margin-bottom.margin-xsmall {
  margin-bottom: .625rem;
}

.text-size-small {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--text-color);
  text-align: center;
  letter-spacing: .2px;
  padding-left: 0;
  padding-right: 0;
  font-size: .9rem;
  font-weight: 400;
  line-height: 150%;
}

.text-size-small.text-color-gray {
  color: var(--color--grey-700);
}

.text-size-small.text-color-black {
  color: var(--color--black-900);
  border-radius: .625rem;
  min-width: 1.125rem;
  height: 1.125rem;
  margin-left: 0;
}

.text-size-small.color-dark {
  color: var(--color--black);
  font-weight: 500;
}

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

.text-size-small.text-color-white {
  color: var(--color--white-smoke);
}

.heading-style-h2 {
  font-family: var(--front--heading-roboto);
  text-transform: none;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .2s cubic-bezier(.86, 0, .07, 1);
}

.heading-style-h2.text-color-white {
  color: var(--color--white);
}

.heading-style-h2.text-color-white.font-medium {
  font-weight: 500;
}

.text-size-regular {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--color--black-900);
  letter-spacing: .3px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.text-size-regular.text-color-black {
  color: #100f0d;
}

.text-size-regular.text-color-black-dark {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--text-color);
  letter-spacing: .2px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-size-regular.text-color-white {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--color--white);
  text-align: left;
  letter-spacing: .2px;
  line-height: 150%;
}

.text-size-regular.text-color-white.font-medium {
  font-weight: 500;
}

.differentsation-content-wrapper {
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.differentsation-grid {
  grid-column-gap: 2.8rem;
  grid-row-gap: 2.8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-bottom: 2rem;
  display: grid;
}

.card-icon {
  width: 35px;
}

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

.section-blog {
  z-index: 2;
  background-color: var(--color--white);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-top: -40px;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.section-blog.in-blog {
  background-color: var(--color--white);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-top: -40px;
  padding-bottom: 4rem;
  box-shadow: 0 0 48px #e7ebef;
}

.blog-top-content {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  max-width: 43.75rem;
  display: flex;
}

.blog-top-content.in-blog {
  border: 1px none var(--color--white-300);
  background-color: var(--color--white);
  border-radius: .625rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
}

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

.blog-collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2.6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
}

.blog-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-bottom: 10px;
  transition: all .5s ease-in-out;
}

.blog-image:hover {
  transform: scale(1.03);
}

.blog-card-content-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: .5rem 1rem .25rem;
  display: block;
}

.blog-author-details {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.blog-author-details.in-blog-details {
  border-radius: .375rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.footer-newsletter-input {
  border: 1px solid var(--color--grey-700);
  background-color: var(--color--grey-800);
  color: var(--color--white);
  border-radius: .3125rem;
  height: 2.875rem;
  padding: .6875rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.footer-newsletter-input::placeholder {
  color: #838d95;
}

.footer-link {
  font-family: var(--front--text-font);
  color: var(--color--grey-600);
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: var(--blue-primary);
}

.footer-link.w--current {
  color: var(--color--blue);
}

.footer-social-link-wrapper {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-icon {
  cursor: pointer;
  transition: transform .4s;
}

.social-icon:hover {
  transform: scale(1.1);
}

.fotter-botton-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-divider {
  background-color: var(--color--grey-700);
  width: 100%;
  height: 1px;
}

.footer-link-list {
  grid-row-gap: .6rem;
  flex-direction: column;
  display: flex;
}

.footer-left-content {
  width: 20.6875rem;
}

.section-footer {
  z-index: 2;
  background-color: var(--color--black-900);
  position: relative;
}

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

.footer-logo-content.w--current {
  align-self: center;
}

.footer-bottom-wrapper {
  grid-column-gap: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-grid {
  grid-column-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.footer-newsletter-content {
  flex-direction: column;
  display: flex;
}

.footer-newsletter-from-block {
  margin-bottom: 0;
}

.footer-newsletter-from {
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link-list-wrapper {
  margin-bottom: 40px;
}

.section-blog-details {
  z-index: 2;
  background-color: var(--color--white);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding-top: 8rem;
  position: relative;
}

.blog-details-component {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.blog-wrapper-middle {
  width: 100%;
  margin-right: auto;
}

.blog-details-rich-text-block {
  margin-top: 40px;
}

.blog-details-rich-text-block p {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--color--black);
  letter-spacing: .2px;
  padding-bottom: .5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
}

.blog-details-rich-text-block h5 {
  font-family: var(--front--heading-roboto);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 120%;
}

.blog-details-rich-text-block ul {
  grid-row-gap: 0rem;
  flex-direction: column;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 1rem;
  display: flex;
}

.blog-details-rich-text-block li {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--color--black);
  padding-bottom: .25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.blog-details-rich-text-block blockquote {
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  border-color: var(--color--white-300) var(--color--white-300) var(--color--white-300) var(--blue-primary);
  background-color: var(--color--white);
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--color--black-900);
  letter-spacing: .2px;
  border-radius: .4rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
}

.blog-details-rich-text-block h1 {
  font-family: var(--front--heading-roboto);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 120%;
}

.blog-details-rich-text-block h2 {
  font-family: var(--front--heading-roboto);
  padding-top: 1rem;
  padding-bottom: .5rem;
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 120%;
}

.blog-details-rich-text-block h3 {
  font-family: var(--front--heading-roboto);
  padding-top: 1rem;
  padding-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 120%;
}

.blog-details-rich-text-block h4 {
  font-family: var(--front--heading-roboto);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 120%;
}

.blog-details-rich-text-block a {
  font-family: var(--front--text-font);
  color: var(--blue-primary);
  font-weight: 400;
}

.blog-details-rich-text-block h6 {
  font-family: var(--front--heading-roboto);
  font-weight: 500;
  line-height: 120%;
}

.blog-details-rich-text-block figure {
  border-radius: 8px;
}

.blog-details-top-content-wrapper {
  flex-direction: column;
  margin-top: 2rem;
  display: flex;
}

.blog-main-image {
  border-radius: 12px;
  align-self: center;
  min-width: 100%;
  max-width: 100%;
  transition: all .2s ease-in-out;
}

.blog-main-image:hover {
  transform: none;
}

.blog-avatar-content {
  grid-column-gap: .75rem;
  align-items: center;
  display: flex;
}

.avatar-image {
  display: block;
}

.blog-avatar-details {
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.blog-category-name {
  border: 1px solid var(--blue-primary);
  background-color: #0f62fe1a;
  border-radius: 20px;
  padding: .25rem .75rem;
}

.arrow {
  color: var(--blue-primary);
}

.loader-wrapper {
  z-index: 9999;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.loader {
  width: 28.75rem;
}

.text-size-regular-light {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--text-color);
  letter-spacing: .2px;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.cta-bottom-wrapper {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-button--center {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.text-size-light {
  font-family: var(--front--text-font);
  color: var(--color--black-900);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.text-size-light.text-color-white {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--color--white);
  opacity: .8;
  font-size: .875rem;
  font-weight: 300;
  font-family: var(--front--text-font);
  font-size: .875rem;
  font-weight: 300;
}

.text-color-white.heading-style-h5 {
  font-size: 2rem;
  line-height: 2.8rem;
}

.cta-card-left-content {
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  max-width: 50%;
  display: flex;
}

.blog-card-image {
  object-fit: cover;
  border: 1px #edf1f2;
  border-radius: 8px;
  display: block;
}

.dropdown-list-body {
  z-index: 3;
  position: relative;
}

.sidebar-column-bg {
  display: none;
}

.blog-card-content {
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 20px;
  font-weight: 700;
  text-decoration: none;
}

.dropdown-footer-wrapper {
  background-color: #fbfdfe;
  border-top: 1px solid #e0e6e8;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.dropdown-card-bg {
  opacity: 0;
  border-radius: 3px;
  position: absolute;
  inset: -16px;
}

.dropdown-card-bg.purple {
  background-color: #f0f0ff;
}

.dropdown-card-bg.white {
  background-color: #fff;
  border: 1px solid #edf1f2;
}

.dropdown-card-bg.orange {
  background-color: #f9dc0026;
}

.dropdown-card-bg.is-yellow {
  background-color: #e8fefa;
}

.dropdown-card-bg.is-blue {
  background-color: #fceeef;
}

.dropdown-card-bg.is-green {
  background-color: #edf8ff;
}

.dropdown-column.third {
  position: relative;
}

.dropdown-overflow {
  padding-top: 40px;
  overflow: auto;
}

.blog-card-link {
  font-family: var(--front--text-font-epilogue);
  color: #646f79;
  justify-content: flex-end;
  margin-top: 8px;
  display: flex;
  position: static;
  inset: auto 0% 0% 12px;
}

.reset-line-height {
  line-height: 0;
}

.dropdown-list-2 {
  z-index: 1;
  background-color: #0000;
  padding-bottom: 142px;
  font-size: 13px;
  position: fixed;
  inset: 56px 0% auto;
  overflow: hidden;
}

.dropdown-list-2.w--open {
  max-height: 80%;
  padding-left: 20px;
  padding-right: 20px;
  top: 70px;
}

.dropdown-column-title {
  color: var(--color--white-smoke);
  letter-spacing: .5px;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e6e8;
  margin-bottom: 30px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  position: relative;
}

.dropdown-card-content {
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.dropdown-subgrid {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-subgrid.col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.divider-2 {
  background-color: #e0e6e8;
  width: 1px;
  height: 28px;
  display: none;
}

.dropdown-footer-full {
  z-index: 1;
  opacity: 1;
  position: absolute;
  bottom: 96px;
  left: 0%;
  right: 0%;
}

.brand {
  flex: none;
  align-items: center;
  margin-right: 32px;
  display: flex;
}

.brand.responsive {
  display: none;
}

.dropdown-grid {
  grid-column-gap: 50px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
  grid-template-columns: 60% 35%;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-grid.resources {
  grid-template-columns: 60% 35%;
}

.dropdown-toggle:hover, .dropdown-toggle.w--current {
  color: var(--blue-primary);
}

.dropdown-toggle {
  font-family: var(--front--text-font);
  color: var(--color--black-900);
  cursor: pointer;
  align-items: center;
  height: 100%;
  padding: 6px 13px 0;
  font-size: .9rem;
  font-weight: 500;
  transition: color .2s cubic-bezier(.4, 0, .2, .01);
  display: flex;
}

.dropdown-toggle:hover, .dropdown-toggle.w--current {
  color: var(--blue-primary);
}

.dropdown-toggle.w--open {
  color: var(--blue-primary);
  box-shadow: inset 0 -3px #0261fe;
}

.dropdown-toggle.language {
  display: none;
}

.dropdown-card-icon {
  flex: 0 0 18px;
  width: 32px;
  margin-right: 12px;
  line-height: 0;
  position: relative;
}

.dropdown-card-icon.is_-secondary {
  margin-top: 0;
}

.dropdown-card-icon.arrow {
  opacity: .75;
  opacity: .75;
  flex-basis: 14px;
  align-self: center;
  margin-left: 8px;
  margin-right: 0;
}

.dropdown-bg {
  position: absolute;
  inset: 0% 0% 96px;
}

.navbar--dark {
  z-index: 0;
  background-color: var(--color--black-900);
  padding-top: .5rem;
  padding-bottom: .75rem;
  position: relative;
  box-shadow: 0 3px 12px #24324214;
}

.heading-style-h2--dark {
  font-family: var(--front--heading-roboto);
  color: var(--color--white);
  letter-spacing: .2px;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 120%;
}

.text-size-regular--dark {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--color--black-900);
  letter-spacing: .2px;
  margin-bottom: 0;
  font-size: .95rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-size-regular--dark.text-color-white {
  font-family: var(--front--text-font);
  color: var(--color--white);
  font-weight: 300;
}

.text-size-regular--dark.text-color-black-dark {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--color--white);
  letter-spacing: .2px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.integration-card-item {
  grid-row-gap: 1.25rem;
  background-color: #f2f3fb;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: .5rem;
  display: flex;
}

.integration-grid-1 {
  grid-column-gap: 2.075rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.integration-grid--2 {
  grid-column-gap: 2.075rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  place-items: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

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

.differentsation-card-item--dark {
  grid-row-gap: 1.25rem;
  background-color: #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.675rem;
  display: flex;
}

.heading-style-h5--dark {
  font-family: var(--front--heading-roboto);
  color: var(--color--white);
  text-align: left;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}

.section-home-7 {
  background-color: var(--color--black-900);
  background-image: none;
  background-size: auto;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.cta-component--v2 {
  background-image: url("https://cdn.prod.website-files.com/66010485d3e18f518b4e989b/667f7662c94bced5a07c0432_cta-bg.png");
  background-position: 0%;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 30px;
  box-shadow: 0 0 16px #e7ebef;
}

.cta-card-large-v2 {
  grid-column-gap: 3.625rem;
  box-shadow: none;
  border-radius: 30px;
  justify-content: space-between;
  align-items: stretch;
  padding: 5rem 3.75rem;
  display: flex;
}

.cta-right-content--v2 {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff26;
  border-radius: 30px;
  width: 100%;
  max-width: 40%;
  padding: 10px;
}

.cta-image {
  border-radius: 30px;
  width: 100%;
}

.integration-grid-mobile {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.section-service-3 {
  background-color: var(--color--black-900);
  background-image: none;
  background-size: auto;
  padding-top: 2rem;
}

.blog-card-v2 {
  grid-column-gap: 1.5rem;
  border: 1px none var(--color--blue-200);
  background-color: var(--card-color);
  cursor: pointer;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 430px;
  padding-bottom: 1.25rem;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.blog-card-v2:hover {
  transform: none;
  box-shadow: 0 0 3px 1px #0003, 0 1px 3px #0000000f;
}

.blog-card-v2.shadow-medium {
  background-color: var(--card-color);
  height: 460px;
  display: block;
  overflow: hidden;
}

.blog-card-v2.shadow-medium:hover {
  transform: none;
  box-shadow: 0 4px 6px -2px #0003, 0 10px 15px -3px #0000001a, 0 4px 4px #00000008;
}

.text-size-small---bold {
  opacity: .8;
  color: var(--color--black-900);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.text-size-small---bold.color-white {
  font-family: var(--front--text-font);
  color: var(--blue-primary);
  font-size: .85rem;
  font-weight: 500;
  font-family: var(--front--text-font);
  font-size: .85rem;
  font-weight: 500;
}

.navbar-wrapper-dark {
  background-color: #0000;
  font-size: 12px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 4px 4px #00000008;
}

.container-dark {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.brand-dark {
  flex: none;
  align-items: center;
  margin-right: 32px;
  display: flex;
}

.brand-dark.responsive {
  display: none;
}

.menu-dark {
  float: none;
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  height: 56px;
  font-weight: 500;
  display: flex;
}

.menu-left-dark, .menu-right-dark {
  display: flex;
}

.dropdown-toggle-dark {
  font-family: var(--front--text-font);
  color: var(--color--white);
  cursor: pointer;
  align-items: center;
  height: 100%;
  padding: 6px 13px 0;
  font-size: .9rem;
  font-weight: 500;
  transition: color .2s cubic-bezier(.4, 0, .2, .01);
  display: flex;
}

.dropdown-toggle-dark:hover, .dropdown-toggle-dark.w--current {
  color: var(--blue-primary);
}

.dropdown-toggle-dark.w--open {
  color: var(--blue-primary);
  box-shadow: inset 0 -3px #0261fe;
}

.dropdown-toggle-text-dark {
  font-family: var(--front--text-font);
  color: var(--color--white);
  margin-right: 6px;
  font-size: .9rem;
  font-weight: 500;
}

.caret-dark {
  color: var(--color--white-smoke);
}

.dropdown-bg-full-dark {
  background-color: #1e2025;
  position: absolute;
  inset: 0%;
  box-shadow: 35px 35px 50px #24324226;
}

.dropdown-card-title-dark {
  font-family: var(--front--text-font);
  color: var(--color--white);
  letter-spacing: .2px;
  margin-bottom: 8px;
  font-size: .9rem;
  font-weight: 400;
  line-height: 150%;
}

.dropdown-card-text-dark {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--color--white);
  letter-spacing: .2px;
  font-size: .8rem;
  font-weight: 400;
  line-height: 150%;
}

.dropdown-sidebar-bg-dark {
  background-color: #1e2025;
  border-left: 1px #e0e6e8;
  width: 100vw;
  position: absolute;
  inset: 0 0 0 625px;
}

.dropdown-card-dark {
  margin-bottom: 36px;
  text-decoration: none;
  display: block;
  position: relative;
}

.dropdown-card-dark.w--current {
  display: flex;
}

.dropdown-card-dark.has-icon {
  cursor: pointer;
  border-radius: 8px;
  padding: 12px 10px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.dropdown-card-dark.has-icon:hover {
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  background-color: #333842;
}

.dropdown-card-dark.has-icon.m-0 {
  margin-bottom: 0;
}

.blog-card-dark {
  background-color: #333842;
  border: 1px solid #3d3d3e;
  border-radius: 12px;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 10px 10px 20px;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.blog-card-dark:hover {
  transform: translate(0, -2px);
  box-shadow: 4px 0 8px #24324214;
}

.text-block-dark {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--color--white);
  font-weight: 400;
}

.integration-icons {
  border-radius: 8px;
  width: 80px;
}

.button-gradient {
  border: 2px solid var(--blue-primary);
  background-color: var(--color--blue);
  background-image: linear-gradient(130deg, var(--blue-primary), #8fbaff);
  box-shadow: none;
  font-family: var(--front--text-font);
  color: var(--color--white);
  border-radius: 2rem;
  align-self: center;
  margin-bottom: 0;
  margin-left: 0;
  padding: .8125rem 1.5625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  transition: background-color .3s;
  display: none;
}

.button-gradient:hover {
  border-color: var(--light-blue);
  background-color: var(--color--black-900);
  box-shadow: none;
}

.section-header-blog-v2 {
  background-color: #fef2f1;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  padding-top: 6rem;
  padding-bottom: 2rem;
  display: none;
}

.blog-heading-h1 {
  font-family: var(--front--heading-roboto);
  text-align: left;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 120%;
}

.blog-header {
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 20px auto;
  display: flex;
}

.arrow-tail-dot-1-l8-3 {
  background-color: var(--blue-primary);
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.text-l8 {
  margin-right: 7px;
  font-size: .9rem;
  font-weight: 500;
}

.arrow-tail-l8-3 {
  background-color: var(--blue-primary);
  width: 20px;
  height: 2px;
}

.arrow-tail-dot-4-l8-3, .arrow-tail-dot-2-l8-3, .arrow-tail-dot-3-l8-3 {
  background-color: var(--blue-primary);
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.arrow-head-l8-3 {
  height: 12px;
  margin-left: -6px;
}

.arrow-wrapper-l8-3 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-cta-text {
  font-family: var(--front--text-font);
  color: var(--blue-primary);
  justify-content: flex-start;
  align-items: center;
  width: 185px;
  margin-top: 10px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.shadow-medium {
  box-shadow: 0 4px 6px -1px #0000001a, 0 1px 4px -1px #0000000f;
}

.badge-small {
  background-color: var(--color--blue-100);
  font-family: var(--front--text-font);
  color: var(--blue-primary);
  letter-spacing: .5px;
  text-transform: uppercase;
  border-radius: 2rem;
  padding: .4375rem .75rem;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.integrations_custom-grid {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: none;
}

.icon-height-xlarge {
  background-color: #f2f3fb;
  border-radius: 8px;
  height: 4.2rem;
  padding: 4px;
}

.blog-wrapper-left {
  width: 100%;
  max-width: 250px;
  max-height: 300px;
  position: sticky;
  top: 100px;
}

.uui-form_input {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  color: #101828;
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-form_input::placeholder {
  color: #667085;
}

.define-id-for-toc-conyainer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: .25rem;
  display: flex;
}

.uui-blogpost05_form {
  margin-bottom: 0;
}

.uui-blogpost05_divider {
  background-color: #eaecf0;
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.uui-blogpost05_newsletter {
  display: none;
}

.uui-blogpost05_sidebar-heading {
  color: #7f56d9;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-text-size-small {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-button {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #7f56d9;
  border: 1px solid #7f56d9;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  background-color: #6941c6;
  border-color: #6941c6;
}

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-button.is-button-small {
  grid-column-gap: .5rem;
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
}

.uui-text-style-link {
  color: #475467;
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: #344054;
}

.uui-blogpost05_form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.section-blog-details-mobile {
  background-color: var(--color--white);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-top: -40px;
  padding-top: 3rem;
  display: none;
}

.blog-details--mobile {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.author-block {
  background-color: #f2f3fa;
  border-radius: 10px;
  width: 100%;
  padding: 20px;
}

.blog-wrapper-right {
  width: 100%;
  max-width: 250px;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
  top: 100px;
}

.blog-sub-heading {
  opacity: .7;
  font-family: var(--front--text-font);
  color: var(--text-color);
  text-align: left;
  letter-spacing: .2px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-size-small-1 {
  opacity: .8;
  font-family: var(--front--text-font);
  color: var(--text-color);
  letter-spacing: .2px;
  margin-top: 4px;
  padding-left: 0;
  padding-right: 0;
  font-size: .75rem;
  font-weight: 500;
  line-height: 150%;
}

.text-size-small-1.text-color-white {
  color: var(--color--white);
  font-weight: 400;
}

.blog-date {
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.image-full-width {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.image-full-width.is-circular {
  border-radius: 100%;
  width: 45px;
  height: 45px;
}

.author-social {
  width: 100%;
}

.author-social.is-circular {
  width: 30px;
  height: 30px;
}

.container-large--blog {
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.blog-wrapper-right-mobile {
  width: 100%;
  max-width: 250px;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
  top: 100px;
}

.blog-cta-block {
  background-color: #f2f3fa;
  background-image: linear-gradient(141deg, var(--blue-primary), var(--color--grey-700));
  border-radius: 10px;
  width: 100%;
  padding: 20px;
}

.guestara-logo {
  width: 60%;
}

.dropdown-dark--features {
  display: none;
}

.dropdown-grid--1 {
  grid-column-gap: 50px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-grid--1.resources {
  grid-template-columns: 60% 35%;
}

.menu-features-link {
  font-family: var(--front--text-font-epilogue);
  color: #646f79;
  justify-content: flex-start;
  margin-top: -20px;
  display: flex;
  position: static;
  inset: auto 0% 0% 12px;
}

.menu-feature-text-block {
  font-family: var(--front--text-font);
  color: var(--color--white);
  font-size: 1.025rem;
  font-weight: 400;
}

.feature-link-block {
  cursor: pointer;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.feature-link-block:hover {
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
}

@media screen and (min-width: 1280px) {
  .padding-bottom.padding-small {
    display: block;
  }

  .heading-style-h5 {
    font-size: 1.3rem;
  }

  .price-tabs-menu {
    padding-top: .3125rem;
  }

  .price-tab-link.w--current {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .price-add-to-cart-field-label {
    margin-bottom: 0;
  }

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

  .benefit-content {
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .benefit-list-item {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .benefit-item-wrapper {
    grid-column-gap: 1rem;
    display: flex;
  }

  .benefit-item {
    background-color: var(--color--light-orange);
    border-radius: .375rem;
    padding: .625rem 1.25rem;
  }

  .benefit-item._05, .benefit-item._06 {
    background-color: var(--color--light-blue);
  }

  .benefit-item._02 {
    background-color: var(--color--light-pink);
  }

  .benefit-item._03 {
    background-color: var(--color--light-aqua);
  }

  .benefit-item._04 {
    background-color: var(--color--light-purple);
  }

  .benefit-item._05, .benefit-item._06 {
    background-color: var(--color--light-blue);
  }

  .benefit-item._07 {
    background-color: var(--color--light-green);
  }

  .benefit-item._08 {
    background-color: var(--color--light-orange);
  }

  .benefit-item._09 {
    background-color: var(--color--light-pink);
  }

  .benefit-item._10 {
    background-color: var(--color--light-aqua);
  }

  .benefit-item._11 {
    background-color: var(--color--light-green);
  }

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

  .details-image {
    max-width: 70%;
  }

  .blog-card-image {
    height: 220px;
  }

  .dropdown-card-title {
    font-size: 16px;
  }

  .dropdown-sidebar-bg {
    left: 760px;
  }

  .dropdown-card-text {
    font-size: 14px;
  }

  .blog-card-title {
    font-size: 1rem;
  }

  .dropdown-column.third {
    position: relative;
  }

  .dropdown-column-title {
    font-size: 16px;
  }

  .dropdown-grid {
    grid-template-columns: 55% 35%;
    justify-content: space-between;
  }

  .dropdown-grid.resources {
    grid-template-columns: 55% 35%;
  }

  .dropdown-toggle.language {
    display: flex;
  }

  .dropdown-grid-1 {
    grid-template-columns: 55% 35%;
    justify-content: space-between;
  }

  .dropdown-grid-1.resources {
    grid-template-columns: 100%;
  }

  .text-size-medium---center, .text-size-large--white {
    font-weight: 300;
  }

  .grid-2 {
    grid-template-columns: 34% 65%;
  }

  .grid-3, .grid-4 {
    grid-template-columns: 65% 34%;
  }

  .grid-5 {
    grid-template-columns: 34% 65%;
  }

  .section-service-1 {
    display: none;
  }

  .sub-heading--dark {
    text-align: center;
  }

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

  .dropdown-card-title-dark {
    font-size: 16px;
  }

  .dropdown-card-text-dark {
    font-size: 14px;
  }

  .dropdown-sidebar-bg-dark {
    left: 760px;
  }

  .sub-heading--dark-2 {
    text-align: center;
  }

  .heading-style-h5-blue {
    font-size: 1.3rem;
  }

  .dropdown-grid--1 {
    grid-template-columns: 55% 35%;
    justify-content: space-between;
  }

  .dropdown-grid--1.resources {
    grid-template-columns: 55% 35%;
  }

  .quote-testimonials {
    font-size: 28px;
  }

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

@media screen and (min-width: 1440px) {
  .padding-bottom.padding-small {
    display: block;
  }

  .dropdown-inner-shadow {
    box-shadow: 0 3px 12px #24324214;
  }

  .dropdown-card-title {
    font-size: 18px;
  }

  .dropdown-sidebar-bg {
    left: 50%;
    transform: translate(144px);
  }

  .dropdown-card-text {
    font-size: 14px;
    line-height: 1.4rem;
  }

  .blog-card-title {
    font-size: 1.125rem;
    line-height: 1.4rem;
  }

  .blog-card-content {
    padding-bottom: 24px;
    position: relative;
  }

  .blog-card-link {
    position: absolute;
  }

  .dropdown-grid.resources {
    grid-template-columns: 55% 35%;
  }

  .blog-card-2 {
    flex-direction: row;
    height: 145px;
  }

  .dropdown-grid-1.resources {
    grid-template-columns: 100%;
  }

  .section-header-home {
    background-size: 160%, auto;
  }

  .section-header-blog {
    background-position: 50% -4%;
    background-size: 120%;
  }

  .dropdown-card-title-dark {
    font-size: 18px;
  }

  .dropdown-card-text-dark {
    font-size: 14px;
    line-height: 1.4rem;
  }

  .dropdown-sidebar-bg-dark {
    left: 50%;
    transform: translate(144px);
  }

  .blog-card-dark {
    flex-flow: column;
  }

  .main-container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-link {
    display: none;
  }

  .image-10 {
    min-height: 220px;
  }

  .section-header-integration {
    background-position: 50% -54%, 0 0;
    background-size: 130%, 120%;
  }

  .section-header-service-2 {
    background-position: 50% 0, 0 0;
    background-size: 140%, cover;
  }

  .section-header-pricing {
    background-position: 50% 5%, 0 0;
    background-size: 150%, auto;
  }

  .dropdown-grid--1.resources {
    grid-template-columns: 55% 35%;
  }

  .menu-features-link {
    margin-top: -10px;
  }

  .section-header-trial {
    background-size: 160%, auto;
  }
}

@media screen and (min-width: 1920px) {
  .text-size-medium {
    font-size: 1.25rem;
  }

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

  .heading-style-h5 {
    font-size: 1.5rem;
  }

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

  .container-large {
    max-width: 70%;
  }

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

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

  .text-size-regular.text-color-black-dark {
    font-size: 1rem;
  }

  .text-size-regular.text-color-white {
    font-size: 1rem;
    font-weight: 400;
  }

  .all-feature-content {
    max-width: 75%;
  }

  .footer-link {
    font-size: 1rem;
  }

  .integration-details-component {
    max-width: 100%;
  }

  .section-header-home {
    background-position: 50% 0, 50%;
    background-size: 125%, 150%;
  }

  .text-size-large--white {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .ceramic-shield-image {
    min-height: 320px;
  }

  .heading-style-h2--dark {
    font-size: 2.8rem;
  }

  .text-size-regular--dark {
    font-size: 1.125rem;
    font-weight: 400;
  }

  .text-size-regular--dark.text-color-black-dark {
    font-size: 1.3rem;
  }

  .heading-style-h5--dark {
    font-size: 1.7rem;
  }

  .section-home-7 {
    font-size: 3rem;
  }

  .section-header-service {
    background-position: 50% 22%;
  }

  .text-size-small---bold {
    font-size: 1.125rem;
  }

  .section-header-blog {
    background-position: 50% 20%;
    background-size: 120%;
  }

  .container-dark {
    max-width: 70%;
  }

  .integration-page-header {
    align-items: center;
  }

  .image-10 {
    min-height: 230px;
  }

  .text-size-medium--blue {
    font-size: 1rem;
  }

  .section-header-integration {
    background-position: 50% -3%, 0 0;
    background-size: 120%, 120%;
  }

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

  .text-size-medium-4 {
    font-size: 1.25rem;
  }

  .section-header-service-2 {
    background-position: 50% 6%, 50% -1%;
    background-size: 120%, 100%;
  }

  .heading-style-h2--dark-2 {
    font-size: 2.8rem;
  }

  .text-size-regular-3.text-color-black-dark {
    font-size: 1rem;
  }

  .sticky-grid {
    max-width: 100%;
  }

  .heading-style-h5-blue {
    font-size: 1.4rem;
  }

  .section-header-pricing {
    background-position: 50% 42%, 50% 100%;
  }

  .blog-sub-heading {
    font-size: 1.25rem;
  }

  .container-large--blog {
    max-width: 65%;
  }

  .top-bar-container {
    max-width: 1240px;
    position: relative;
  }

  .top-bar-container.top-bar-2 {
    max-width: 1240px;
  }

  .section-header-service-1, .section-header-service--upsell, .section-header-service-automate {
    background-position: 50% 22%;
  }

  .section-header-trial {
    background-image: url("https://cdn.prod.website-files.com/66010485d3e18f518b4e989b/6763db39f2667cdffffd0abb_hero.webp");
    background-position: 50% 60%;
    background-repeat: repeat;
    background-size: 125%;
    background-attachment: scroll;
  }
}

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

  h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  h5 {
    font-size: 1.25rem;
    line-height: 1.7rem;
  }

  .padding-global {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .text-size-medium {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

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

  .padding-section-medium.padding-bottom-large {
    padding-bottom: 5rem;
  }

  .padding-section-medium.padding-top-large {
    padding-top: 5rem;
  }

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

  .padding-section-large.padding-top-medium {
    padding-top: 5rem;
  }

  .padding-bottom.padding-large {
    padding-bottom: 2.5rem;
  }

  .style-guide-content-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-style-h6 {
    font-size: 1rem;
  }

  .style-guide-content-layout {
    grid-template-columns: 1fr;
  }

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

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

  .style-guide-menu-wrapper {
    padding: 2rem 3rem;
    position: static;
  }

  .style-guide-content-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .text-size-regular {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .text-size-regular.text-color-black-dark {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .style-guide-heading-wrapper {
    min-height: 5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .navigation-container {
    align-items: center;
  }

  .navigation-content-wrapper {
    display: none;
  }

  .nav-menu {
    background-color: var(--color--white);
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    padding: 2rem 2rem 2rem 1rem;
  }

  .nav-link {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .5rem;
    display: flex;
  }

  .navigation-deopdown {
    align-items: flex-start;
    display: block;
  }

  .navigation-dropdown-toggle {
    margin-bottom: .5rem;
  }

  .cart.show-tablet {
    opacity: 1;
    opacity: 1;
  }

  .bottom-content.show-destop {
    display: none;
  }

  .bottom-content.show-tablet {
    margin-top: 1.25rem;
    padding-left: 1rem;
    display: flex;
  }

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

  .header-grid {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .icon {
    color: var(--color--black-900);
    font-size: 2.3rem;
    line-height: 1.6rem;
  }

  .brand-content-wrapper {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    align-items: center;
  }

  .brand-left-content {
    max-width: none;
  }

  .brand-right-content {
    grid-column-gap: 16px;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .brand-logo-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: flex-start start;
  }

  .differentsation-grid {
    grid-template-columns: 1fr 1fr;
  }

  .growth-status-content {
    grid-column-gap: 3rem;
  }

  .cta-component {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .feature-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .testimonial-card {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .testimonial-card-left-content {
    grid-row-gap: 3rem;
    max-width: none;
  }

  .all-feature-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .success-story-headline {
    white-space: nowrap;
  }

  .blog-top-content.in-blog {
    padding-left: 1.5rem;
  }

  .success-story-collection-list {
    grid-template-columns: 1fr;
  }

  .blog-top-content-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-collection-list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

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

  .footer-grid {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.5rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: ".";
  }

  .footer-newsletter-from-block {
    width: 100%;
  }

  .about-header-component {
    grid-row-gap: 3rem;
    flex-direction: column;
    display: flex;
  }

  .about-header-content-wrapper {
    max-width: none;
  }

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

  .about-image-wrapper._1st, .about-image-wrapper._3rd, .about-image-wrapper._1st, .about-image-wrapper._3rd {
    display: none;
  }

  .company-goal-left-content {
    max-width: none;
  }

  .company-goal-right-content {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .goal-iamage {
    width: 60%;
  }

  .company-goal-content {
    grid-row-gap: 2.5rem;
    flex-direction: column;
  }

  .team-social-link-wrapper {
    top: .875rem;
  }

  .team-membar-details {
    bottom: .875rem;
  }

  .team-member-image {
    width: 100%;
  }

  .team-content {
    grid-row-gap: .875rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .value-component {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: center;
  }

  .value-item-content {
    grid-column-gap: 1.25rem;
    flex-direction: row;
  }

  .value-content {
    max-width: none;
  }

  .section-contact-component {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .contact-grid {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .contact-field-wrapper {
    width: 100%;
  }

  .contact-quick-information {
    grid-row-gap: 3.75rem;
  }

  .google-map-link-content.second, .google-map-link-content.firsht, .google-map-link-content.third, .google-map-link-content.second, .google-map-link-content.firsht, .google-map-link-content.third {
    width: auto;
  }

  .demo-contact-form-block {
    width: 28.6875rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .announcement-top-content.in-announcement {
    padding-left: 1.5rem;
  }

  .announcement-collection-list {
    grid-template-columns: 1fr;
  }

  .price-card.first, .price-card.second, .price-card.third, .price-card.first, .price-card.second, .price-card.third {
    padding: 3rem 2.5rem;
  }

  .price-grid {
    grid-row-gap: 2.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .price-tabs-menu {
    margin-bottom: 2.7rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .price-tabs {
    grid-row-gap: .25rem;
  }

  .price-table-top-content-wrapper {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .price-item-gird {
    padding-right: 2rem;
  }

  .price-details-component {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .right-side-price-content {
    width: 100%;
  }

  .checkout-container {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .checkout-discounts {
    flex-direction: row;
    width: 18.75rem;
  }

  .checkout-payment-content-wrapper {
    width: 100%;
  }

  .paypal-container {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .paypal-left-side-contant, .paypal-payment-right-content {
    width: 100%;
  }

  .order-confirmation-container {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .order-confirmation-left-content, .order-confirmation-right-content {
    width: 100%;
  }

  .terms-conditions-component, .privacy-policy-component {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .team-collection-list {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .team-cta-component {
    grid-row-gap: 3rem;
    flex-direction: column;
    display: flex;
  }

  .team-cta-image-gallery {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    display: none;
  }

  .team-cta-image-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .team-cta-image {
    width: 100%;
    height: 100%;
  }

  .team-details-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .team-membar-image {
    width: 100%;
  }

  .our-story-component {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .our-story-left-content-wrapper {
    grid-row-gap: 2.5rem;
    max-width: none;
  }

  .our-vision-content {
    padding: 3rem 2.5rem;
  }

  .work-image-wrapper {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .work-image {
    width: 40%;
  }

  .work-highlight-content.first, .work-highlight-content.second {
    position: static;
  }

  .work-highlight-content.fourth, .work-highlight-content.first, .work-highlight-content.second {
    position: static;
  }

  .work-highlight-content.third {
    position: static;
    right: 1.9rem;
  }

  .work-highlight-content.fourth {
    position: static;
  }

  .benefit-list-item {
    grid-column-gap: 16px;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .benefit-item-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1.25em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .benefit-item-wrapper._01 {
    grid-column-gap: 1rem;
    grid-row-gap: 1.25rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1.25rem;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .benefit-item._04, .benefit-item._05, .benefit-item._06, .benefit-item._07, .benefit-item._09, .benefit-item._11 {
    text-align: center;
  }

  .benefit-item._01 {
    justify-content: center;
  }

  .benefit-item._02 {
    text-align: center;
  }

  .benefit-item._03 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .benefit-item._04, .benefit-item._05, .benefit-item._06, .benefit-item._07, .benefit-item._09, .benefit-item._11 {
    text-align: center;
  }

  .job-collection-list._01 {
    grid-row-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .success-story-details-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .integration-collection-list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .section-faq {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .faq-tabs-wrapper {
    flex-direction: column;
  }

  .faq-tabs-menu {
    align-self: stretch;
    width: auto;
    margin-bottom: 2.75rem;
    margin-right: 0;
  }

  .login-form-block, .sing-up-form-block, .forgot-password-content-wrapper, .confirm-email-content {
    padding: 3rem 2.5rem;
  }

  .navigation-right-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .contact-location-grid {
    grid-template-columns: 1fr 1fr;
  }

  .utility-page-wrap {
    background-color: var(--color--white);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  ._404-component {
    max-width: none;
  }

  .password-from-block {
    max-width: none;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .testimonial-menu {
    position: absolute;
    top: 14.625rem;
    bottom: auto;
    right: 2rem;
  }

  .menu-line-wrapper {
    grid-row-gap: 6px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .menu-button {
    padding: 0;
  }

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

  .menu-line {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sub-heading, .cta-small-text {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .section-guestara {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .segment-type-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .heading-style-h6-center {
    font-size: 1rem;
  }

  .text-size-regular-light, .text-size-light, .text-size-regular--light {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .feature-column {
    padding-bottom: 3%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .faq-tabs-wrapper--single {
    flex-direction: column;
  }

  .cta-card {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cta-card-left-content {
    grid-row-gap: 3rem;
    max-width: none;
  }

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

  .blog-card-image {
    width: 100%;
    height: 120px;
  }

  .dropdown-inner-shadow {
    display: none;
  }

  .dropdown-card {
    margin-bottom: 28px;
  }

  .sidebar-column-bg {
    background-color: #f6f8f9;
    display: block;
    position: absolute;
    inset: -49px -24px;
  }

  .dropdown-bg-full, .dropdown-sidebar-bg {
    display: none;
  }

  .menu {
    height: auto;
    padding-bottom: 64px;
    overflow: auto;
  }

  .dropdown-footer {
    height: 96px;
    padding-bottom: 48px;
  }

  .dropdown-card-bg {
    display: none;
  }

  .dropdown-column {
    margin-bottom: 64px;
  }

  .dropdown-column.third {
    margin-bottom: 0;
    padding-left: 0;
  }

  .dropdown-footer-copy {
    text-align: center;
    background-color: #e0e6e8;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    inset: auto 0 0;
    transform: none;
  }

  .menu-button-line {
    background-color: #b7bfc6;
    border-radius: 1px;
    width: 16px;
    height: 2px;
    margin-bottom: 4px;
  }

  .menu-button-line.last {
    margin-bottom: 0;
  }

  .navbar {
    height: 54px;
  }

  .dropdown-overflow {
    max-height: none;
    margin-left: -32px;
    margin-right: -32px;
    padding-top: 28px;
    padding-bottom: 20px;
    overflow: hidden;
  }

  .blog-card-link {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }

  .dropdown-list-2 {
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    top: 0;
  }

  .dropdown-subgrid {
    grid-template-columns: 1fr;
  }

  .dropdown-footer-full {
    display: none;
  }

  .menu-right {
    flex-direction: column-reverse;
  }

  .blog-card-scroll-wrapper {
    margin-left: -32px;
    margin-right: -32px;
  }

  .brand {
    display: none;
  }

  .brand.responsive {
    margin-top: 18px;
    display: block;
  }

  .dropdown-footer-link {
    text-align: center;
    width: 50%;
    font-size: 14px;
  }

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

  .dropdown-grid.resources {
    grid-template-columns: 1fr;
  }

  .blog-card-2 {
    white-space: normal;
    width: 40%;
    height: 268px;
    margin-bottom: 4px;
    margin-right: 16px;
    padding-bottom: 32px;
    display: inline-block;
    position: relative;
  }

  .dropdown-toggle {
    z-index: 2;
    box-shadow: none;
    color: #151b26;
    border-top: 1px solid #e0e6e8;
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    transition: background-color .2s, color .2s cubic-bezier(.4, 0, .2, .01);
  }

  .dropdown-toggle:hover {
    color: #151b26;
  }

  .dropdown-toggle.w--open {
    box-shadow: none;
    background-color: #f0f0ff;
    position: sticky;
    top: 0;
  }

  .dropdown-toggle.line {
    display: none;
  }

  .menu-button-2 {
    flex-direction: column;
    width: 66px;
    height: 100%;
    padding: 20px 25px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .menu-button-2.w--open {
    background-color: #fff0;
  }

  .dropdown-bg {
    display: none;
  }

  .blog-card-scroll {
    white-space: nowrap;
    width: 100%;
    margin-bottom: -16px;
    padding-left: 32px;
    padding-right: 16px;
    overflow: scroll;
  }

  .menu-left {
    z-index: 1;
    margin-top: 32px;
    display: block;
    position: relative;
  }

  .cta-card-large {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .role-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._2-column_item_component {
    grid-column-gap: 1.5rem;
    grid-template-columns: 1fr 3px 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

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

  .integrations-content-wrapper {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    align-items: center;
  }

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

  .dropdown-grid-1.resources {
    grid-template-columns: 1fr;
  }

  .results-grid {
    grid-template-columns: 1fr 1fr;
  }

  .text-size-medium---center {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

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

  .text-size-large {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .header-grid-1 {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .text-size-large--white {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .navbar--dark {
    height: 54px;
  }

  .section-home-2 {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .ceramic-shield {
    height: 40%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-home-3, .section-home-4 {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .text-size-regular--dark {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .text-size-regular--dark.text-color-black-dark {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .integration-grid-1, .integration-grid--2 {
    grid-template-columns: 1fr 1fr;
  }

  .cta-component--v2 {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .cta-card-large-v2 {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .segment-type-grid-v2, .integration-grid-mobile {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

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

  .service-header-grid {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .text-size-medium--dark {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .service-section-grid {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .section-service-2 {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sub-heading--dark {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .section-solutions-2 {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

  .blog-header-grid, .service-section-grid-v2 {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .brand-dark {
    display: none;
  }

  .brand-dark.responsive {
    margin-top: 18px;
    display: block;
  }

  .menu-dark {
    height: auto;
    padding-bottom: 64px;
    overflow: auto;
  }

  .menu-left-dark {
    z-index: 1;
    margin-top: 32px;
    display: block;
    position: relative;
  }

  .menu-right-dark {
    flex-direction: column-reverse;
  }

  .dropdown-toggle-dark {
    z-index: 2;
    box-shadow: none;
    color: #151b26;
    border-top: 1px solid #e0e6e8;
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    transition: background-color .2s, color .2s cubic-bezier(.4, 0, .2, .01);
  }

  .dropdown-toggle-dark:hover {
    color: #151b26;
  }

  .dropdown-toggle-dark.w--open {
    box-shadow: none;
    background-color: #f0f0ff;
    position: sticky;
    top: 0;
  }

  .dropdown-bg-full-dark, .dropdown-sidebar-bg-dark {
    display: none;
  }

  .dropdown-card-dark {
    margin-bottom: 28px;
  }

  .content-block {
    padding: 20px 10px;
  }

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

  .blog-card-dark {
    white-space: normal;
    width: 40%;
    height: 268px;
    margin-bottom: 4px;
    margin-right: 16px;
    padding-bottom: 32px;
    display: inline-block;
    position: relative;
  }

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

  .main-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item {
    width: 125px;
  }

  .customer-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-size-regular--white {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .landing-section-features-block {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .landing-section-service-grid, .landing-features-grid {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .customer-section-v1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .stacked-tabs-container {
    width: 100%;
    min-width: 100%;
  }

  .stacked-tabs-content-holder {
    justify-content: flex-start;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tabs-holder {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .home-section-grid, .header-grid-mobile {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

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

  .section-features {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .features-section-grid {
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .button-text {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .section-header-blog-v2 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sub-heading--dark-2 {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .brand-content-wrapper-2 {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    align-items: center;
  }

  .text-size-medium--dark-2, .text-size-medium-4 {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

  .section-header-service-2 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .text-size-regular-3 {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .text-size-regular-3.text-color-black-dark {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sticky-text_wrapper.steps {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }

  .circle-number {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .section-solutions {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-wrap_centered {
    max-width: 35rem;
  }

  .clients-pic_grid {
    grid-column-gap: 7.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .clients-pic_column {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .horizontal_spacer-large {
    padding: 3rem;
  }

  .integrations_custom-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .toc-hide-in-mob {
    display: none;
    position: static;
  }

  .uui-blogpost05_newsletter {
    position: static;
  }

  .uui-blogpost05_form-wrapper {
    display: flex;
  }

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

  .center-content-vertically_mobile {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .card_small {
    padding: 1.5rem;
  }

  .card_pricing {
    padding: 2rem;
  }

  .features-grid_icon-text {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .lightbox {
    width: 100%;
  }

  .grid_2-col.is-4x-gutter {
    grid-column-gap: 2.5rem;
  }

  .grid_2-col.is-text {
    grid-template-columns: 1fr;
  }

  .text-wrap_centered-mobile {
    text-align: center;
    max-width: 32.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .differentsation-grid--2-col {
    grid-template-columns: 1fr 1fr;
  }

  .nav-categories-wrapper {
    flex: 1;
    height: 50px;
    margin-right: 24px;
    overflow: hidden;
  }

  .nav-link-2 {
    white-space: nowrap;
  }

  .blog-filter-list {
    margin-right: 50px;
  }

  .blog-description {
    font-size: .9375rem;
    line-height: 1.4375rem;
  }

  .feature-header-service {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-features-details {
    border-top-left-radius: 40px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .tab-mobile-img {
    margin-top: 16px;
    display: block;
  }

  .tab-button-desc-wrapper {
    overflow: hidden;
  }

  .tabs-content-3 {
    width: 100%;
    display: none;
  }

  .tabs-menu-2 {
    width: 100%;
    margin-bottom: 48px;
    margin-right: 0%;
  }

  .tab-component {
    flex-direction: column;
  }

  .blog-sub-heading {
    font-size: 1.125rem;
    line-height: 1.652rem;
  }

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

  .trusted-by-hero-logos {
    flex-flow: wrap;
  }

  .features-cards-wrapper {
    margin-top: 6rem;
  }

  .integrations-content-component {
    flex-flow: column;
  }

  .integrations-block.second {
    width: 100%;
    padding: 2rem 2.5rem;
  }

  .integrations-block.first {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem 2.5rem;
  }

  .max-width-50ch {
    max-width: none;
  }

  .header {
    max-width: 70vw;
  }

  .home-features-wrapper {
    margin-top: 8rem;
  }

  .steps-item {
    position: relative;
    top: auto;
  }

  .steps-card {
    border-radius: 1rem;
    flex-flow: column;
    height: auto;
  }

  .left-content {
    justify-content: space-between;
    width: 100%;
    padding: 4rem 4rem 4rem 2rem;
  }

  .right-content {
    width: 100%;
    height: 50vh;
  }

  .steps-wrapper {
    margin-top: 8rem;
  }

  .steps-content {
    width: 100%;
  }

  .steps-description {
    max-width: none;
  }

  .navbar-specials {
    height: 54px;
  }

  .testimonial-grid_2-col.is-5x-gap {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
  }

  .profile_info-grid {
    grid-column-gap: .75rem;
  }

  .text-wrap_centered-1 {
    max-width: 35rem;
  }

  .specials-prodct-grid {
    grid-template-columns: 1fr 1fr;
  }

  .specials-reviews-wrapper, .specials-faq-wrapper {
    margin-top: 8rem;
  }

  .specials-pricing-card {
    padding: 1.5rem;
  }

  .specials-testimonials-wrapper {
    margin-top: 8rem;
  }

  .testimonial-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-card-2 {
    justify-content: space-between;
  }

  .ipad-screen {
    border-radius: 7px;
  }

  .top-bar-container {
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
  }

  .top-bar-text {
    max-width: 90%;
  }

  .top-bar-link, .top-bar-link---brix {
    width: 20%;
  }

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

  .dropdown-grid--1.resources {
    grid-template-columns: 1fr;
  }

  .heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

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

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

  .card_pricing_tab {
    padding: 2rem;
  }

  .section-header-service-1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .team_grid-4-col {
    grid-column-gap: 2.5rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
    max-width: 42.5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .section-header-service--upsell, .section-header-service-automate {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .general-rewiev-wrap {
    grid-column-gap: 40px;
  }

  .quote-testimonials {
    font-size: 22px;
  }

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

  .review-photo {
    width: 40%;
  }

  .sticky-reviews-wrap {
    padding: 30px;
  }

  .sticky-reviews-wrap.sticky-grey-4, .sticky-reviews-wrap.sticky-grey-1 {
    top: 170px;
  }

  .sticky-reviews-wrap.sticky-yellow-5, .sticky-reviews-wrap.sticky-yellow-3 {
    top: 200px;
  }

  .sticky-reviews-wrap.sticky-grey-6, .sticky-reviews-wrap.sticky-grey-4, .sticky-reviews-wrap.sticky-grey-1 {
    top: 170px;
  }

  .sticky-reviews-wrap.sticky-yellow-5, .sticky-reviews-wrap.sticky-yellow-3 {
    top: 200px;
  }

  .sticky-reviews-wrap.sticky-grey-6 {
    top: 170px;
  }

  .testimoninal-item {
    width: 60%;
  }

  .menu-features-link {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }

  .popup-close {
    top: 5%;
    right: 5%;
  }

  .utilities_form-column {
    padding: 2.5rem;
  }

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

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.875rem;
    line-height: 3.375rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  h4 {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }

  h5 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

  h6 {
    font-size: 1.2rem;
    line-height: 1.75rem;
  }

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

  .text-size-medium {
    font-size: .9rem;
  }

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

  .padding-section-medium.padding-top-large {
    padding-top: 3.75rem;
  }

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

  .padding-section-large.padding-top-medium {
    padding-top: 3.754rem;
  }

  .padding-bottom.padding-large {
    padding-bottom: 2rem;
  }

  .style-guide-content-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h6 {
    white-space: normal;
  }

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

  .style-guide-menu-wrapper {
    padding: 1.5rem 2.5rem;
  }

  .style-guide-content-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-style-h2 {
    letter-spacing: 2px;
  }

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

  .text-size-regular.text-color-black-dark {
    font-size: 1rem;
  }

  .style-guide-heading-wrapper {
    min-height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navigation-content-wrapper {
    display: none;
  }

  .cart-container {
    min-width: 30.1rem;
    max-width: 436px;
  }

  .section-header {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .brand-content-wrapper {
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .brand-logo-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .differentsation-grid {
    grid-template-columns: 1fr;
  }

  .growth-status-content {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .cta-component {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .testimonial-card-left-content {
    grid-row-gap: 3rem;
  }

  .all-feature-grid {
    grid-template-columns: 1fr;
  }

  .blog-top-content.in-blog {
    flex-direction: column;
    padding-left: 1.25rem;
  }

  .blog-top-content-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .fotter-botton-content {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid {
    grid-column-gap: 1.75rem;
    grid-template-columns: 1fr 1fr;
  }

  .team-content {
    grid-row-gap: .625rem;
    flex-direction: column;
  }

  .value-item-content {
    flex-direction: column;
    width: 100%;
  }

  .value-item, .value-content {
    max-width: none;
  }

  .section-contact-component {
    padding: 2rem;
  }

  .contact-form-block {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .input-field.is-password {
    width: auto;
  }

  .contact-quick-information {
    grid-row-gap: 2.75rem;
    padding: 3rem 2.5rem;
  }

  .blog-cetagory-collection-list-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .announcement-top-content.in-announcement {
    flex-direction: column;
  }

  .announcement-cetagory-collection-list {
    grid-column-gap: .75rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .announcement-cetagory-collection-list-item {
    grid-column-gap: .75rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  .announcement-collection-item {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .announcement-card {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .announcement-content-wrapper {
    grid-row-gap: 1.25rem;
  }

  .price-card.first {
    padding: 3rem 2.5rem;
  }

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

  .price-grid {
    grid-template-columns: 1fr;
  }

  .price-tabs-menu {
    margin-bottom: 2.5rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
  }

  .price-tab-link.w--current {
    padding: .7rem 2rem;
  }

  .price-table-component {
    overflow: auto;
  }

  .price-right-side-content {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .price-category-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .price-details-left-content, .right-side-price-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .terms-conditions-component, .privacy-policy-component {
    padding: 2rem 1.5rem;
  }

  .team-collection-list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .team-details-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-our-story {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .our-vision-content {
    padding: 2.5rem 1.5rem;
  }

  .work-image {
    width: 60%;
  }

  .job-category-collection-list {
    grid-row-gap: 1rem;
    align-items: stretch;
    width: 100%;
  }

  .job-category-collection-item {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .all-job-category {
    text-align: center;
  }

  .success-story-details-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .job-details-wrapper {
    padding: 2rem 1.5rem;
  }

  .section-coming-soon {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .coming-soon-content {
    padding: 3rem 2.5rem;
  }

  .integration-collection-list {
    grid-template-columns: 1fr;
  }

  .integration-details-component {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section-faq {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .login-form-block {
    padding: 2.5rem 2rem;
  }

  .sing-up-form-block {
    padding: 2.5rem 1.5rem;
  }

  .forgot-password-content-wrapper, .confirm-email-content {
    width: auto;
    padding: 2.5rem 2rem;
  }

  .contact-location-grid {
    grid-template-columns: 1fr;
  }

  .utility-page-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sub-heading, .cta-small-text {
    font-size: .9rem;
  }

  .section-guestara {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .segment-type-grid {
    grid-template-columns: 1fr;
  }

  .heading-style-h6-center {
    white-space: normal;
  }

  .text-size-regular-light, .text-size-light, .text-size-regular--light {
    font-size: .875rem;
  }

  .heading-style-h2--medium {
    letter-spacing: 2px;
  }

  .feature-row {
    margin-top: 30px;
  }

  .cta-card-left-content {
    grid-row-gap: 3rem;
  }

  .section-integrations--white200 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .blog-card-2 {
    width: 56%;
    height: 300px;
  }

  .role-grid {
    grid-template-columns: 1fr;
  }

  .timeline_progress_wrapper {
    justify-content: flex-start;
    align-items: stretch;
    left: 1rem;
  }

  ._2-column_item_component {
    grid-row-gap: 3rem;
    grid-template-columns: 3px 1fr;
  }

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

  .section-header-z {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .integrations-content-wrapper {
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .results-grid {
    grid-template-columns: 1fr;
  }

  .text-size-medium---center {
    font-size: .9rem;
  }

  .section-header-home {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .text-size-large, .text-size-large--white {
    font-size: .9rem;
  }

  .section-home-2 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .ceramic-shield {
    height: 50%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .slider-item.flex-horizontal {
    margin-bottom: 2rem;
  }

  .slider-item.flex-horizontal.flex-vertical {
    padding-bottom: 15rem;
  }

  .grid-2, .grid-3 {
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: block;
  }

  .section-home-3 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .grid-4, .grid-5 {
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: block;
  }

  .slider-item-1.flex-horizontal {
    margin-bottom: 2rem;
  }

  .slider-item-1.flex-horizontal.flex-vertical {
    padding-bottom: 15rem;
  }

  .section-home-4 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .heading-style-h2--dark {
    letter-spacing: 2px;
  }

  .text-size-regular--dark {
    font-size: .875rem;
  }

  .text-size-regular--dark.text-color-black-dark {
    font-size: 1rem;
  }

  .integration-grid-1, .integration-grid--2 {
    grid-template-columns: 1fr;
  }

  .cta-component--v2 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .segment-type-grid-v2, .integration-grid-mobile {
    grid-template-columns: 1fr;
  }

  .section-header-service {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .text-size-medium--dark {
    font-size: .9rem;
  }

  .section-service-2 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .sub-heading--dark {
    font-size: .9rem;
  }

  .section-solutions-2, .section-header-blog {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .tab-button {
    justify-content: flex-start;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .load-bar-base {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-card-dark {
    width: 56%;
    height: 300px;
  }

  .section-header-landing {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .brand-logo-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .items {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .item {
    width: 100px;
  }

  .customer-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .text-size-regular--white {
    font-size: .875rem;
  }

  .landing-section-features-block {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

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

  .tab-link {
    padding-right: 24px;
  }

  .section-header-integration, .section-features {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

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

  .section-header-blog-v2 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .heading-style-h2-2 {
    letter-spacing: 2px;
  }

  .sub-heading--dark-2 {
    font-size: .9rem;
  }

  .brand-content-wrapper-2 {
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-size-medium--dark-2, .text-size-medium-4 {
    font-size: .9rem;
  }

  .section-header-service-2 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .heading-style-h2--dark-2 {
    letter-spacing: 2px;
  }

  .text-size-regular-3 {
    font-size: .875rem;
  }

  .text-size-regular-3.text-color-black-dark {
    font-size: 1rem;
  }

  .phone-mock_wrapper {
    position: absolute;
    left: auto;
    right: -28px;
    overflow: hidden;
  }

  .sticky-text_wrapper.steps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 40px 1fr;
  }

  .circle-number {
    font-size: 1.1rem;
  }

  .circle-number.steps3, .circle-number.steps2, .circle-number.steps4 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .circle-number.steps1 {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
  }

  .circle-number.steps3, .circle-number.steps2, .circle-number.steps4 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .sticky-img_wrapper {
    width: 100%;
  }

  .sticky-container {
    height: auto;
  }

  .section-solutions {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .section-intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-wrap_centered {
    max-width: 27.5rem;
  }

  .spacer-small {
    padding-top: 1.25rem;
  }

  .clients-pic_grid {
    grid-column-gap: 5rem;
  }

  .clients-pic_column {
    flex-wrap: wrap;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .style-guide_card-small {
    padding: .5rem;
  }

  .spacer-xxlarge-2 {
    padding-top: 3rem;
  }

  .horizontal_spacer-large {
    padding: 2rem;
  }

  .heading-style-h4-3 {
    letter-spacing: -.019em;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .style-guide_3-col {
    grid-template-columns: 1fr;
  }

  .integrations_custom-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .icon-height-xlarge {
    height: 3rem;
  }

  .uui-blogpost05_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-blogpost05_form-wrapper {
    flex-direction: column;
  }

  .section-header-pricing {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .text-size-xsmall {
    font-size: .625rem;
    line-height: 1rem;
  }

  .card_pricing {
    padding: 1.5rem;
  }

  .icon-small {
    width: 1.25rem;
    height: 1.25rem;
  }

  .container-small {
    max-width: 32rem;
  }

  .features-grid_icon-text {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .lightbox {
    width: 100%;
  }

  .grid_2-col.is-4x-gutter {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-wrap_centered-mobile {
    max-width: 25rem;
  }

  .differentsation-grid--2-col {
    grid-template-columns: 1fr;
  }

  .text-size-small-2 {
    font-size: .75rem;
    line-height: 1.25rem;
  }

  .blog-description {
    font-size: .875rem;
  }

  .feature-header-service, .section-features-details {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .blog-sub-heading {
    font-size: .9rem;
  }

  .features-cards-wrapper {
    margin-top: 4rem;
  }

  .integrations-content-component {
    flex-flow: column;
  }

  .integrations-block.second, .integrations-block.first, .integrations-block.second, .integrations-block.first {
    width: 100%;
  }

  .header {
    max-width: none;
  }

  .home-features-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 6rem;
  }

  .steps-card {
    display: flex;
  }

  .left-content {
    padding: 3rem 2rem 2rem 3rem;
  }

  .steps-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 6rem;
  }

  .testimonial-grid_2-col.is-5x-gap {
    grid-row-gap: 2.25rem;
    grid-row-gap: 2.25rem;
  }

  .rating-medium {
    height: 1.25rem;
  }

  .faq_question-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-5 {
    letter-spacing: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    line-height: 1rem;
  }

  .icon-small-2 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .circle-small {
    width: 2.5rem;
    height: 2.5rem;
  }

  .column-medium {
    grid-row-gap: .75rem;
  }

  .number_medium {
    letter-spacing: -.025em;
    font-size: 3rem;
  }

  .flex-item {
    width: 2.5rem;
    height: 2.5rem;
  }

  .text-wrap_centered-1 {
    max-width: 27.5rem;
  }

  .specials-prodct-grid {
    grid-template-columns: 1fr;
  }

  .specials-reviews-wrapper, .specials-faq-wrapper, .specials-testimonials-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 6rem;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-card-2 {
    padding: 2rem;
  }

  .ipad-screen {
    border-radius: 6px;
  }

  .announcment-banner {
    font-size: 16px;
  }

  .top-bar-container {
    justify-content: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 1.5;
  }

  .top-bar-container.top-bar-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .top-bar-text {
    max-width: 85%;
  }

  .close-icon---brix {
    max-width: 14px;
    top: 24px;
    right: 24px;
  }

  .announcement-bar-wrapper {
    font-size: 16px;
  }

  .top-bar-link, .top-bar-link---brix {
    justify-content: flex-start;
    width: 25%;
    margin-top: 16px;
  }

  .scrolling_effect-wrap {
    grid-column-gap: .75rem;
  }

  .logo-medium {
    height: 1.5rem;
  }

  .heading-h1-size {
    font-size: 38px;
    line-height: 46px;
  }

  .text-300 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-300.medium.top-8px {
    top: 6px;
  }

  .tabs-menu-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .badge-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-secondary.tabs {
    margin: 8px;
  }

  .pricing-content {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .badge-primary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-primary.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-primary {
    padding: 20px 32px;
  }

  .divider-4 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .card_pricing_tab {
    padding: 1.5rem;
  }

  .section-header-service-1 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .text-size-regular-4 {
    letter-spacing: 0;
    font-size: .875rem;
    line-height: 1.375rem;
  }

  .team_grid-4-col {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

  .text-size-small-5 {
    font-size: .75rem;
    line-height: 1.25rem;
  }

  .section-header-service--upsell, .section-header-service-automate {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .general-rewiev-wrap {
    grid-row-gap: 40px;
    flex-direction: column-reverse;
  }

  .general-rewiev-wrap.reverse {
    flex-direction: column-reverse;
  }

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

  .photo-autor {
    background-position: 50% 10%;
  }

  .photo-autor.review-photo-2 {
    background-position: 50%;
  }

  .photo-autor.review-photo-3 {
    background-position: 50% 100%;
  }

  .our-reviews-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .review-photo {
    width: 100%;
    height: 280px;
  }

  .sticky-reviews-wrap {
    height: auto;
    padding: 20px;
    position: relative;
    top: 0;
  }

  .sticky-reviews-wrap.sticky-grey-4, .sticky-reviews-wrap.sticky-grey-1, .sticky-reviews-wrap.sticky-yellow-5, .sticky-reviews-wrap.sticky-yellow-3, .sticky-reviews-wrap.sticky-grey-6, .sticky-reviews-wrap.sticky-grey-4, .sticky-reviews-wrap.sticky-grey-1, .sticky-reviews-wrap.sticky-yellow-5, .sticky-reviews-wrap.sticky-yellow-3, .sticky-reviews-wrap.sticky-grey-6 {
    top: 0;
  }

  .testimoninal-item {
    width: 100%;
  }

  .popup-wrap {
    padding-left: 0;
  }

  .popup {
    padding-left: 10px;
    padding-right: 10px;
  }

  .scrollbar {
    padding-bottom: 20px;
    padding-right: 10px;
  }

  .utilities_field {
    font-size: .875rem;
  }

  .social_signup-large {
    font-size: 1rem;
  }

  .icon-small-3 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .utlities_slider-wrap {
    justify-content: flex-start;
  }

  .utilities_section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .spacer-large {
    padding-top: 1.75rem;
  }

  .utilities_button {
    font-size: 1rem;
  }

  .utilities_form-column {
    max-width: 25rem;
  }

  .utilities_form-column.no-top-padding-on-phone {
    padding-top: 0;
  }

  .text-size-small-6 {
    font-size: .75rem;
    line-height: 1.25rem;
  }

  .section-header-trial {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.8rem;
    line-height: 2.875rem;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  h3 {
    line-height: 1.75rem;
  }

  h4 {
    line-height: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }

  h6 {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-medium {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
  }

  .text-size-medium.text-color-white {
    font-size: 1.125rem;
  }

  .padding-section-medium.padding-top-large {
    padding-top: 2.5rem;
  }

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

  .padding-section-large.padding-top-medium, .padding-section-large.padding-bottom-top-medium {
    padding-top: 2.5rem;
  }

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

  .padding-section-large.padding-top-medium, .padding-section-large.padding-bottom-top-medium {
    padding-top: 2.5rem;
  }

  .heading-style-h1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .padding-bottom.padding-large {
    padding-bottom: 1.5rem;
  }

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

  .padding-bottom.padding-top-xxlarge {
    padding-top: 4rem;
  }

  .style-guide-content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h5.text-color-natura-white {
    line-height: 1.6rem;
  }

  .heading-style-h4 {
    font-size: 1.4rem;
    line-height: 120%;
  }

  .heading-style-h6 {
    white-space: normal;
  }

  .heading-style-h3 {
    padding-top: .5rem;
    font-size: 1.75rem;
    font-weight: 400;
  }

  .bold-text {
    font-size: .9rem;
  }

  .button {
    text-align: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
  }

  .button.is-third {
    align-self: center;
  }

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

  .text-size-small.text-color-white {
    letter-spacing: .2px;
    letter-spacing: .2px;
  }

  .style-guide-content-list {
    grid-template-columns: 1fr;
  }

  .heading-style-h2 {
    letter-spacing: .2px;
    font-size: 1.8rem;
    line-height: 120%;
  }

  .button-row {
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .text-size-regular {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .text-size-regular.text-color-black {
    font-size: .8rem;
  }

  .text-size-regular.text-color-black-dark {
    font-size: 1rem;
    line-height: 150%;
  }

  .text-size-regular.text-color-white {
    font-size: 1.1rem;
  }

  .navigation-brand-logo {
    display: block;
  }

  .navigation-brand-logo.w--current {
    padding-left: 0;
  }

  .cart-container {
    min-width: 4.8rem;
    max-width: 359px;
  }

  .bottom-content.show-tablet {
    grid-row-gap: .75rem;
    grid-row-gap: .75rem;
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
  }

  .main-wrapper {
    overflow: hidden;
  }

  .section-header {
    padding-top: 6rem;
  }

  .header-grid {
    display: flex;
  }

  .header-review-item-list {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .header-review-item {
    grid-row-gap: .5rem;
  }

  .review-logo-image {
    max-width: 60%;
  }

  .brand-content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .brand-logo-content {
    grid-column-gap: 3.6rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-icon {
    max-width: 95%;
  }

  .growth-status-content {
    grid-column-gap: 0rem;
    grid-template-columns: 1fr 1fr;
  }

  .cta-component {
    padding: 1rem;
  }

  .feature-grid {
    max-width: 100%;
  }

  .feature-details {
    margin-top: 20px;
  }

  .testimonial-card {
    padding: 5rem 1.5rem 1.5rem;
  }

  .testimonial-card-left-content {
    grid-row-gap: 1.75rem;
  }

  .testimonial-content-wrapper {
    align-self: center;
  }

  .testimonial-logo {
    max-width: 75%;
  }

  .testimonial-profile-content {
    grid-row-gap: 1.25rem;
    flex-direction: column;
  }

  .all-feature-grid {
    grid-template-columns: 1fr;
  }

  .all-feature-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .success-story-card {
    grid-column-gap: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .success-story-company-details {
    flex-direction: column;
  }

  .section-blog {
    padding-top: 1rem;
  }

  .section-blog.in-blog {
    padding-top: 4rem;
  }

  .blog-top-content {
    align-self: center;
  }

  .blog-top-content.in-blog {
    width: 90%;
    max-width: 90%;
  }

  .blog-top-content-wrapper {
    grid-row-gap: 1.25rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .blog-card {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .blog-image {
    margin-bottom: 0;
  }

  .blog-card-content-wrapper {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
  }

  .footer-link {
    letter-spacing: .2px;
  }

  .fotter-botton-content {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-left-content {
    width: auto;
  }

  .footer-top-content {
    grid-row-gap: 1.625rem;
    flex-direction: column;
  }

  .footer-bottom-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-content-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-newsletter-from-block {
    width: 100%;
  }

  .footer-link-list-wrapper {
    margin-bottom: 0;
  }

  .value-item {
    height: 13rem;
  }

  .section-contact-component {
    padding: 1rem;
  }

  .contact-form-block {
    padding: 1.5rem 1rem;
  }

  .contact-quick-information {
    padding: 2rem 1rem;
  }

  .quick-icon {
    margin-bottom: 10px;
  }

  .contact-wrapper {
    flex-direction: column;
  }

  .section-demo-contact {
    padding-top: 4rem;
  }

  .demo-contact-form-block {
    width: 95%;
    padding: 1.5rem 1rem;
  }

  .blog-cetagory-collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: none;
  }

  .blog-cetagory-collection-list {
    grid-column-gap: .75rem;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .blog-cetagory-collection-list-item {
    grid-row-gap: .75rem;
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .blog-cetagory-item.w--current {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .announcement-cetagory-collection-list {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .announcement-cetagory-collection-list-item {
    flex-direction: column;
  }

  .announcement-collection-item {
    flex-direction: column;
    width: 100%;
  }

  .announcement-card {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .section-blog-details {
    padding-top: 2rem;
    display: none;
  }

  .blog-details-top-content-wrapper {
    margin-top: 0;
  }

  .blog-main-image {
    min-width: 100%;
    max-width: 100%;
  }

  .price-card.first, .price-card.second, .price-card.third, .price-card.first, .price-card.second, .price-card.third {
    padding: 2rem 1rem;
  }

  .price-right-side-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  .price-category-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .price-heading-row {
    width: 34.375rem;
  }

  .price-details-item-wrapper {
    margin-bottom: .625rem;
  }

  .price-item-gird {
    width: 34.375rem;
  }

  .price-details-left-content, .right-side-price-content {
    padding: 2rem 1rem;
  }

  .checkout-info-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .checkout-row-content {
    grid-row-gap: 1.25rem;
  }

  .checkout-order-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .checkout-discounts {
    flex-flow: column wrap;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .checkout-discounts-code-field {
    flex-direction: column;
  }

  .paypal-info-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .paypal-order-item {
    grid-row-gap: .75rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .order-confirmation-info-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .order-confirmation-item {
    grid-row-gap: .75rem;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .terms-conditions-component {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .terms-conditions-top-content {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .tems-conditions-details h5 {
    font-size: 1rem;
  }

  .tems-conditions-details p {
    font-size: .8rem;
  }

  .section-privacy-policy {
    padding-top: 4rem;
  }

  .privacy-policy-component {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .privacy-policy-top-content {
    grid-row-gap: .9375rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .team-cta-image-wrapper {
    display: flex;
  }

  .team-details-content {
    padding: 1.5rem 1rem;
  }

  .team-details-rich-text-block p {
    font-size: .9rem;
  }

  .section-our-story {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .our-history-chat.first {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .our-vision-content {
    padding: 2rem 1rem;
  }

  .work-image {
    width: 90%;
  }

  .benefit-list-item {
    align-items: flex-start;
  }

  .benefit-item-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .benefit-item-wrapper._01 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .job-category-collection-list {
    flex-direction: column;
  }

  .job-item-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .job-details-content {
    grid-row-gap: 2.5rem;
  }

  .job-details-content.in-details-page {
    align-items: stretch;
  }

  .all-job-link {
    width: auto;
    height: auto;
    display: none;
  }

  .job-requirement-time {
    grid-column-gap: .75rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
  }

  .section-success-story-details {
    padding-top: 4rem;
  }

  .success-story-details-content {
    padding: 2rem 1rem;
  }

  .success-story-top-content {
    grid-row-gap: .75rem;
    flex-direction: column;
    width: 100%;
  }

  .job-requirement-content {
    grid-column-gap: .75rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    display: grid;
  }

  .job-details-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-coming-soon {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .coming-soon-content {
    padding: 2.5rem 1rem;
  }

  .coming-soon-form {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
  }

  .section-integration {
    padding-top: 4rem;
  }

  .integration-item {
    padding: 1.5rem 1rem;
  }

  .section-integration-details {
    padding-top: 4rem;
  }

  .integration-details-component {
    padding: 2rem 1rem;
  }

  .integration-image-wrapper {
    width: 140px;
    height: 140px;
  }

  .integration-tabs {
    align-items: stretch;
  }

  .integration-tabs-menu {
    grid-column-gap: .75rem;
    grid-row-gap: 16px;
    text-align: center;
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: none;
  }

  .integration-tabs-link {
    justify-content: center;
    display: flex;
  }

  .integration-tabs-link.w--current {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-faq {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

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

  .login-form-block, .sing-up-form-block, .forgot-password-content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .reset-password-form-block {
    width: auto;
  }

  .confirm-email-content {
    padding: 2rem 1rem;
  }

  .brand-logo-image {
    max-height: 60px;
  }

  .list-item, .list-item-2, .list-item-3 {
    font-size: .9rem;
  }

  .cart-item {
    grid-row-gap: 1rem;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .nav-logo {
    max-width: 77%;
  }

  .success-story-logo {
    display: none;
  }

  .contact-location-grid {
    grid-template-columns: 1fr;
  }

  .utility-page-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._404-component {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  ._404-image {
    max-width: 35%;
  }

  .password-from-block {
    padding: 4rem 1.25rem;
  }

  .password-from {
    grid-row-gap: .625rem;
    flex-direction: column;
    align-items: stretch;
  }

  .testimonial-menu {
    top: 1.5rem;
    left: 1.5rem;
    right: auto;
  }

  .testimonial-tab-link {
    width: 2.5rem;
  }

  .sub-heading {
    font-size: .9375rem;
    line-height: 1.4rem;
  }

  .cta-small-text {
    font-size: .85rem;
    line-height: 1.4rem;
  }

  .details-image {
    max-width: 100%;
  }

  .subheading-style {
    font-size: 1rem;
  }

  .segment-type-grid {
    grid-template-columns: 1fr;
  }

  .heading-style-h6-center {
    white-space: normal;
  }

  .text-size-regular-light {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .cta-bottom-wrapper {
    justify-content: center;
    align-items: center;
  }

  .section-button--center {
    margin-top: 10px;
  }

  .text-size-light {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .section-serve {
    padding-bottom: 3rem;
  }

  .text-size-regular--light {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .heading-style-h2--medium {
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .feature-column {
    width: 100%;
    min-height: 1px;
    padding-top: 20px;
    padding-bottom: 6.5%;
  }

  .feature-row {
    flex-direction: column-reverse;
    margin-top: 40px;
  }

  .feature-row.no-reverse-feature-row {
    flex-direction: column;
  }

  .text-color-white.heading-style-h5 {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .text-color-white.heading-style-h2 {
    font-size: 2rem;
  }

  .cta-card {
    padding: 2rem 1.5rem 1.5rem;
  }

  .cta-card-left-content {
    grid-row-gap: 1.75rem;
  }

  .testimonial-content-wrapper-copy {
    align-self: center;
  }

  .dropdown {
    display: block;
  }

  .menu {
    background-color: #fff;
    padding-bottom: 32px;
  }

  .dropdown-list-2.w--open {
    top: 0;
  }

  .menu-right {
    font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
    margin-top: 10px;
  }

  .brand.responsive {
    margin-top: 10px;
  }

  .blog-card-2 {
    width: 90%;
    height: 260px;
  }

  .dropdown-toggle {
    border: 1px none var(--color--white-300);
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    font-weight: 400;
  }

  .dropdown-toggle.w--open {
    background-color: #333842;
  }

  .menu-button-2 {
    padding-top: 26px;
  }

  .dropdown-toggle-text {
    font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
    font-weight: 500;
  }

  .cta-card-large {
    padding: 2rem 1.5rem 1.5rem;
  }

  ._2-column_item_component {
    grid-template-columns: 3px 1fr;
  }

  .section-header-z {
    padding-top: 6rem;
  }

  .integrations-content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .dropdown-3 {
    display: block;
  }

  .text-size-medium---center {
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.4rem;
  }

  .heading-style-h4---center {
    line-height: 1.8rem;
  }

  .heading-style-h1---center {
    font-size: 3.2rem;
    line-height: 2.4rem;
  }

  .section-header-home {
    background-position: 50% 0, 50% 100%;
    background-size: auto, auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h1--xl {
    letter-spacing: .2px;
    font-size: 2.4rem;
    line-height: 120%;
  }

  .text-size-large {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.4rem;
  }

  .header-grid-1 {
    display: none;
  }

  .text-size-large--white {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 150%;
  }

  .navbar--dark {
    height: 74px;
    padding-top: .75rem;
  }

  .section-home-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .ceramic-shield {
    max-width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .slider-item.flex-horizontal.flex-vertical {
    padding-bottom: 0;
  }

  .grid-2, .grid-3 {
    padding: 0;
  }

  .section-home-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .grid-4, .grid-5 {
    padding: 0;
  }

  .slider-item-1.flex-horizontal.flex-vertical {
    padding-bottom: 0;
  }

  .section-home-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section-home-6 {
    padding-top: 4rem;
  }

  .heading-style-h2--dark {
    letter-spacing: 0;
    font-size: 1.8rem;
    line-height: 120%;
  }

  .text-size-regular--dark {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .text-size-regular--dark.text-color-black-dark {
    font-size: 1rem;
    line-height: 150%;
  }

  .integration-card-item {
    width: 80px;
    height: 80px;
  }

  .integration-grid-1, .integration-grid--2 {
    display: none;
  }

  .integration-grid-wrapper {
    padding-bottom: 3rem;
  }

  .heading-style-h5--dark {
    font-size: 1.5rem;
  }

  .section-home-7 {
    background-image: none;
    background-size: auto;
    padding-top: 0;
  }

  .cta-component--v2 {
    background-image: url("https://cdn.prod.website-files.com/66010485d3e18f518b4e989b/667f7662c94bced5a07c0432_cta-bg.png");
    background-position: 50% 0;
    background-size: auto;
    padding: 1rem 20px;
  }

  .cta-card-large-v2 {
    box-shadow: none;
    padding: 2rem .5rem 1.5rem;
  }

  .cta-right-content--v2 {
    max-width: 100%;
    margin-top: 20px;
  }

  .segment-type-grid-v2 {
    grid-template-columns: 1fr;
  }

  .type-details {
    margin-top: 30px;
  }

  .integration-grid-mobile {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .section-header-service {
    background-position: 50% 0;
    background-size: auto;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .service-header-grid {
    display: flex;
  }

  .service-header-left-side {
    max-width: 95%;
  }

  .text-size-medium--dark {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
  }

  .service-section {
    padding: 2.5rem 1.5rem;
  }

  .service-section-grid {
    display: flex;
  }

  .service-left-side-content {
    max-width: 100%;
  }

  .section-service-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section-service-3 {
    padding-top: 4rem;
  }

  .blog-card-v2 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-tiny--blue {
    margin-bottom: 0;
  }

  .cta-bottom-wrapper--center {
    justify-content: center;
    align-items: center;
  }

  .sub-heading--dark {
    font-size: .9375rem;
    line-height: 1.4rem;
  }

  .section-solutions-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section-solutions-3 {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .dropdown-features {
    display: block;
  }

  .text-size-small---bold {
    font-size: .9rem;
  }

  .section-header-blog {
    background-position: 50% 100%;
    background-size: auto;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .text-size-small--dark {
    font-size: .9rem;
  }

  .blog-header-grid {
    display: flex;
  }

  .blog-header-left-side {
    max-width: 95%;
  }

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

  .service-section-grid-v2 {
    display: flex;
  }

  .service-details {
    margin-top: 30px;
  }

  .container-dark {
    max-width: 100%;
    padding-left: 0;
  }

  .brand-dark.responsive {
    margin-top: 10px;
  }

  .menu-dark {
    background-color: #1e2025;
    padding-bottom: 0;
  }

  .menu-right-dark {
    font-family: var(--front--heading-front\<deleted\|variable-a1be4104-c4f6-928a-c23e-f79b480d3261\>);
    margin-top: 30px;
  }

  .dropdown-dark {
    display: block;
  }

  .dropdown-features-dark {
    display: none;
  }

  .dropdown-toggle-dark {
    border-width: 1px;
    border-color: var(--color--grey-700);
    color: var(--color--white);
    cursor: pointer;
    border-top-style: none;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: .9rem;
    font-weight: 400;
  }

  .dropdown-card-dark.has-icon {
    margin-bottom: 12px;
  }

  .blog-heading-style-h5 {
    font-size: 1.5rem;
  }

  .integration-page-header {
    display: block;
  }

  .tab-panel {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-block {
    padding-bottom: 10px;
  }

  .tabs-content-2 {
    padding-top: 20px;
  }

  .blog-card-dark {
    width: 90%;
    height: 260px;
  }

  .blog-card-image-container {
    margin-bottom: 0;
  }

  .section-header-landing {
    padding-top: 8rem;
    padding-bottom: 0;
  }

  .landing-header-left-side {
    max-width: 95%;
  }

  .items {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
  }

  .item {
    width: 130px;
  }

  .customer-section {
    margin-top: 160px;
    margin-bottom: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-case-study {
    margin-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-size-regular--white {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .landing-section-features-block {
    padding-top: 6rem;
    padding-bottom: 2rem;
  }

  .landing-section-service-grid {
    display: flex;
  }

  .landing-feature-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .landing-feature-image {
    max-width: 100%;
  }

  .landing-section-features-1, .landing-section-features-2, .landing-section-features-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .landing-portrait-image {
    min-height: 100%;
  }

  .landing-section-features-grid {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .landing-features-grid {
    display: flex;
  }

  .landing-feature-wrapper {
    flex-direction: column;
  }

  .customer-section-v1 {
    margin-top: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mobile-link {
    z-index: 1;
    background-color: #fff0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .tab-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: flex-start;
  }

  .tab-link {
    padding: 10px;
    position: relative;
  }

  .stacked-gradient {
    display: none;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tab-image {
    border-radius: 8px;
    box-shadow: 6px 6px 8px #56565626;
  }

  .stacked-tabs-holder {
    margin-top: 40px;
  }

  .tab-circle {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    box-shadow: 6px 6px 15px #65656542, inset -6px -6px 15px #7978781a;
  }

  .tab-icon {
    width: 20px;
    height: 20px;
  }

  .section-home-usp-v1 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .tabs {
    display: block;
  }

  .section-home-usp-v2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  ._w-cards-list {
    padding-left: 0;
    padding-right: 0;
  }

  .c-card._2 {
    top: 100px;
  }

  .c-card._3 {
    top: 220px;
  }

  ._w-card {
    margin-bottom: 40px;
    padding: 20px 10px;
  }

  .c-card-content-divider {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .home-section-grid {
    display: flex;
  }

  .section-service-usp {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .integration-icons {
    max-width: 85%;
  }

  .header-grid-mobile {
    padding-top: 2rem;
    display: none;
  }

  .section-usp {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .service-section-image {
    max-width: 100%;
  }

  .text-size-medium--blue {
    margin-bottom: 0;
  }

  .section-service-solutions {
    padding-bottom: 1rem;
  }

  .section-header-integration {
    background-position: 50% 25%, 0 0;
    background-size: auto, cover;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .button-gradient {
    text-align: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
  }

  .home-header-image {
    padding-left: 0;
    padding-right: 0;
  }

  .section-features {
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: block;
  }

  .features-left-side-content {
    max-width: 100%;
  }

  .tabs-menu-underline-wrapper {
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: .8em 1em 1em;
  }

  .tabs-nav-item-underline2 {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .tabs-nav-item-underline2._01.w--current, .tabs-nav-item-underline2._03, .tabs-nav-item-underline2._02, .tabs-nav-item-underline2._01.w--current, .tabs-nav-item-underline2._03, .tabs-nav-item-underline2._02 {
    padding-left: .7em;
    padding-right: .7em;
  }

  .features-section-grid {
    display: flex;
  }

  .feature-left-side-content {
    max-width: 100%;
  }

  .card-icon--small {
    width: 70px;
    max-width: 95%;
  }

  .button-text {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .section-header-blog-v2 {
    padding-top: 8rem;
    padding-bottom: 2rem;
  }

  .blog-heading-h1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .service-section-blue {
    padding: 2.5rem 1.5rem;
  }

  .service-section-pink, .service-section-purple, .service-section-yellow, .service-section-lime, .service-section-teal, .service-section-turquoise {
    border-radius: 30px;
    padding: 2.5rem 1.5rem;
  }

  .service-section-image-blue, .service-section-image-pink, .service-section-image-purple, .service-section-image-yellow, .service-section-image-turquoise, .service-section-image-teal, .service-section-image-lime {
    max-width: 100%;
  }

  .heading-style-h2-2 {
    letter-spacing: .2px;
    font-size: 1.8rem;
    line-height: 120%;
  }

  .sub-heading--dark-2 {
    font-size: .9375rem;
    line-height: 1.4rem;
  }

  .brand-content-wrapper-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-medium--dark-2, .text-size-medium-4 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
  }

  .section-header-service-2 {
    background-position: 50% 10%, 0 0;
    background-size: auto, cover;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .heading-style-h4-2 {
    font-size: 1.4rem;
    line-height: 120%;
  }

  .heading-style-h2--dark-2 {
    letter-spacing: 0;
    font-size: 1.8rem;
    line-height: 120%;
  }

  .text-size-regular-3 {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .text-size-regular-3.text-color-black-dark {
    font-size: 1rem;
    line-height: 150%;
  }

  .header-review-item-2 {
    grid-row-gap: .5rem;
  }

  .button-4 {
    text-align: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
  }

  .service-section-violet {
    border-radius: 30px;
    padding: 2.5rem 1.5rem;
  }

  .service-section-image-violet {
    max-width: 100%;
  }

  .sticky-text_wrapper.steps {
    grid-template-columns: 1fr;
  }

  .circle-number.steps1, .circle-number.steps3, .circle-number.steps2, .circle-number.steps4, .circle-number.steps1, .circle-number.steps3, .circle-number.steps2, .circle-number.steps4, .section-sticky-scroll {
    display: none;
  }

  .section-solutions {
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: block;
  }

  .heading-style-h5-blue {
    font-size: 1.25rem;
  }

  .heading-style-h4--dark {
    font-size: 1.4rem;
    line-height: 120%;
  }

  .section-intro {
    padding-top: 4rem;
    display: none;
  }

  .pic-large {
    width: 5rem;
    height: 5rem;
  }

  .clients-pic_grid {
    grid-column-gap: 0rem;
  }

  .clients-pic_column {
    grid-column-gap: 3rem;
  }

  .blog-card-v3 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .hide-mobile-portrait, .blog-wrapper-left {
    display: none;
  }

  .uui-blogpost05_form-wrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .section-header-pricing {
    background-position: 50% -2%, 0 0;
    background-size: auto, auto;
    padding-top: 8rem;
    padding-bottom: 6rem;
  }

  .section-pricing {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .card_small.background-primary-80 {
    margin-top: 2rem;
  }

  .card_pricing.shadow-medium {
    border-radius: 30px;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .icon-small {
    width: 2rem;
    height: 2rem;
  }

  .features-grid_icon-text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-group {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .section-blog-details-mobile {
    padding-top: 3rem;
    display: block;
    overflow: hidden;
  }

  .blog-details--mobile {
    grid-template-columns: 1fr;
  }

  .nav-categories-wrapper {
    height: auto;
    margin-right: 12px;
  }

  .form-blog {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .blog-filter-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
  }

  .nav-link-2 {
    font-size: 12px;
  }

  .nav-link-2.text-medium {
    margin-bottom: 12px;
    font-size: 14px;
  }

  .filter-ui_component.no-padding {
    width: 100%;
  }

  .blog-filter-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    display: grid;
  }

  .blog-cms_filter-content.is-searchbar {
    width: 100%;
    margin-top: 16px;
    padding-right: 0;
  }

  .form-3 {
    display: block;
  }

  .blog-description {
    font-size: .875rem;
    line-height: 1.3rem;
  }

  .feature-collection-list {
    grid-template-columns: 1fr;
  }

  .feature-header-service {
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .section-features-details {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .tab-mobile-img {
    background-color: #f6f8ff;
    border-radius: 8px;
    padding: .5rem;
  }

  .image-11 {
    position: relative;
    top: -14px;
  }

  .blog-wrapper-right {
    display: none;
  }

  .blog-sub-heading {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
  }

  .text-size-small-1 {
    margin-top: 4px;
  }

  .text-size-small-1.text-color-white {
    letter-spacing: .2px;
    letter-spacing: .2px;
  }

  .blog-wrapper-right-mobile {
    max-width: 100%;
    max-height: 300px;
    margin-top: 40px;
    display: block;
    position: static;
  }

  .button-elipse {
    width: 20rem;
    height: 20rem;
  }

  .button-wrapper-2 {
    justify-content: space-between;
    width: 100%;
  }

  .read-more-tag {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: row;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .secondary-button {
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .4rem;
  }

  .trusted-by-hero-logos {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .primary-button {
    width: 100%;
  }

  .logos {
    height: auto;
  }

  .double-button-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .secondary-button-text {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 2.5rem;
    display: flex;
  }

  .about-hero-interaction {
    height: auto;
    margin-top: 4rem;
  }

  .hero-sticky-component {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    height: auto;
    margin-top: 0;
    position: static;
  }

  .sticky-images {
    border-radius: .5rem;
  }

  .sticky-images.left {
    width: 100%;
    max-width: none;
    height: 50vw;
    margin-top: 0;
    position: relative;
    right: auto;
  }

  .sticky-images.middle {
    width: 100%;
    max-width: none;
    height: 50vw;
    position: relative;
  }

  .sticky-images.right {
    width: 100%;
    max-width: none;
    height: 50vw;
    margin-top: 0;
    position: relative;
    left: auto;
  }

  .integrations-image {
    height: 10rem;
  }

  .integrations-block.second, .integrations-block.first, .integrations-block.second, .integrations-block.first {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1rem 1rem 0;
  }

  .steps-item {
    top: auto;
  }

  .steps-tag {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: row;
    width: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .left-content {
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .steps-stack-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .right-content {
    flex-flow: column;
    align-items: center;
    height: 35vh;
    padding-right: 1.75rem;
  }

  .steps-content {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .navbar-specials {
    height: 74px;
    padding-top: .75rem;
  }

  .accordion_paragraph {
    letter-spacing: .4px;
    font-size: 15px;
    line-height: 1.2rem;
  }

  .integrations_row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
  }

  .card_xsmall.background-color-white {
    padding-left: 0;
  }

  .pricing_checks-2-col {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .specials-review-card {
    margin-bottom: 20px;
  }

  .specials-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
  }

  .flex-item {
    width: 80%;
  }

  .specials-integrations {
    padding-top: 4rem;
  }

  .testimonial-card-2 {
    padding: 1.5rem;
  }

  .tablet-mockup-animation {
    margin-top: 40px;
  }

  ._3d-tablet-wrap {
    perspective-origin: 50% 0;
  }

  .ipad-screen {
    border-radius: 4px;
  }

  .top-bar-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .top-bar-container.top-bar-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .top-bar-text {
    max-width: 100%;
  }

  .top-bar-text.max-w-80-mobile---brix {
    max-width: 80%;
  }

  .close-icon---brix {
    max-width: 14px;
    top: 32px;
    right: 16px;
  }

  .announcement-bar-wrapper {
    background-position: 0 100%;
    background-size: cover;
  }

  .top-bar-link {
    justify-content: flex-start;
    width: 40%;
    margin-top: 12px;
    display: flex;
  }

  .top-bar-button---brix {
    align-self: center;
    margin-top: 12px;
    margin-left: 0;
  }

  .top-bar-link---brix {
    justify-content: flex-start;
    width: 40%;
    margin-top: 12px;
    margin-left: 0;
    display: flex;
  }

  .looping-logos-blur-left {
    width: 7.5rem;
  }

  .looping_logo-grid {
    width: 200%;
  }

  .logo-medium {
    border-radius: 6px;
    height: 3rem;
  }

  .looping-logos-blur-right {
    width: 7.5rem;
  }

  .newsroom-collection-list {
    grid-template-columns: 1fr;
  }

  .news-card {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .news-card-image-container {
    margin-bottom: 0;
  }

  .news-image {
    width: 100%;
    margin-top: -30px;
    margin-bottom: 0;
  }

  .dropdown-dark--features {
    display: block;
  }

  .tablet-mockup-static {
    margin-top: 40px;
  }

  .heading-h1-size {
    font-size: 32px;
    line-height: 38px;
  }

  .text-300.medium.top-8px {
    top: 3px;
  }

  .icon-list {
    margin-right: 8px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

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

  .badge-secondary.tabs {
    margin-left: 0;
    margin-right: 0;
  }

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

  .badge-primary.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .divider-4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .card_pricing_tab.shadow-medium {
    border-radius: 30px;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .section-header-service-1 {
    background-position: 50% 0;
    background-size: auto;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .team_grid-4-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    width: 85%;
  }

  .section-teams {
    padding-bottom: 3rem;
  }

  .section-header-service--upsell, .section-header-service-automate {
    background-position: 50% 0;
    background-size: auto;
    padding-top: 8rem;
    padding-bottom: 7.5rem;
  }

  .logo_grid_6-col {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .display-flex-space-between {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .quote-testimonials.dark-quote {
    text-align: left;
    text-align: left;
  }

  .sticky-reviews-wrap {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu-features-link {
    margin-top: 40px;
    padding-top: 40px;
  }

  .tablet-mockup-static-home, .tablet-mockup-animation-home {
    margin-top: 40px;
  }

  .popup-close {
    top: 50px;
    right: 15px;
  }

  .form-row {
    flex-direction: column;
  }

  .form-border {
    min-width: auto;
    padding: 20px;
  }

  .scrollbar {
    padding: 20px;
  }

  .input-wrapper.mr-15 {
    margin-right: 0;
  }

  .cta-bottom-wrapper-1 {
    justify-content: center;
    align-items: center;
  }

  .slider_nav {
    bottom: -3rem;
  }

  .utilities_form-column {
    padding: 1.5rem 1.5rem 2.5rem;
  }

  .utilites_form-arrow {
    bottom: -3rem;
  }

  .utilities_slider-column {
    padding: 1rem 1.5rem 4rem;
  }

  .section-header-trial {
    background-position: 50% 0, 50% 100%;
    background-size: auto, auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

#w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc49a6-a7dc4983, #w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc49b7-a7dc4983, #w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc49c8-a7dc4983, #w-node-e4a03cc0-2420-c557-5729-ddb83fb270a2-a7dc4983, #w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc49d9-a7dc4983 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc4994-a7dc4983 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_395d934f-33ab-d336-0023-24790e8c44a2-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44a7-0e8c4492 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_395d934f-33ab-d336-0023-24790e8c44a8-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44af-0e8c4492 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_395d934f-33ab-d336-0023-24790e8c44b0-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44b5-0e8c4492 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_395d934f-33ab-d336-0023-24790e8c44b7-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44b9-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44bb-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44bd-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44bf-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44c1-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44c4-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44c6-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44ca-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44cc-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44ce-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44d2-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44d4-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44d6-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44d8-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44da-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44dc-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44de-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44e0-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44e2-0e8c4492 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_395d934f-33ab-d336-0023-24790e8c44f4-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44fb-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c4502-0e8c4492 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc4994-a7dc4983 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44a2-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44a7-0e8c4492 {
    grid-column: span 3 / span 3;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44a8-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44af-0e8c4492 {
    grid-column: span 2 / span 2;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44b0-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44b5-0e8c4492 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc4994-a7dc4983 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44a2-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44a7-0e8c4492 {
    grid-column: span 2 / span 2;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44a8-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44af-0e8c4492 {
    grid-column: span 1 / span 1;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44b0-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44b5-0e8c4492 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a4aea63f-01f4-b1a4-817a-4b03a7dc4994-a7dc4983 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44a2-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44a7-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44b0-0e8c4492, #w-node-_395d934f-33ab-d336-0023-24790e8c44b5-0e8c4492 {
    grid-column: span 1 / span 1;
  }

  #w-node-_395d934f-33ab-d336-0023-24790e8c44fb-0e8c4492 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}