:root {
  --_font-family---font-family-inter: Inter, sans-serif;
  --navy-blue: #051a2f;
  --_typography---heading--body-text: 1rem;
  --_font-family---font-family-bebas-neue: "Bebas Neue", sans-serif;
  --_typography---heading--h1: 10rem;
  --_typography---line-height--line-height-1-2-em: 1.2em;
  --_typography---heading--h2: 4.5rem;
  --dark-charcoal-blue: #242a33;
  --_typography---defoult-size--font-size-2rem: 2rem;
  --_spacing---gap--gap-2-75rem: 2.75rem;
  --_spacing---spacing-2-5rem: 2.5rem;
  --soft-warm-ivory: #fff4e2;
  --_spacing---spacing-1-5rem: 1.5rem;
  --_typography---defoult-size--font-size-1rem: 1rem;
  --vivid-orange: #ff8f27;
  --white: white;
  --_typography---defoult-size--font-size-1-125rem: 1.125rem;
  --purple: #9d89fc;
  --_spacing---spacing-10-69rem: 10.69rem;
  --_spacing---spacing-6-25rem: 6.25rem;
  --warm-peach-cream: #ffedd1;
  --_spacing---space-2rem: 2rem;
  --_spacing---space-3-5rem: 3.5rem;
  --_spacing---space-1rem: 1rem;
  --e9eff7: #e9eff7;
  --_spacing---spacing-0-79rem: .79rem;
  --_spacing---gap--gap-1rem: 1rem;
  --wine: #6c061a;
  --_typography---line-height--line-height-1em: 1em;
  --_spacing---gap--gap-1-2rem: 1.2rem;
  --c1d0e5: #c1d0e5;
  --_spacing---gap--gap-3-rem: 3rem;
  --_spacing---gap--gap-13-5-rem: 13.5rem;
  --_typography---line-height--line-height-1-4-em: 1.4em;
  --periwinkle-blue: #c7caff;
  --lemon-yellow: #fdf070;
  --_spacing---space-5rem: 5rem;
  --candy-pink: #f6c2f4;
  --sky-blue: #b4dbff;
  --pastel-yellow: #fdeb97;
  --pastel-green: #c6ff7c;
  --_typography---heading--h3: 2.5rem;
  --rgba-17-17-22-0-12: #1111161f;
  --honey-yellow: #ffd085;
  --_typography---line-height--line-height-1-3-em: 1.3em;
  --_typography---defoult-size--display-text: 13.5rem;
  --_typography---defoult-size--font-size-6-25rem: 6.25rem;
  --_typography---defoult-size--font-size-1-5rem: 1.5rem;
  --_typography---heading--paragraph: 1.25rem;
  --_typography---line-height--line-height-1-5-em: 1.5em;
  --_typography---heading--h4: 2rem;
  --_typography---heading--h5: 1.5rem;
  --_typography---heading--h6: 1rem;
  --_typography---defoult-size--font-size-3rem: 3rem;
}

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

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

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

body {
  font-family: var(--_font-family---font-family-inter);
  color: var(--navy-blue);
  font-size: var(--_typography---heading--body-text);
  --_typography---heading--body-text: 1rem;
  --_typography---heading--h1: 10rem;
  --_typography---line-height--line-height-1-2-em: 1.2em;
  --_typography---heading--h2: 4.5rem;
  --_typography---defoult-size--font-size-2rem: 2rem;
  --_typography---defoult-size--font-size-1rem: 1rem;
  --_typography---defoult-size--font-size-1-125rem: 1.125rem;
  --_typography---line-height--line-height-1em: 1em;
  --_typography---line-height--line-height-1-4-em: 1.4em;
  --_typography---heading--h3: 2.5rem;
  --_typography---line-height--line-height-1-3-em: 1.3em;
  --_typography---defoult-size--display-text: 13.5rem;
  --_typography---defoult-size--font-size-6-25rem: 6.25rem;
  --_typography---defoult-size--font-size-1-5rem: 1.5rem;
  --_typography---heading--paragraph: 1.25rem;
  --_typography---line-height--line-height-1-5-em: 1.5em;
  --_typography---heading--h4: 2rem;
  --_typography---heading--h5: 1.5rem;
  --_typography---heading--h6: 1rem;
  --_typography---defoult-size--font-size-3rem: 3rem;
  --_spacing---gap--gap-2-75rem: 2.75rem;
  --_spacing---spacing-2-5rem: 2.5rem;
  --_spacing---spacing-1-5rem: 1.5rem;
  --_spacing---spacing-10-69rem: 10.69rem;
  --_spacing---spacing-6-25rem: 6.25rem;
  --_spacing---space-2rem: 2rem;
  --_spacing---space-3-5rem: 3.5rem;
  --_spacing---space-1rem: 1rem;
  --_spacing---spacing-0-79rem: .79rem;
  --_spacing---gap--gap-1rem: 1rem;
  --_spacing---gap--gap-1-2rem: 1.2rem;
  --_spacing---gap--gap-3-rem: 3rem;
  --_spacing---gap--gap-13-5-rem: 13.5rem;
  --_spacing---space-5rem: 5rem;
  line-height: 1.2em;
}

h1 {
  font-family: var(--_font-family---font-family-bebas-neue);
  font-size: var(--_typography---heading--h1);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h2 {
  font-family: var(--_font-family---font-family-bebas-neue);
  font-size: var(--_typography---heading--h2);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-family: var(--_font-family---font-family-bebas-neue);
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-2rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.header-logo-link {
  padding-left: 0;
  transition: transform .3s, color .3s;
}

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

.header-nav-list-item-show-in-mbl {
  margin-bottom: 0;
  padding-left: 32px;
  display: none;
}

.hamburger-menu-bar-bottom {
  background-color: #211f54;
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.header-nav-menu-list {
  z-index: 1;
  grid-column-gap: var(--_spacing---gap--gap-2-75rem);
  grid-row-gap: var(--_spacing---gap--gap-2-75rem);
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-wrapper {
  padding-top: var(--_spacing---spacing-1-5rem);
  padding-bottom: var(--_spacing---spacing-1-5rem);
  background-color: #ddd0;
  position: absolute;
  inset: 0% 0% auto;
}

.hamburger-menu-bar-top {
  background-color: #211f54;
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.header-hidden-on-mbl {
  margin-left: var(--_spacing---spacing-1-5rem);
}

.hamburger-menu-wrapper {
  padding: 0;
  transition: transform .3s;
}

.hamburger-menu-wrapper:hover {
  transform: scale(.96);
}

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

.header-logo {
  object-fit: cover;
  width: 100%;
  max-width: 9rem;
}

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

.header-nav-list-item-middle {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

.header-nav-link {
  font-family: var(--_font-family---font-family-inter);
  font-size: var(--_typography---defoult-size--font-size-1rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  padding: 0;
  font-weight: 500;
  transition: color .3s;
}

.header-nav-link:hover {
  color: var(--vivid-orange);
}

.header-nav-link.w--current {
  color: var(--navy-blue);
}

.container {
  padding-right: var(--_spacing---spacing-1-5rem);
  padding-left: var(--_spacing---spacing-1-5rem);
  -webkit-text-fill-color: inherit;
  /*background-color: #fff;*/
  background-clip: border-box;
  max-width: 80rem;
}

.primary-button-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: .125rem solid var(--vivid-orange);
  background-color: var(--white);
  border-radius: 6.25rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.5rem;
  display: inline-flex;
  position: relative;
  overflow: clip;
}

.button-text {
  z-index: 1;
  font-family: var(--_font-family---font-family-inter);
  color: var(--navy-blue);
  font-size: var(--_typography---defoult-size--font-size-1-125rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  position: relative;
}

.dot {
  z-index: 1;
  background-color: var(--vivid-orange);
  border-radius: 6rem;
  width: .75rem;
  height: .75rem;
  position: relative;
}

.buttin-hover-overly {
  background-color: var(--purple);
  border-radius: 6.25rem;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.page-wrapper {
  overflow: clip;
}

.section.hero {
  padding-top: var(--_spacing---spacing-10-69rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-image: url("https://cdn.prod.website-files.com/68f874d8926af12bda4628a7/68f8b4a67af74d93c35fec5c_Bg%20(3).svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.about {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--soft-warm-ivory);
}

.section.projects {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--warm-peach-cream);
}

.section.service {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--soft-warm-ivory);
}

.section.review {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--warm-peach-cream);
}

.section.pricing {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--soft-warm-ivory);
}

.section.faq {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--warm-peach-cream);
}

.section.cta {
  padding-top: var(--_spacing---spacing-6-25rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--soft-warm-ivory);
}

.section.footer {
  padding-bottom: var(--_spacing---space-2rem);
  background-color: var(--soft-warm-ivory);
}

.section.blog-singel {
  padding-top: var(--_spacing---spacing-10-69rem);
  padding-bottom: var(--_spacing---space-3-5rem);
}

.section.style-guide-hero {
  padding-top: var(--_spacing---spacing-10-69rem);
  padding-bottom: var(--_spacing---space-2rem);
  background-color: var(--warm-peach-cream);
}

.section.changelog {
  padding-top: var(--_spacing---spacing-10-69rem);
  padding-bottom: var(--_spacing---spacing-6-25rem);
  background-color: var(--warm-peach-cream);
}

.section.licenses {
  padding-top: var(--_spacing---spacing-10-69rem);
  background-color: var(--soft-warm-ivory);
}

.section._404 {
  background-color: var(--soft-warm-ivory);
  height: 100vh;
}

.hero-block-wrapper {
  padding-bottom: var(--_spacing---space-1rem);
  -webkit-text-stroke-color: var(--e9eff7);
  position: relative;
}

.badga-block {
  padding: var(--_spacing---spacing-0-79rem) var(--_spacing---spacing-1-5rem);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  border: 1px solid var(--navy-blue);
  background-color: var(--white);
  box-shadow: 0rem .1875rem .2rem .2rem var(--wine);
  border-radius: 6rem;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.badga-image {
  width: 2rem;
}

.badga-text {
  font-size: var(--_typography---defoult-size--font-size-1rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
}

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

.hero-heading-block {
  margin-top: var(--_spacing---space-3-5rem);
  position: relative;
  overflow: clip;
}

.hero-heading {
  color: var(--dark-charcoal-blue);
  line-height: var(--_typography---line-height--line-height-1em);
}

.hero-heading.center {
  aspect-ratio: auto;
  opacity: 1;
  color: var(--navy-blue);
  font-size: var(--_typography---heading--h1);
  line-height: var(--_typography---line-height--line-height-1em);
  text-align: center;
  --_typography---heading--body-text: 1rem;
  --_typography---heading--h1: 10rem;
  --_typography---line-height--line-height-1-2-em: 1.2em;
  --_typography---heading--h2: 4.5rem;
  --_typography---defoult-size--font-size-2rem: 2rem;
  --_typography---defoult-size--font-size-1rem: 1rem;
  --_typography---defoult-size--font-size-1-125rem: 1.125rem;
  --_typography---line-height--line-height-1em: 1em;
  --_typography---line-height--line-height-1-4-em: 1.4em;
  --_typography---heading--h3: 2.5rem;
  --_typography---line-height--line-height-1-3-em: 1.3em;
  --_typography---defoult-size--display-text: 13.5rem;
  --_typography---defoult-size--font-size-6-25rem: 6.25rem;
  --_typography---defoult-size--font-size-1-5rem: 1.5rem;
  --_typography---heading--paragraph: 1.25rem;
  --_typography---line-height--line-height-1-5-em: 1.5em;
  --_typography---heading--h4: 2rem;
  --_typography---heading--h5: 1.5rem;
  --_typography---heading--h6: 1rem;
  --_typography---defoult-size--font-size-3rem: 3rem;
  max-width: 74.375rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}

.hero-left-shape {
  width: 11.6813rem;
  position: absolute;
  inset: 7% auto auto 0%;
}

.hero-left-shape._0-2 {
  width: 14.5rem;
  top: 57%;
}

.hero-right-shape {
  opacity: 1;
  object-fit: fill;
  border-radius: 0;
  width: 11.6rem;
  position: absolute;
  inset: 9% 0% auto auto;
}

.hero-right-shape._0-2 {
  opacity: 1;
  border-radius: 0;
  width: 9.8rem;
  top: 59%;
  right: 6%;
}

.hero-list-block {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  justify-content: center;
  align-items: center;
  width: 29rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-item {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list-icon {
  width: 2rem;
}

.list-text {
  outline-offset: 0px;
  font-family: var(--_font-family---font-family-inter);
  font-size: var(--_typography---heading--body-text);
  mix-blend-mode: normal;
  outline: 3px #051a2f;
}

.hero-button-block {
  margin-top: var(--_spacing---space-3-5rem);
  grid-column-gap: var(--_spacing---gap--gap-2-75rem);
  grid-row-gap: var(--_spacing---gap--gap-2-75rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.secondary-button-link {
  padding: var(--_spacing---space-1rem) var(--_spacing---space-2rem);
  border: 2px solid var(--vivid-orange);
  background-color: var(--white);
  box-shadow: 4px 7px 0 0 var(--wine);
  border-radius: 6rem;
  transition: box-shadow .5s;
}

.secondary-button-link:where(.w-variant-fac80a1d-4c25-107e-a037-2df2f3f0f86c) {
  border-color: var(--wine);
}

.secondary-button-link:hover {
  box-shadow: 0 0 0 0 var(--wine);
}

.review-block {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.review-icon {
  width: 2.625rem;
}

.review-text {
  font-weight: 600;
}

.services-highlight-wrapper {
  margin-top: var(--_spacing---spacing-6-25rem);
  padding: var(--_spacing---space-2rem);
  border: 2px solid var(--white);
  background-color: var(--soft-warm-ivory);
  border-radius: 1rem;
}

.services-highlight-block {
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  flex-flow: column;
  display: flex;
}

.services-highlight-content {
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.services-highilight-heading {
  color: var(--dark-charcoal-blue);
  -webkit-text-stroke-color: var(--dark-charcoal-blue);
}

.services-highilight-heading.is-text-color {
  background-image: linear-gradient(136deg, var(--c1d0e5) 100%, var(--purple));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-flex;
}

.services-highilight-heading.is-stroke-color {
  color: var(--soft-warm-ivory);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--navy-blue);
}

.marquee-blcok-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-arrow {
  width: 2.75rem;
}

.marquee-block {
  background-color: var(--wine);
  border-radius: 6rem;
  justify-content: flex-end;
  align-items: stretch;
  max-width: 31rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
  overflow: clip;
}

.marquee-list {
  flex: none;
}

.marquee-list-block {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.highlight-icon {
  width: 100%;
  max-width: 4.4rem;
}

.highlight-image {
  object-fit: cover;
  border-radius: 6rem;
  width: 21.5rem;
  height: 6rem;
}

.highlight-image.max-w-29rem {
  width: 29rem;
}

.services-highlight-content {
  justify-content: flex-start;
  align-items: center;
}

.services-highlight-content._2nd-row {
  grid-column-gap: var(--_spacing---gap--gap-3-rem);
  grid-row-gap: var(--_spacing---gap--gap-3-rem);
  justify-content: flex-start;
  align-items: center;
}

.tittle-block {
  grid-column-gap: var(--_spacing---gap--gap-13-5-rem);
  grid-row-gap: var(--_spacing---gap--gap-13-5-rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tittle-text {
  font-family: var(--_font-family---font-family-inter);
  color: var(--vivid-orange);
  font-size: var(--_typography---defoult-size--font-size-1rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  font-weight: 400;
}

.heading-text {
  margin-top: var(--_spacing---spacing-0-79rem);
  color: var(--dark-charcoal-blue);
  font-weight: 400;
}

.paragraph {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-1rem);
  line-height: var(--_typography---line-height--line-height-1-4-em);
  margin-bottom: 0;
  font-weight: 500;
}

.paragraph-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  display: flex;
}

.about-block-wrapper {
  margin-top: var(--_spacing---spacing-6-25rem);
}

.about-block {
  grid-column-gap: var(--_spacing---gap--gap-3-rem);
  grid-row-gap: var(--_spacing---gap--gap-3-rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-image-block {
  border-radius: 1rem;
}

.about-image {
  z-index: 3;
  border-radius: 1rem;
  position: relative;
}

.counter-blcok-wrapper {
  padding-bottom: var(--_spacing---spacing-2-5rem);
  border-bottom: 1px none var(--c1d0e5);
  flex-flow: column;
  position: relative;
}

.counter-blcok-wrapper.top-space {
  margin-top: var(--_spacing---spacing-6-25rem);
  border-bottom: 2px none var(--c1d0e5);
}

.experience-subtittle-block {
  max-width: 30.5rem;
}

.experience-subtittle-text {
  margin-top: var(--_spacing---spacing-0-79rem);
  font-size: var(--_typography---defoult-size--font-size-1-125rem);
  line-height: var(--_typography---line-height--line-height-1-4-em);
  margin-bottom: 0;
}

.about-badga-text {
  background-image: linear-gradient(90deg, var(--purple) 53%, var(--periwinkle-blue));
  color: var(--soft-warm-ivory);
  border-radius: .4rem;
  padding: .75rem;
  display: inline-flex;
  position: absolute;
  inset: -8% auto auto 13%;
  transform: rotate(15deg);
}

.about-badga-text.bg-chinge {
  background-image: linear-gradient(90deg, var(--vivid-orange) 22%, var(--lemon-yellow));
  top: -14%;
}

.projects-item-block {
  padding: var(--_spacing---spacing-1-5rem);
  background-color: var(--white);
  border-radius: 1rem;
}

.projects-image {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 22.75rem;
  transition: all .5s;
}

.projects-image:hover {
  transform: scale(1.1);
}

.projects-heading-wrapper {
  margin-top: var(--_spacing---spacing-1-5rem);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projects-heading-text {
  font-family: var(--_font-family---font-family-bebas-neue);
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-2rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  font-weight: 400;
}

.projects-text-content-block {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  display: flex;
}

.projects-paragraph {
  margin-bottom: 0;
}

.project-button {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.projects-item-wrapper {
  margin-top: var(--_spacing---space-3-5rem);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.services-card-wrpper {
  margin-top: var(--_spacing---space-5rem);
}

.sercices-card-grid {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.services-card-block {
  padding: var(--_spacing---spacing-1-5rem);
  background-color: var(--candy-pink);
  border-radius: 1rem;
}

.services-card-block.is-color-yellow {
  background-color: var(--lemon-yellow);
}

.services-card-block.is-color-sky-blue {
  background-color: var(--sky-blue);
}

.services-card-block.is-color-pastel-yellow {
  background-color: var(--pastel-yellow);
}

.services-card-block.is-color-pastel-green {
  background-color: var(--pastel-green);
}

.services-card-block.is-color-purple {
  background-color: var(--purple);
}

.icon {
  color: var(--dark-charcoal-blue);
  width: 100%;
  max-width: 5rem;
}

.icon.max-w {
  max-width: 4rem;
}

.services-card-heading {
  margin-top: var(--_spacing---space-5rem);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  display: flex;
}

.card-heading-text {
  font-size: var(--_typography---heading--h3);
  font-weight: 400;
}

.services-card-paragraph {
  line-height: var(--_typography---line-height--line-height-1-4-em);
}

.review-card-wrapper {
  margin-top: var(--_spacing---space-5rem);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.review-card-block {
  padding: var(--_spacing---space-2rem);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  border: 1px solid var(--e9eff7);
  background-color: var(--white);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.user-info-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-image {
  object-fit: cover;
  border-radius: 100%;
  width: 100%;
  max-width: 4rem;
  height: 64px;
}

.user-name-text {
  font-weight: 400;
}

.user-message-blcok {
  margin-top: var(--_spacing---space-2rem);
}

.user-message-text {
  line-height: var(--_typography---line-height--line-height-1-4-em);
}

.icon-blcok {
  position: absolute;
  inset: 13% 7% auto auto;
}

.pricing-block-wrapper {
  margin-top: var(--_spacing---space-3-5rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
}

.pricing-button-lp-one {
  margin-top: 20px;
  margin-bottom: 28px;
}

.body-1rem {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-1rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-bottom: 0;
  font-weight: 400;
}

.price {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---heading--h3);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.price-text {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.feature-text {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-1rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-bottom: 0;
  font-weight: 400;
}

.month-text {
  color: #3b3b3b;
  font-size: var(--_spacing---space-1rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-bottom: 0;
  font-weight: 400;
}

.title-head {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  display: flex;
}

.title-price-lp-one {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.pricing-card-lp-one {
  padding: var(--_spacing---space-1rem) var(--_spacing---spacing-1-5rem);
  border: 1px solid var(--rgba-17-17-22-0-12);
  background-color: var(--white);
  border-radius: 1.5rem;
  width: 100%;
}

.pricing-card-lp-one._02 {
  z-index: 7;
  border-color: var(--honey-yellow);
  background-color: var(--pastel-yellow);
  position: relative;
}

.pricing-card-list-lp-one {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.pricing-card-list-lp-one.monthly {
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.price-date-text {
  margin-bottom: 8px;
}

.pricing-feature-text-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.pricing-feature-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.started-text {
  color: var(--dark-charcoal-blue);
  font-size: var(--_spacing---spacing-1-5rem);
  line-height: var(--_typography---line-height--line-height-1-3-em);
  font-weight: 500;
}

.body-1-125-rem {
  color: #3b3b3b;
  font-size: var(--_typography---defoult-size--font-size-1-125rem);
  line-height: var(--_typography---line-height--line-height-1-4-em);
  margin-bottom: 0;
}

.faq-title {
  font-family: var(--_font-family---font-family-bebas-neue);
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-2rem);
  line-height: var(--_typography---line-height--line-height-1-3-em);
  width: 92%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.faq-question {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.faq-icon {
  position: static;
}

.faq-question-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq-answer-text {
  padding-top: var(--_spacing---space-1rem);
  white-space: normal;
  border-radius: 16px;
  width: 92%;
}

.faq-answer {
  background-color: #ddd0;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.single-faq {
  padding: var(--_spacing---space-2rem) var(--_typography---defoult-size--font-size-2rem) var(--_spacing---space-2rem) var(--_spacing---space-2rem);
  white-space: pre-wrap;
  word-break: keep-all;
  background-color: #f6f7f9;
  border-radius: 1rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-icon-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.faq-block-wrpp {
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  border-radius: 8px;
  flex-flow: column;
  width: 51%;
  display: flex;
}

.faq-heading {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---heading--h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.faq-excapt {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-1-125rem);
  line-height: var(--_typography---line-height--line-height-1-3-em);
  max-width: 30rem;
  margin-bottom: 0;
  font-weight: 400;
}

.section-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-content.faq {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  justify-content: center;
  align-items: flex-start;
}

.faq-content-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-3-rem);
  grid-row-gap: var(--_spacing---gap--gap-3-rem);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cta-block-wrapper {
  position: relative;
}

.display-text {
  color: var(--soft-warm-ivory);
  font-size: var(--_typography---defoult-size--display-text);
  text-align: center;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--purple);
  justify-content: flex-start;
  align-items: center;
  line-height: 1em;
}

.cta-button-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-left-image {
  width: 100%;
  max-width: 9.5rem;
  position: absolute;
  inset: 43% auto auto 8%;
}

.cta-right-image {
  border-radius: .5rem;
  width: 100%;
  max-width: 10rem;
  position: absolute;
  inset: 45% 7% auto auto;
  transform: rotate(20deg);
}

.text-span {
  color: var(--purple);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--purple);
}

.footer-social-icon {
  color: var(--vivid-orange);
  display: block;
}

.footer-social-icon:hover {
  color: var(--dark-charcoal-blue);
}

.footer-right-contents {
  grid-column-gap: var(--_spacing---gap--gap-13-5-rem);
  grid-row-gap: var(--_spacing---gap--gap-13-5-rem);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-wrapper {
  flex-flow: column;
  display: flex;
}

.coppy-right-text {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-1-125rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  text-transform: uppercase;
}

.social-media-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-menu-link-text:hover {
  color: var(--vivid-orange);
}

.footer-menu-link-text.is-default {
  font-family: var(--_font-family---font-family-bebas-neue);
  font-size: var(--_typography---defoult-size--font-size-2rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
}

.footer-menu-link-text.is-default:hover {
  color: var(--dark-charcoal-blue);
}

.footer-divider-line {
  border-bottom: 1px dashed var(--c1d0e5);
  width: 100%;
  height: 1px;
}

.footer-socia-link {
  color: var(--soft-warm-ivory);
  transition: color .3s;
}

.footer-socia-link:hover {
  color: #ff5697;
}

.footer-socia-link.size {
  width: 1.2rem;
}

.footer-socia-link.max-w {
  max-width: 1.5rem;
}

.footer-menu-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.footer-menu-block.contact {
  margin-top: var(--_spacing---space-2rem);
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
}

.footer-left-contents {
  width: 100%;
  max-width: 350px;
}

.defolt-text {
  letter-spacing: -.5px;
  font-size: 16px;
  line-height: 150%;
}

.defolt-text.is-hide {
  display: none;
}

.arrow-icon {
  flex: none;
  width: 24px;
  display: block;
}

.arrow-icon.is-absolute {
  color: var(--dark-charcoal-blue);
  position: absolute;
  inset: 0%;
}

.arrow-icon-block {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.footer-bottom-contents {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-menu-link {
  color: var(--dark-charcoal-blue);
  letter-spacing: -.4px;
  text-transform: capitalize;
  line-height: 150%;
  display: block;
  overflow: clip;
}

.footer-menu-link.w--current {
  color: var(--vivid-orange);
}

.footer-menu-link.contact {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  color: var(--dark-charcoal-blue);
  letter-spacing: -.4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: Bebas Neue, sans-serif;
  font-size: 30px;
  line-height: 140%;
  display: flex;
}

.footer-item-link-texts-wrapper {
  position: relative;
}

.footer-item-links-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-item-links-wrapper.contact {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
}

.footer-item-wrapper {
  margin-bottom: var(--_typography---defoult-size--font-size-6-25rem);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.social-links {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-menu-title {
  font-family: var(--_font-family---font-family-bebas-neue);
  font-size: var(--_typography---defoult-size--font-size-1-5rem);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  text-transform: uppercase;
}

.counter-text {
  justify-content: center;
  align-items: center;
  display: flex;
}

.counter-value {
  color: #222;
  font-size: var(--_spacing---spacing-6-25rem);
  letter-spacing: -.12rem;
  font-weight: 400;
  line-height: 1em;
}

.counter-item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.counter-col {
  font-family: var(--_font-family---font-family-bebas-neue);
  justify-content: center;
  align-items: flex-start;
  height: 6.2rem;
  display: flex;
  overflow: hidden;
}

.footer-logo {
  width: 100%;
  max-width: 10rem;
}

.single-page-content {
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

.blog-heading {
  color: var(--dark-charcoal-blue);
  text-align: center;
}

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

.blog-image-block {
  margin-top: var(--_spacing---space-2rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-image {
  object-fit: cover;
  border-radius: 10px;
  width: 90%;
  height: 46.4rem;
}

.all-content-block {
  margin-top: var(--_spacing---space-3-5rem);
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper {
  color: var(--dark-charcoal-blue);
}

.content-wrapper h3 {
  font-weight: 400;
}

.hero-heading-wrapper {
  text-align: center;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-page-title {
  font-size: var(--_typography---heading--h2);
}

.section-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-wrapper.hero-is-image {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
}

.hero-top-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-top-content.blog-hero-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: 33.5rem;
}

.hero-content-wrapper {
  z-index: 99;
  width: 100%;
  position: relative;
}

.text-size-lg {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---defoult-size--font-size-1rem);
}

.text-size-lg.text-color-secondary {
  color: #fefefe;
}

.text-size-lg.text-color-secondary.text-align-center {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---heading--paragraph);
  line-height: var(--_typography---line-height--line-height-1-4-em);
  text-align: center;
}

.utilities-content-two-column {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.utilities-section-content {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border: 1px solid #ffffff26;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.utilities-section-content.buttons {
  padding: var(--_spacing---space-2rem);
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  flex-flow: row;
}

.utilities-section-content.is-typogeaphy {
  padding: var(--_spacing---space-2rem);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  border-color: var(--vivid-orange);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.utilities-main-inner {
  margin-top: var(--_spacing---space-3-5rem);
  color: var(--soft-warm-ivory);
  display: flex;
}

.text-size-regular {
  font-size: var(--_typography---heading--paragraph);
  line-height: 180%;
}

.utilities-color-swatch-wrapper {
  padding: var(--_spacing---spacing-1-5rem) var(--_spacing---spacing-1-5rem) var(--_spacing---spacing-1-5rem) var(--_typography---line-height--line-height-1-5-em);
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  border: 1px solid var(--wine);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.utilities-page-section-title {
  color: var(--dark-charcoal-blue);
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  width: 100%;
  margin-bottom: 0;
}

.utilities-section-wrap {
  flex-flow: column;
  padding-top: 2rem;
  display: flex;
}

.utilities-main-content {
  flex-flow: column;
  width: 100%;
  display: flex;
  overflow: clip;
}

.primary-button {
  color: #fff;
  background-image: linear-gradient(70deg, #5050fa, #c385ff);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.color-block {
  background-color: var(--sky-blue);
  border-radius: .8rem;
  width: 100%;
  height: 120px;
}

.color-block.soft-peach-coral {
  background-color: var(--wine);
}

.color-block.vivid-orange {
  background-color: var(--vivid-orange);
}

.color-block.silver {
  background-color: var(--c1d0e5);
}

.color-block.navy-blue {
  background-color: var(--navy-blue);
}

.color-block.dark-charcoal-blue {
  background-color: var(--dark-charcoal-blue);
}

.color-block.purple {
  background-color: var(--purple);
}

.color-block.pastel-green {
  background-color: var(--pastel-green);
}

.color-block.lemon-yellow {
  background-color: var(--lemon-yellow);
}

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

.color-title-wrap {
  justify-content: space-between;
  display: flex;
}

.utilities-section-block {
  flex-flow: column;
  display: flex;
}

.color-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.utilities-content-item {
  color: var(--dark-charcoal-blue);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.utilities-typography {
  padding: var(--_spacing---gap--gap-1rem) var(--_spacing---space-1rem) var(--_spacing---space-1rem);
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  border: 1px solid var(--wine);
  border-radius: 12px;
  display: flex;
}

.all-heading {
  grid-column-gap: var(--_spacing---gap--gap-1rem);
  grid-row-gap: var(--_spacing---gap--gap-1rem);
  flex-flow: column;
  display: flex;
}

.heading-0-1, .heading-0-2 {
  color: var(--dark-charcoal-blue);
}

.heading-0-3 {
  font-weight: 400;
}

.heading-0-4 {
  font-family: var(--_font-family---font-family-bebas-neue);
  font-size: var(--_typography---heading--h4);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.heading-0-5 {
  font-family: var(--_font-family---font-family-bebas-neue);
  font-size: var(--_typography---heading--h5);
  line-height: var(--_typography---line-height--line-height-1-2-em);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.utilities-page-section-title-2 {
  color: var(--dark-charcoal-blue);
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 400;
}

.color-text, .text-block {
  color: var(--dark-charcoal-blue);
}

.utilities-page-title-2 {
  line-height: 120%;
}

.brand {
  width: 100%;
  max-width: 152px;
  padding-left: 0;
}

.changelog-title {
  color: var(--dark-charcoal-blue);
  font-size: var(--_typography---heading--h3);
  font-weight: 400;
}

.changelog-content-wrapper {
  color: var(--soft-warm-ivory);
  display: flex;
}

.nav-link {
  text-transform: capitalize;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  overflow: hidden;
}

.licenses-card-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 512px;
  display: flex;
}

.text-size {
  color: var(--dark-charcoal-blue);
  line-height: var(--_typography---line-height--line-height-1-3-em);
}

.utilities-card-blcok {
  margin-top: var(--_spacing---space-2rem);
  padding: var(--_spacing---space-2rem);
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  border: 1px solid var(--rgba-17-17-22-0-12);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.licenses-card-tag {
  border: 1px solid var(--dark-charcoal-blue);
  border-radius: var(--_spacing---gap--gap-1rem);
  color: var(--dark-charcoal-blue);
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.size-regular {
  color: var(--dark-charcoal-blue);
  line-height: var(--_typography---line-height--line-height-1-5-em);
}

.typography-licenses-block {
  flex-flow: column;
  display: flex;
}

.image-licenses-card-blcok {
  grid-column-gap: var(--_spacing---gap--gap-1-2rem);
  grid-row-gap: var(--_spacing---gap--gap-1-2rem);
  border: 1px solid #ffffff26;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.utilities-card-link {
  color: var(--dark-charcoal-blue);
  background-color: #0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  transition: all .3s;
}

.utilities-card-link.w--current {
  color: #fefefe;
}

.licenses-section-block {
  margin-top: var(--_spacing---space-3-5rem);
  padding: var(--_spacing---space-2rem);
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border: 1px solid var(--honey-yellow);
  border-radius: 1rem;
  flex-flow: column;
  display: flex;
}

.link-block-underline {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: relative;
}

.link-block-underline.is-gray {
  background-color: #899ab2;
}

._404-block-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

._404-image {
  width: 30%;
}

.project-image-block {
  border-radius: 1rem;
  overflow: clip;
}

.center-image {
  background-image: url('../images/Hero-Icon-Image_1Hero Icon Image.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 85%;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

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

.text-color-vivid-orange {
  color: var(--vivid-orange);
}

.utility-page-wrap {
  background-color: var(--warm-peach-cream);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.submit-button {
  background-color: var(--vivid-orange);
}

@media screen and (max-width: 991px) {
  body {
    --_typography---heading--body-text: 1rem;
    --_typography---heading--h1: 6.5rem;
    --_typography---line-height--line-height-1-2-em: 1.2em;
    --_typography---heading--h2: 3rem;
    --_typography---defoult-size--font-size-2rem: 1.8rem;
    --_typography---defoult-size--font-size-1rem: 1rem;
    --_typography---defoult-size--font-size-1-125rem: 1rem;
    --_typography---line-height--line-height-1em: 1em;
    --_typography---line-height--line-height-1-4-em: 1.4em;
    --_typography---heading--h3: 2rem;
    --_typography---line-height--line-height-1-3-em: 1.3em;
    --_typography---defoult-size--display-text: 9rem;
    --_typography---defoult-size--font-size-6-25rem: 3rem;
    --_typography---defoult-size--font-size-1-5rem: 1.5rem;
    --_typography---heading--paragraph: 1.25rem;
    --_typography---line-height--line-height-1-5-em: 1.5em;
    --_typography---heading--h4: 2rem;
    --_typography---heading--h5: 1.5rem;
    --_typography---heading--h6: 1rem;
    --_typography---defoult-size--font-size-3rem: 3rem;
    --_spacing---gap--gap-2-75rem: 1.5rem;
    --_spacing---spacing-2-5rem: 2.5rem;
    --_spacing---spacing-1-5rem: 1.5rem;
    --_spacing---spacing-10-69rem: 10.69rem;
    --_spacing---spacing-6-25rem: 4rem;
    --_spacing---space-2rem: 3rem;
    --_spacing---space-3-5rem: 3.5rem;
    --_spacing---space-1rem: 1rem;
    --_spacing---spacing-0-79rem: .79rem;
    --_spacing---gap--gap-1rem: 1rem;
    --_spacing---gap--gap-1-2rem: 1.2rem;
    --_spacing---gap--gap-3-rem: 1rem;
    --_spacing---gap--gap-13-5-rem: 1rem;
    --_spacing---space-5rem: 3rem;
  }

  .header-nav-list-item-show-in-mbl {
    margin-bottom: 16px;
    padding-left: 0;
  }

  .hamburger-menu-bar-bottom {
    width: 35px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .header-nav-menu-list {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .header-menu-wrapper {
    padding: var(--_spacing---spacing-2-5rem);
    background-color: var(--soft-warm-ivory);
  }

  .hamburger-menu-bar-top {
    width: 2.1875rem;
    height: .1875rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .hamburger-menu-wrapper {
    order: -1;
    transition: transform .3s;
  }

  .hamburger-menu-wrapper:hover {
    transform: scale(.96);
  }

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

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

  .primary-button-link:where(.w-variant-8d520869-a90c-4554-b6c9-5c7096c918a6) {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .badga-block {
    padding: .5rem 1rem;
  }

  .hero-heading.center {
    max-width: 43.4rem;
  }

  .hero-left-shape {
    width: 8.2rem;
    top: 15%;
    left: -2%;
  }

  .hero-left-shape._0-2 {
    width: 10.5rem;
    top: 52%;
    left: -4%;
  }

  .hero-right-shape {
    width: 8.7rem;
    top: 13%;
  }

  .hero-right-shape._0-2 {
    width: 7.8rem;
    top: 55%;
  }

  .services-highlight-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .services-highlight-content._1st-row {
    justify-content: center;
    align-items: center;
  }

  .marquee-block {
    max-width: 13.7rem;
  }

  .highlight-icon {
    max-width: 3.1rem;
  }

  .highlight-image {
    width: 11.1rem;
    height: 3.3rem;
  }

  .highlight-image.max-w-29rem {
    width: 13.1rem;
  }

  .services-highlight-content._2nd-row, .services-highlight-content._3rd-row, .services-highlight-content._4th-row {
    justify-content: center;
    align-items: center;
  }

  .tittle-block {
    grid-template-columns: 1.25fr;
  }

  .paragraph {
    max-width: 42.375rem;
  }

  .about-block {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr;
  }

  .about-right-blcok {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-image {
    width: 100%;
  }

  .counter-blcok-wrapper {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .counter-blcok-wrapper.top-space {
    border-bottom-style: none;
    margin-top: 0;
  }

  .about-badga-text {
    top: -17%;
    left: 3%;
  }

  .projects-image {
    height: 13.3rem;
  }

  .projects-heading-wrapper {
    grid-template-columns: 1.25fr;
  }

  .project-button {
    justify-content: flex-start;
    align-items: center;
  }

  .sercices-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .icon.max-w {
    max-width: 2.3rem;
  }

  .review-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .body-1rem {
    white-space: normal;
    word-break: keep-all;
  }

  .pricing-card-list-lp-one.monthly {
    grid-template-columns: 1fr 1fr;
  }

  .body-1-125-rem {
    white-space: normal;
    word-break: keep-all;
  }

  .faq-title {
    white-space: pre-wrap;
    word-break: keep-all;
  }

  .faq-block-wrpp {
    width: 100%;
  }

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

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

  .section-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-content.faq {
    max-width: 80%;
  }

  .faq-content-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-right-contents {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .footer-left-contents {
    width: auto;
    max-width: none;
  }

  .counter-col {
    height: 4.2rem;
  }

  .main-image {
    width: 100%;
    height: auto;
  }

  .utilities-page-title {
    font-size: 72px;
  }

  .section-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .utilities-section-content.is-typogeaphy {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .utilities-color-swatch-wrapper {
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .utilities-page-title-2 {
    font-size: 72px;
  }

  .brand {
    z-index: 99;
  }

  .nav-link {
    color: #121214;
  }

  .utilities-card-blcok {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .image-licenses-card-blcok {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .utilities-card-link {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    line-height: 140%;
    display: flex;
  }

  .link-block-underline {
    height: 1px;
  }

  .center-image {
    padding-left: 16px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---heading--body-text: 1rem;
    --_typography---heading--h1: 4.5rem;
    --_typography---line-height--line-height-1-2-em: 1.2em;
    --_typography---heading--h2: 2.5rem;
    --_typography---defoult-size--font-size-2rem: 2rem;
    --_typography---defoult-size--font-size-1rem: 1rem;
    --_typography---defoult-size--font-size-1-125rem: 1rem;
    --_typography---line-height--line-height-1em: 1.1em;
    --_typography---line-height--line-height-1-4-em: 1.4em;
    --_typography---heading--h3: 2.5rem;
    --_typography---line-height--line-height-1-3-em: 1.3em;
    --_typography---defoult-size--display-text: 7rem;
    --_typography---defoult-size--font-size-6-25rem: 3rem;
    --_typography---defoult-size--font-size-1-5rem: 1.5rem;
    --_typography---heading--paragraph: 1.25rem;
    --_typography---line-height--line-height-1-5-em: 1.5em;
    --_typography---heading--h4: 2rem;
    --_typography---heading--h5: 1.5rem;
    --_typography---heading--h6: 1rem;
    --_typography---defoult-size--font-size-3rem: 3rem;
    --_spacing---gap--gap-2-75rem: 1.5rem;
    --_spacing---spacing-2-5rem: 2.5rem;
    --_spacing---spacing-1-5rem: 1rem;
    --_spacing---spacing-10-69rem: 8rem;
    --_spacing---spacing-6-25rem: 3.2rem;
    --_spacing---space-2rem: 2rem;
    --_spacing---space-3-5rem: 2.5rem;
    --_spacing---space-1rem: 1rem;
    --_spacing---spacing-0-79rem: .79rem;
    --_spacing---gap--gap-1rem: 1rem;
    --_spacing---gap--gap-1-2rem: 1rem;
    --_spacing---gap--gap-3-rem: 1.5rem;
    --_spacing---gap--gap-13-5-rem: 1rem;
    --_spacing---space-5rem: 2rem;
  }

  .header-nav-list-item-show-in-mbl {
    display: block;
  }

  .header-nav-menu-list {
    justify-content: flex-end;
    align-items: center;
  }

  .header-hidden-on-mbl {
    display: none;
  }

  .header-logo {
    max-width: 8rem;
  }

  .hero-left-shape {
    width: 6.2rem;
  }

  .hero-left-shape._0-2 {
    width: 6.4rem;
  }

  .hero-right-shape {
    width: 6.9rem;
  }

  .hero-right-shape._0-2 {
    width: 4.6rem;
  }

  .services-highlight-wrapper {
    display: inline-flex;
  }

  .services-highlight-content._1st-row {
    flex-flow: row;
  }

  .marquee-arrow {
    width: 1.6rem;
  }

  .marquee-block {
    max-width: 5.8rem;
  }

  .highlight-image {
    width: 29.25rem;
    height: 4.5rem;
  }

  .highlight-image.max-w-29rem {
    width: 6.7rem;
    height: 2.8rem;
  }

  .services-highlight-content._2nd-row, .services-highlight-content._3rd-row {
    flex-flow: wrap;
  }

  .about-right-blcok {
    grid-column-gap: 4.7rem;
    grid-row-gap: 4.7rem;
    grid-template-columns: 1fr;
  }

  .about-badga-text {
    top: -19%;
  }

  .about-badga-text.bg-chinge {
    top: -20%;
  }

  .projects-image {
    height: auto;
  }

  .projects-item-wrapper, .sercices-card-grid, .review-card-wrapper {
    grid-template-columns: 1fr;
  }

  .review-card-block.hide {
    display: none;
  }

  .pricing-card-list-lp-one.monthly {
    grid-template-columns: 1fr;
  }

  .price-date-text {
    margin-bottom: 3px;
  }

  .single-faq {
    padding: 20px;
  }

  .faq-block-wrpp {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .section-content {
    flex-flow: column;
  }

  .section-content.faq {
    max-width: 100%;
  }

  .faq-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cta-left-image {
    max-width: 5.3rem;
    left: 2%;
  }

  .cta-right-image {
    max-width: 5.7rem;
    right: 2%;
  }

  .text-span {
    -webkit-text-stroke-width: 0px;
  }

  .footer-right-contents {
    grid-column-gap: 11.4rem;
    grid-row-gap: 11.4rem;
  }

  .footer-socia-link {
    width: 20px;
  }

  .footer-left-contents {
    width: 100%;
    max-width: none;
  }

  .footer-bottom-contents {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .footer-item-wrapper {
    flex-flow: column;
  }

  .counter-col {
    height: 3.3rem;
  }

  .utilities-page-title {
    font-size: 48px;
  }

  .section-wrapper {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .text-size-lg {
    font-size: 18px;
  }

  .utilities-section-content.buttons {
    flex-flow: wrap;
  }

  .text-size-regular {
    font-size: 16px;
  }

  .utilities-color-swatch-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .primary-button {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .utilities-typography {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .utilities-page-title-2 {
    font-size: 48px;
  }

  .utilities-card-blcok {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .size-regular {
    font-size: 16px;
  }

  .image-licenses-card-blcok {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---heading--body-text: 1rem;
    --_typography---heading--h1: 2.8rem;
    --_typography---line-height--line-height-1-2-em: 1.2em;
    --_typography---heading--h2: 2rem;
    --_typography---defoult-size--font-size-2rem: 1.8rem;
    --_typography---defoult-size--font-size-1rem: 1rem;
    --_typography---defoult-size--font-size-1-125rem: 1rem;
    --_typography---line-height--line-height-1em: 1.1em;
    --_typography---line-height--line-height-1-4-em: 1.4em;
    --_typography---heading--h3: 1.5rem;
    --_typography---line-height--line-height-1-3-em: 1.3em;
    --_typography---defoult-size--display-text: 3.7rem;
    --_typography---defoult-size--font-size-6-25rem: 6.25rem;
    --_typography---defoult-size--font-size-1-5rem: 1.5rem;
    --_typography---heading--paragraph: 1rem;
    --_typography---line-height--line-height-1-5-em: 1.5em;
    --_typography---heading--h4: 2rem;
    --_typography---heading--h5: 1.5rem;
    --_typography---heading--h6: 1rem;
    --_typography---defoult-size--font-size-3rem: 3rem;
    --_spacing---gap--gap-2-75rem: 1.4rem;
    --_spacing---spacing-2-5rem: 1.5rem;
    --_spacing---spacing-1-5rem: 1rem;
    --_spacing---spacing-10-69rem: 7rem;
    --_spacing---spacing-6-25rem: 3.6rem;
    --_spacing---space-2rem: 1rem;
    --_spacing---space-3-5rem: 2rem;
    --_spacing---space-1rem: 1rem;
    --_spacing---spacing-0-79rem: .79rem;
    --_spacing---gap--gap-1rem: 1rem;
    --_spacing---gap--gap-1-2rem: .5rem;
    --_spacing---gap--gap-3-rem: 1rem;
    --_spacing---gap--gap-13-5-rem: 1rem;
    --_spacing---space-5rem: 2rem;
  }

  .header-nav-list-item-show-in-mbl {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .header-logo {
    max-width: 6rem;
  }

  .header-nav-list-item-middle {
    text-align: center;
    width: 100%;
  }

  .header-nav-link {
    text-align: center;
    display: inline-flex;
  }

  .primary-button-link {
    display: inline-flex;
  }

  .main {
    overflow: clip;
  }

  .section.style-guide-hero {
    padding-bottom: 4rem;
  }

  .badga-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    box-shadow: 0rem .1875rem 0rem -.1rem var(--wine);
    padding: .5rem;
  }

  .badga-image {
    width: 1.2rem;
  }

  .badga-text {
    font-size: .8rem;
  }

  .hero-heading.center {
    max-width: 21rem;
  }

  .hero-left-shape {
    width: 3.4rem;
    left: -4%;
  }

  .hero-left-shape._0-2 {
    width: 3.9rem;
    top: 38%;
    left: -4%;
  }

  .hero-right-shape {
    width: 3.4rem;
    right: -6%;
  }

  .hero-right-shape._0-2 {
    width: 3.2rem;
    top: 40%;
    right: 0%;
  }

  .hero-list-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: 2rem;
    display: grid;
  }

  .list-item {
    justify-content: center;
    align-items: center;
  }

  .hero-button-block {
    flex-flow: column;
  }

  .secondary-button-link:where(.w-variant-fac80a1d-4c25-107e-a037-2df2f3f0f86c) {
    text-align: center;
    width: 100%;
  }

  .review-icon {
    width: 1.8rem;
  }

  .services-highlight-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .services-highlight-content._1st-row {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .marquee-block {
    max-width: 10.3rem;
  }

  .highlight-icon {
    max-width: 2.2rem;
    display: none;
  }

  .highlight-image {
    border-radius: .6rem;
    width: 9.4rem;
    height: 2.7rem;
    display: none;
  }

  .highlight-image.max-w-29rem {
    width: 100rem;
    height: 10.3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
  }

  .services-highlight-content._2nd-row {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .services-highlight-content._3rd-row {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .services-highlight-content._4th-row {
    grid-column-gap: .5rem;
    grid-row-gap: 0rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .about-right-blcok {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .counter-blcok-wrapper.top-space {
    margin-top: 4.5rem;
  }

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

  .about-badga-text {
    top: -28%;
    left: 15%;
    transform: rotate(-7deg);
  }

  .about-badga-text.bg-chinge {
    top: -35%;
    transform: rotate(1deg);
  }

  .user-info-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .price {
    font-size: 2rem;
  }

  .pricing-card-list-lp-one.monthly {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .price-date-text {
    margin-bottom: 3px;
  }

  .faq-title {
    font-size: 1.4rem;
  }

  .faq-question-wrapper {
    white-space: normal;
    word-break: keep-all;
  }

  .single-faq {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .section-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cta-left-image {
    max-width: 3.1rem;
    left: 1%;
  }

  .cta-right-image {
    max-width: 4rem;
    right: -2%;
  }

  .text-span {
    -webkit-text-stroke-width: 0px;
    font-weight: 400;
  }

  .footer-right-contents {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .social-media-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-item-links-wrapper {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

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

  .counter-item {
    justify-content: flex-start;
    align-items: center;
  }

  .counter-col {
    height: 3.5rem;
  }

  .footer-logo {
    max-width: 7rem;
  }

  .blog-heading {
    color: var(--navy-blue);
    font-size: 2.5rem;
  }

  .utilities-page-title {
    font-size: 38px;
  }

  .text-size-regular {
    font-size: 18px;
  }

  .utilities-color-swatch-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .primary-button {
    padding: 12px 22px;
  }

  .utilities-page-title-2 {
    font-size: 38px;
  }

  .changelog-title {
    font-weight: 400;
  }

  .utilities-card-blcok {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    padding: 24px;
    display: flex;
  }

  .image {
    max-width: 75%;
  }

  .licenses-card-tag {
    padding: 14px 22px;
  }

  .image-licenses-card-blcok {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .utilities-card-link {
    font-size: 16px;
  }

  .center-image {
    padding-right: 39px;
  }
}

#w-node-_0a81b978-3a28-8d39-1959-dec7f35dc980-ebe66d40 {
  align-self: center;
}

#w-node-e0a5f785-eef7-00af-174c-40a42f8d2460-ebe66d40, #w-node-fe1e4271-cf02-1d89-1668-96f4a896a65c-ebe66d40, #w-node-_2a201d99-80ae-1419-b3ea-e5cd4c13ed33-ebe66d40, #w-node-cf0c1b5b-806b-6b31-4076-3fd2333ca83d-ebe66d40, #w-node-f4fd5bc0-4b6d-9a33-be3a-729a4193f207-ebe66d40, #w-node-_65944046-7759-7502-11b3-a8746dd16a25-6dd16a22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65944046-7759-7502-11b3-a8746dd16a29-6dd16a22 {
  align-self: end;
}