@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins.zip') format("undefined");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Athelas Italic;
  src: url('../fonts/Athelas-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Athelas;
  src: url('../fonts/Athelas-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins Bold;
  src: url('../fonts/Poppins-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

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

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

@font-face {
  font-family: "Oggtext Book Bf 646 C 18 Fc 3 D 930";
  src: url('../fonts/OggText-Book-BF646c18fc3d930.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oggtext Bf 646 C 18 Fc 0 D 1 Ec";
  src: url('../fonts/OggText-MediumItalic-BF646c18fc0d1ec.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Oggtext Bf 646 C 18 Fc 56511";
  src: url('../fonts/OggText-Extrabold-BF646c18fc56511.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --gainsboro: #e1ded6;
  --ashh-black: #070629;
  --medium-purple: #ae78ff;
  --royal-blue: #004dff;
  --tomato: #ff6744;
  --sky-blue: #43daff;
  --j: #352d26;
  --dark-salmon: #ff9e88;
  --cornflower-blue: #83acff;
  --green: #40ba71;
  --3rem: 3rem;
  --grey: #7a7a7a;
  --orange: #ff9f4c;
  --black: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

@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 {
  background-color: var(--gainsboro);
  color: #000;
  font-family: Poppins Regular, Arial, sans-serif;
  font-size: .8vw;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  color: var(--ashh-black);
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
  font-family: Poppins Regular, Arial, sans-serif;
  font-size: 1rem;
}

a {
  font-size: 1rem;
  text-decoration: none;
}

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

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
  font-size: 1rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.1rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

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

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

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

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

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

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

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

.margin-xxlarge {
  margin: 5rem;
}

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

.margin-xhuge {
  margin: 8rem;
}

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

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

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

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

.padding-top.padding-medium {
  padding: 10px 0 0;
}

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

.margin-vertical.margin-medium {
  margin-top: 40px;
}

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

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

.margin-bottom.margin-xsmall.is-small-mobile {
  margin-bottom: 30px;
}

.margin-bottom.margin-xxlarge {
  margin-bottom: 5em;
}

.margin-bottom.margin-xlarge {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.margin-bottom.margin-xlarge.is-mob {
  align-items: flex-start;
  margin-bottom: 0;
}

.margin-bottom.margin-xlarge.work {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

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

.margin-bottom.margin-xhuge.is-mob {
  margin-bottom: 110px;
}

.margin-bottom.margin-large {
  margin-bottom: 3em;
}

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

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

.padding-vertical.padding-xxlarge {
  padding: 140px 0 50px;
}

.padding-horizontal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

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

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

.margin-top.margin-medium {
  margin-top: 2em;
}

.margin-top.margin-xlarge {
  margin: 0;
}

.margin-top.margin-xlarge.form {
  justify-content: center;
  align-items: center;
  margin-top: 4em;
  display: flex;
}

.margin-top.margin-xlarge.realtive {
  z-index: 2;
  position: relative;
}

.margin-top.margin-xxlarge {
  margin-top: 100px;
  margin-bottom: 100px;
}

.margin-top.margin-xxlarge.none {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-top.margin-large {
  margin-top: 70px;
}

.margin-top.margin-small {
  margin-top: 1em;
}

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

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

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

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

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

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

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

.text-weight-semibold.name {
  font-size: 24px;
}

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

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

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

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.fs-styleguide_heading-large {
  font-size: 6rem;
}

.background-color-black {
  color: #f5f5f5;
  background-color: #000;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-color-grey {
  color: gray;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  padding: 1.25rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-family: Vollkorn, serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-h3.text-color-grey {
  color: var(--gainsboro);
  font-family: Vollkorn, serif;
  font-size: 2.2em;
  font-weight: 400;
}

.heading-style-h3.text-color-grey.is-mob.big {
  color: #e1ded6;
  line-height: 128%;
}

.heading-style-h3.praise {
  color: #353535;
  font-family: Vollkorn, serif;
  font-size: 2.2rem;
  font-weight: 400;
}

.heading-style-h3.text-color-blue {
  font-style: italic;
}

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

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

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

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

.container-small {
  width: 100%;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
}

.container-small.praise {
  max-width: 1719px;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.padding-global {
  justify-content: center;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}

.padding-global.work {
  z-index: 5;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: auto;
}

.padding-global.footer {
  padding-left: 0;
  padding-right: 0;
}

.padding-global.complex-jar {
  z-index: -1;
  background-color: var(--medium-purple);
  border-top-left-radius: 25em;
  border-top-right-radius: 25em;
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 43em;
  height: 50em;
  margin-top: 0;
  padding: 13.5em 5.3em 7.3em;
  transition: all 1s;
  display: flex;
  position: relative;
  inset: 0% 0% auto 40em;
  overflow: hidden;
}

.padding-global.testi {
  position: relative;
}

.padding-global.px-0 {
  padding-left: 100px;
  padding-right: 100px;
}

.padding-global.px-0.auto {
  margin-top: auto;
  margin-bottom: auto;
}

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

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

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-color-white {
  color: #fff;
}

.text-style-italic {
  font-style: italic;
}

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

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

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

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

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

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-size-regular {
  font-size: 1em;
}

.text-weight-xbold {
  font-weight: 800;
}

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

.text-weight-bold {
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-large.align-center {
  grid-column-gap: 60px;
  grid-row-gap: 10px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.background-color-white {
  background-color: #fff;
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.text-size-small.text-color-grey {
  color: var(--ashh-black);
  font-size: 1em;
  line-height: 1.5;
}

.text-size-small.text-color-white-dim.is-tab.white, .text-size-small.text-color-white.is-white {
  color: #fff;
}

.heading-style-h4 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.4;
}

.heading-style-h4.text-color-white-dim {
  font-size: 1.5em;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-style-nowrap {
  white-space: nowrap;
}

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

.background-color-grey {
  background-color: #f5f5f5;
}

.form_input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-section-large {
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.padding-section-large.home-hero {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.padding-section-large.testimonial {
  z-index: 10;
  padding-top: 6.5rem;
  padding-bottom: 0;
  position: relative;
}

.padding-section-large.work-bottom {
  padding-top: 0;
}

.padding-section-large.work-bottom.copy-flower {
  justify-content: center;
  width: 100%;
  max-width: none;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.padding-section-large.about {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  display: flex;
}

.padding-section-large.about.cms {
  width: 100%;
}

.padding-section-large.purple {
  background-color: var(--medium-purple);
  border-radius: 4em 4em 0 0;
}

.padding-section-large.projects {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--royal-blue);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-bottom: 0;
  display: grid;
  position: absolute;
  inset: auto 0% 0%;
}

.padding-section-large.projects.container-large {
  background-color: #0000;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.padding-section-large.center-align {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: #000;
  text-decoration: underline;
}

.text-size-large {
  font-size: 1.1rem;
}

.text-size-large.text-color-ashh {
  color: var(--ashh-black);
}

.text-size-large.text-color-ashh.is-mob.no-margin {
  margin-bottom: 0;
}

.text-size-large.text-color-white-dim {
  padding-right: 0;
}

.text-size-large.text-color-white-dim.margin-top {
  margin-top: 1em;
}

.text-size-large.text-color-white-dim.is-mob.subtitle {
  font-size: 39px;
  line-height: 56px;
}

.fs-styleguide_header {
  background-color: #0000000d;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2.text-color-blue {
  font-family: Vollkorn, serif;
  font-size: 3em;
  font-style: italic;
  font-weight: 700;
}

.page-wrapper.white {
  background-color: var(--gainsboro);
}

.page-wrapper.blog {
  background-color: var(--ashh-black);
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d40ea;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #be4aa5;
}

.fs-styleguide_label.is-hex {
  color: #000;
  background-color: #f5f5f5;
}

.fs-styleguide_version {
  z-index: 5;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.container-large {
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container-large.footer {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 110em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.container-large.jar {
  position: static;
}

.container-large.is-logo {
  width: 100%;
  max-width: 1920px;
  margin-left: 0;
  margin-right: 0;
}

.container-large.nav {
  justify-content: space-between;
  align-items: center;
  max-width: 90rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container-large.padding-none {
  max-width: 1820px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container-large.flex-align-center {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.container-large.custom-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.icon-height-medium {
  height: 2rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-large {
  height: 3rem;
}

.text-align-center {
  grid-row-gap: 10px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.text-align-center.text-size-custom-18rem {
  font-size: 1.5rem;
}

.form_component {
  margin-bottom: 0;
}

.main-wrapper.about {
  min-height: 100svh;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

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

.button {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

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

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

.button.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

.text-size-medium {
  color: #fff;
  font-size: 18px;
  line-height: 180%;
  overflow: visible;
}

.text-size-medium.text-color-ashh {
  color: var(--ashh-black);
}

.text-size-medium.text-color-white-dim {
  color: #d9d9d9;
  font-size: 22px;
}

.text-size-medium.text-color-grey {
  color: #3a3939;
  font-size: 12px;
}

.text-size-medium.text-size-custom {
  padding-top: 2px;
  font-size: 12px;
}

.text-size-medium.align-mobile.margin-top {
  margin-top: 2rem;
}

.text-size-medium.text-color-ashh.text-align-center {
  text-align: center;
  object-fit: fill;
  align-items: center;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.align-center {
  justify-content: center;
}

.button-group.align-center.work {
  margin-top: 50px;
}

.button-group.align-center.work.home {
  position: relative;
  right: 13px;
}

.button-group.align-center.approach {
  margin-top: 64px;
}

.button-group.startups {
  flex-direction: column;
  align-items: stretch;
}

.button-group.footer-signup {
  justify-content: flex-end;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.button-group.footer-signup:hover {
  font-weight: 400;
}

.button-group.full {
  flex-direction: column;
  align-items: stretch;
}

.button-group.full.price.left {
  align-items: flex-start;
}

.button-group.full.price.center {
  z-index: 999;
  justify-content: center;
  align-items: center;
  position: static;
}

.button-group.margin-top {
  margin-top: 2rem;
}

.hide {
  display: none;
}

.padding-section-medium {
  flex-direction: column;
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
}

.padding-section-medium.jar {
  padding-top: 9.5em;
  padding-bottom: 1.2em;
  position: static;
}

.container-medium {
  width: 100%;
  max-width: 910px;
  margin-left: auto;
  margin-right: auto;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.home-message_content-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center start;
  display: grid;
}

.home-message_component {
  color: #fff;
  min-height: 100vh;
  padding: 2.9em;
  display: flex;
}

.home-message_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.home-message_content {
  color: #000;
  background-color: #0000000d;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.home-message_heading-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-message_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-message_item-icon {
  color: #000;
  background-color: #fff;
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
}

.home-message_logo {
  width: 4rem;
}

.fs-styleguide_spacing-all {
  display: none;
}

.fs-styleguide_color.is-1 {
  background-color: #000;
}

.fs-styleguide_color.is-2 {
  background-color: #f5f5f5;
}

.fs-styleguide_color.is-3 {
  background-color: #fff;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.spacer-large {
  padding-top: 3rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.heading {
  font-size: 7.5em;
}

.navbar14_dropdown-link {
  padding: .5rem 1rem;
}

.navbar14_dropdown-link.w--current {
  color: #0000;
}

.navbar_link {
  width: 100%;
  color: var(--royal-blue);
  border-bottom: 2px solid #004dff;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 40px;
  font-family: Athelas, Arial, sans-serif;
  font-size: 70px;
  font-weight: 700;
  transition: all .6s ease-in-out;
  display: flex;
}

.navbar_link:hover {
  color: var(--tomato);
  letter-spacing: 0;
  font-family: Athelas, Arial, sans-serif;
  font-weight: 700;
}

.navbar_link.w--current {
  color: #0000;
}

.navbar_link.cc-border {
  border-bottom-style: none;
}

.menu-icon2 {
  align-items: center;
  width: 4em;
  height: 2.9em;
  display: flex;
  position: relative;
}

.navbar-14-instructions-delete {
  text-align: left;
  background-color: #0000;
  width: 100%;
  padding: 2rem;
}

.navbar_menu-button {
  padding: 0;
}

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

.navbar14_dropdwn-toggle {
  padding: .5rem 2.5rem .5rem 1rem;
}

.navbar_logo-link {
  padding-left: 0;
}

.navbar14_dropdown-list.w--open {
  background-color: #0000;
  border: 1px solid #0000;
  padding: .5rem;
  position: absolute;
}

.navbar_component {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--royal-blue);
  background-color: var(--gainsboro);
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar_component.delete-this-class {
  display: block;
  position: relative;
}

.navbar_component.background-color-black {
  border-bottom-style: solid;
  border-bottom-color: var(--gainsboro);
  background-color: #000;
}

.button-2 {
  color: #0000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  padding: .75rem 1.5rem;
}

.button-2.is-secondary {
  color: #0000;
  background-color: #0000;
}

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

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

.button-2.is-link {
  color: #0000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-2.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.navbar14_instructions-list {
  padding-left: 1.25rem;
}

.dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navbar_logo {
  width: 12rem;
  max-width: 30em;
}

.navbar_menu-link-wrapper {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2em;
  display: flex;
}

.navbar-on-page {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.navbar_mail-wrapper {
  grid-column-gap: 1rem;
  color: var(--gainsboro);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  font-family: Poppins Regular, Arial, sans-serif;
  display: none;
}

.navbar_menu {
  background-color: var(--gainsboro);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 95vh;
  display: flex;
}

.navbar_menu.background-color-black {
  background-color: #000;
}

.navbar14_instructions-list-item {
  padding-left: .5rem;
}

.rl-styleguide_label {
  color: #0000;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.navbar_container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px #0000;
  border-radius: 0 0 1em 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .6em 100px;
  display: flex;
}

.section_header-home {
  background-color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100svh;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_header-home.is-aprch {
  background-color: #0048ee;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.section_header-home.home {
  height: auto;
  min-height: auto;
  padding: 0;
}

.section_header-home.home.about {
  padding-bottom: 95px;
}

.section_header-home.about {
  padding-bottom: 0;
}

.header_component {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 80em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10em;
  padding-bottom: 6em;
  display: flex;
}

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

.header_content.hero {
  z-index: 13;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  width: auto;
  height: auto;
  max-height: none;
  padding-bottom: 2.5em;
  padding-right: 15.6rem;
  display: flex;
  position: relative;
}

.header_image-wrapper {
  max-width: none;
}

.text-size-medium-3 {
  font-size: 1.125rem;
}

.header_image {
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 60vh;
  margin-left: auto;
  display: flex;
}

.header_image.is-mob {
  display: none;
}

.button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.padding-global-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.content_image {
  width: 100%;
}

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

.content_image-wrapper {
  flex: 1;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section_about {
  background-color: #000;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section_about.minus-purple {
  background-color: #ae78ff00;
}

.section_about.video {
  background-color: #161443;
  justify-content: center;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
}

.about_component {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.about_component.section-2 {
  grid-column-gap: 20px;
  grid-row-gap: 0em;
  border-radius: 8px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.achivment_component {
  grid-column-gap: 25px;
  grid-row-gap: 20px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch center;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.achivment_component.app {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  align-items: flex-start;
  height: 35rem;
}

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

.heading-style-h5-2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.section_achievement {
  background-color: var(--gainsboro);
  padding-top: 100px;
  padding-bottom: 50px;
}

.section_achievement.home {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.achivment_item {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  text-align: center;
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  display: flex;
}

.achivment_item.last {
  border-right-color: #0000;
}

.achivment_item._2 {
  padding-top: 0;
  padding-bottom: 0;
}

.achivment_item.none-border, .achivment_item.approach {
  align-items: center;
}

.button-group-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-3.is-center {
  justify-content: center;
}

.logo_logo {
  color: #ebebeb;
  max-width: 12em;
  max-height: 12em;
}

.logo_logo._12 {
  height: 39px;
}

.logo_logo._12._18 {
  width: auto;
  max-width: none;
  height: 40px;
  max-height: none;
}

.logo_logo._13 {
  width: auto;
  height: 40px;
  max-height: none;
}

.logo_logo._14 {
  width: auto;
  max-width: none;
  height: 32px;
  max-height: none;
}

.logo_logo._15 {
  width: auto;
  max-width: none;
  height: 44px;
  max-height: none;
}

.logo_logo._16 {
  width: auto;
  max-width: none;
  height: 40px;
  max-height: none;
}

.logo_logo._17 {
  width: auto;
  max-width: none;
  height: 46px;
  max-height: none;
}

.logo_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
}

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

.section_logo {
  background-color: var(--royal-blue);
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.work_image {
  object-fit: cover;
  width: 100%;
  display: block;
  position: static;
  inset: 0%;
}

.work_image.last {
  width: 100%;
}

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

.work_lightbox-link {
  z-index: auto;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: block;
  position: static;
  overflow: hidden;
}

.work_component {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  column-count: 2;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  column-gap: 2rem;
  display: grid;
}

.work_component._2 {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-columns: .5fr 1fr;
  margin-top: .75em;
}

.gallery8_image-wrapper {
  object-fit: fill;
  border-radius: 12px;
  width: auto;
  height: 100%;
  max-height: 29em;
  padding-top: 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gallery8_image-wrapper._2 {
  width: auto;
  padding-top: 0%;
}

.text-size-medium-5 {
  font-size: 1.125rem;
}

.section_our-work {
  z-index: 100;
  background-color: var(--royal-blue);
  position: relative;
}

.section_our-work.main {
  background-color: #0000;
  justify-content: center;
  padding-top: 70px;
  padding-bottom: 140px;
  display: flex;
}

.section_our-work.main.about {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section_our-work.main.blog {
  padding-top: 2rem;
}

.work_image-wrapper-large {
  border-radius: 12px;
  width: auto;
  max-height: 29em;
  display: flex;
  position: static;
  overflow: hidden;
}

.work_image-wrapper-large._1 {
  z-index: -1;
  border-radius: 12px;
  width: auto;
  max-height: 29em;
  display: flex;
  position: static;
}

.testimonial10_arrow {
  background-color: #0000;
  border: 1px #0000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.testimonial10_arrow.hide-mobile-landscape {
  border-style: none;
}

.testimonial10_arrow.right {
  right: -50px;
}

.testimonial10_arrow.left {
  left: -50px;
}

.section_praise {
  background-color: var(--gainsboro);
  justify-content: center;
  width: 100vw;
  margin-bottom: 0;
  display: flex;
  position: static;
}

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

.testimonial10_rating-icon {
  color: #0000;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.testimonial_client-info {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-style-h5-3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.testimonial10_client-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.testimonial10_divider {
  background-color: #0000;
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.testimonial_slide {
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.testimonial_content {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial_component {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 998px;
  height: auto;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial10_client-image-wrapper {
  margin-right: 1.25rem;
}

.testimonial10_slide-nav {
  height: 1.75rem;
  color: var(--royal-blue);
  mix-blend-mode: normal;
  font-size: .5rem;
  display: none;
}

.testimonial10_arrow-icon {
  color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: absolute;
}

.testimonial10_arrow-icon.rght {
  transform: rotate(180deg);
}

.testimonial10_logo {
  max-height: 3rem;
}

.testimonial_client {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial10_rating-wrapper {
  display: flex;
}

.layout66_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

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

.section_strategy {
  background-color: var(--gainsboro);
  padding-top: 0;
  padding-bottom: 110px;
}

.section_strategy.home {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.section_strategy.home.approach {
  padding-bottom: 184px;
}

.text-size-medium-6 {
  font-size: 1.125rem;
}

.strategy_component {
  grid-column-gap: 0px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.layout_item-list {
  grid-column-gap: 4em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.layout_item {
  border-bottom: 1px solid var(--tomato);
  padding-bottom: 1.5em;
  transition: all .3s;
  display: flex;
}

.layout_item.no-margin {
  padding-bottom: 1.5em;
}

.footer_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.footer_component {
  z-index: 99;
  padding: 20px;
  position: relative;
}

.footer_left-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  display: block;
}

.footer_link-list {
  grid-column-gap: 2em;
  grid-row-gap: 0em;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: center;
  place-items: flex-end start;
  margin-top: 70px;
  display: flex;
}

.footer_link-list.wrap {
  grid-row-gap: 10px;
  flex-wrap: wrap;
}

.footer_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.footer_top-wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 1em;
  border: 1px solid var(--sky-blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-left: 2em;
  margin-right: 2em;
  padding: 0;
}

.footer_top-wrapper.none-apdd {
  max-width: 90rem;
  margin-left: 0;
  margin-right: 0;
}

.footer_link {
  color: var(--gainsboro);
  font-family: Poppins, sans-serif;
  font-size: 1.25em;
  text-decoration: none;
}

.footer_link:hover, .footer_link.w--current:hover {
  font-weight: 700;
}

.footer_link.none-margin.w--current {
  padding-bottom: 0;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.footer_logo-link {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 340px;
  padding-left: 0;
  display: flex;
}

.footer_logo-link.margin {
  margin-bottom: 50px;
}

.footer_mail-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top: 1px none var(--sky-blue);
  border-bottom: 1px none var(--sky-blue);
  flex-direction: column;
  padding: 1em 1em 1em 0;
  display: flex;
}

.footer_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  color: var(--gainsboro);
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.form-input {
  border: 1px solid var(--sky-blue);
  color: #0000;
  background-color: #0000;
  border-radius: 11px;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input:focus {
  border-color: #000;
}

.form-input::placeholder {
  color: var(--sky-blue);
  font-style: italic;
}

.success-message-2 {
  background-color: #0000;
  padding: 1.5rem;
}

.social-icon {
  color: #e1ded6;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.footer10_legal-link {
  font-size: .875rem;
  text-decoration: underline;
  display: none;
}

.footer_form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

.footer10_credit-text {
  color: var(--gainsboro);
  font-size: .875rem;
}

.footer_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: .75rem;
  display: grid;
}

.footer_social-link {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-mail {
  color: var(--gainsboro);
  display: block;
}

.text-color-blue {
  color: var(--royal-blue);
}

.text-color-blue.text-span-num {
  margin-bottom: .5em;
  font-size: 4.4em;
  line-height: .8;
}

.text-color-blue.text-span-num.black {
  color: var(--j);
  font-size: 44px;
}

.text-color-blue.black {
  color: var(--j);
}

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

.button_component {
  background-color: var(--dark-salmon);
  color: #16121a;
  text-align: center;
  border-radius: .8em;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button_component.blue {
  background-color: var(--cornflower-blue);
  color: var(--ashh-black);
  font-family: Poppins Medium, Arial, sans-serif;
}

.button_component.blue:hover {
  color: var(--gainsboro);
}

.button_component.startup {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.button_component.purple {
  background-color: #c9a6ff;
  font-size: 1.5em;
  overflow: hidden;
}

.button_background-scale {
  background-color: var(--tomato);
  text-align: center;
  border-radius: 10px;
  height: 100%;
  position: absolute;
}

.button_background-scale.blue {
  background-color: var(--royal-blue);
}

.button_background-scale.purple {
  background-color: var(--medium-purple);
}

.button_icon-wrapper {
  background-color: var(--tomato);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 5px;
  display: flex;
  position: absolute;
}

.button_icon-wrapper.blue {
  background-color: #004dff;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  display: flex;
}

.button_icon-wrapper.arrow {
  background-color: #0000;
  width: auto;
  position: static;
}

.button_icon-wrapper.arrow.is-fix.auto {
  padding: 0;
}

.button_icon-wrapper.purple {
  background-color: var(--medium-purple);
}

.button_icon-wrapper.blue-dark {
  background-color: #004dff;
}

.icon-svg {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
}

.icon-svg.org {
  color: #fff;
}

.icon-svg.case-study {
  width: auto;
}

.icon-svg.is-mob {
  display: none;
}

.button_content {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 3.7em;
  padding: 0 20px;
  font-size: 14px;
  display: flex;
  position: static;
}

.button_content.learn-more {
  color: var(--gainsboro);
  margin-left: 0;
  padding-left: .5em;
  padding-right: .5em;
  font-family: Poppins, sans-serif;
}

.button_content.learn-more:hover {
  opacity: .7;
  font-weight: 400;
}

.button_content.learn-more.case-study {
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.button_content.learn-more.is-hover {
  font-family: Poppins, sans-serif;
  transition: all .2s;
}

.button_content.learn-more.is-hover:hover {
  font-weight: 700;
}

.span-text-org {
  color: var(--tomato);
  font-family: Vollkorn, serif;
  font-style: italic;
  font-weight: 700;
}

.span-text-org.work {
  font-size: 80px;
}

.learn-more {
  background-color: var(--medium-purple);
  border-radius: 9px;
  flex-direction: row;
  padding: 4px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  display: flex;
}

.learn-more:hover {
  color: var(--gainsboro);
  font-size: 16px;
  font-weight: 400;
}

.learn-more.case-study {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #ae78ff00;
  align-items: center;
  margin-top: 1em;
}

.logo-svg {
  height: 31px;
  max-height: 9em;
}

.logo-svg.testimonial_client._11 {
  height: 50px;
  max-height: none;
}

.logo-svg.sutteerstock {
  width: 8.3rem;
}

.logo-svg.sutteerstock._5 {
  max-width: none;
  max-height: none;
}

.logo-svg.fox {
  width: 2.2rem;
}

.logo-svg.fox._3 {
  max-width: none;
  height: 34px;
}

.logo-svg.fox._6 {
  width: auto;
  max-width: none;
  height: 33px;
  max-height: none;
}

.logo-svg.fiverr {
  width: 5rem;
}

.logo-svg.fiverr._4 {
  width: auto;
  max-width: none;
  max-height: none;
}

.logo-svg._2 {
  max-width: none;
  height: 25px;
  max-height: none;
}

.logo-svg._7 {
  width: auto;
  max-width: none;
  height: 41px;
  max-height: none;
}

.logo-svg._8 {
  max-width: none;
  height: 26px;
  max-height: none;
}

.logo-svg._9 {
  flex-direction: column;
  width: auto;
  height: 30px;
  max-height: none;
}

.logo-svg._10 {
  width: auto;
  height: 42px;
}

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

.text-color-white-dim.is-mob {
  font-size: 114px;
  line-height: 100%;
}

.black-orvarly {
  z-index: 100;
  opacity: 0;
  background-image: linear-gradient(#000000b3, #000000b3);
  align-items: center;
  padding: 3em;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.black-orvarly:hover {
  display: flex;
}

.work_content-wrapper {
  flex-direction: column;
  display: flex;
}

.work-bold {
  font-family: Poppins Bold, Arial, sans-serif;
}

.span-text-blue {
  color: var(--royal-blue);
  font-family: Vollkorn, serif;
  font-style: italic;
  font-weight: 500;
}

.span-text-blue.black {
  color: #352d26;
  font-size: 1.4em;
  line-height: .7;
}

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

.text-color-ashh.footer {
  color: #352d26;
  font-size: 2em;
}

.text-color-ashh.footer.size {
  font-size: 22px;
}

.text-color-ashh.footer.size.small {
  font-size: .9em;
}

.text-color-ashh.subtitle._12 {
  font-size: 24px;
}

.text-color-ashh.big {
  font-size: 114px;
  line-height: 100%;
}

.praise-line {
  text-align: center;
  background-color: #386fdd80;
  justify-content: center;
  width: auto;
  height: 1px;
  display: flex;
}

.flower-purple {
  z-index: 2;
  width: 10em;
  max-width: 20em;
  position: absolute;
  inset: auto auto 15% 55.5em;
}

.flower-white {
  z-index: 2;
  width: 10.7em;
  max-width: none;
  position: absolute;
  inset: auto auto 12% 48%;
}

.flower-org {
  z-index: 2;
  width: 10em;
  max-width: none;
  position: absolute;
  inset: auto 0% 13% 47%;
  transform: rotate(95deg);
}

.lid-img {
  z-index: 3;
  width: auto;
  position: absolute;
  inset: auto auto 23% 48%;
}

.section_praise-open {
  background-color: var(--medium-purple);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_praise-open.padding {
  padding-top: 0;
  padding-bottom: 7rem;
}

.jar-air {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  padding-bottom: 0;
  display: block;
  position: relative;
  bottom: 2px;
}

.jar-air-wrapper {
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.small-jar {
  order: 0;
  align-self: auto;
  width: 35em;
  height: 35em;
  margin-top: -19.4em;
  padding-right: 2.5em;
  position: static;
  inset: auto auto 4.3em 43.3em;
}

.span-text-italic {
  color: var(--tomato);
  font-style: italic;
  font-weight: 700;
}

.down-crcle-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 4em;
  margin-bottom: 85px;
  display: flex;
}

.down-crcle {
  background-color: var(--tomato);
  border-radius: 100%;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  font-size: 1vw;
  display: flex;
}

.background-color-blue {
  background-color: var(--royal-blue);
  border-top-left-radius: 80em;
  border-top-right-radius: 80em;
}

.footar-img {
  z-index: 0;
  width: 100%;
  margin-top: -622px;
  position: static;
}

.arrow-down {
  width: 8em;
  height: 8em;
}

.footer-left {
  grid-column-gap: 0em;
  grid-row-gap: 0px;
  border-style: none solid none none;
  border-width: 1px;
  border-color: var(--sky-blue);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 50px 30px;
  display: flex;
}

.footer-middle {
  grid-column-gap: 3em;
  grid-row-gap: 0px;
  border: 1px none var(--sky-blue);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 50px 30px;
  display: flex;
}

.footer-right {
  border-style: none;
  border-width: 1px;
  border-color: black var(--sky-blue) black black;
  padding: 2em 1.2em;
}

.footer-startup_box {
  grid-column-gap: 1em;
  grid-row-gap: 20px;
  background-color: var(--gainsboro);
  border: 1px #000;
  border-radius: 1em;
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.footer-startup_box.margin {
  background-color: #e1ded600;
  margin-top: 50px;
  margin-bottom: 30px;
  padding: 0;
}

.footer-socal-list {
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.footer-socal-list.show {
  display: none;
}

.footer-socal-list.margin {
  margin-bottom: 30px;
}

.custom-socal-icon {
  color: #e1ded6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_content-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px solid var(--sky-blue);
  border-radius: 11px;
  flex-direction: column;
  padding: 1em;
  display: flex;
}

.span-text-footer {
  color: var(--medium-purple);
  font-family: Poppins Bold, Arial, sans-serif;
  font-weight: 700;
}

.proud-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.conversation-linl {
  color: var(--medium-purple);
  font-family: Athelas Bold, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}

.section-pop_jar-animation {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 700vh;
  margin-bottom: 0;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: visible;
}

.y-comb-wrapper {
  position: relative;
  top: 0;
}

.div-block {
  display: flex;
}

.y-combin {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: center;
  align-items: center;
  margin-top: 3em;
  display: flex;
}

.y-combin.footer {
  margin-top: 0;
  padding-left: 0;
}

.y-combin.footer.show.margin {
  display: none;
}

.y-combin.footer.wrap {
  flex-wrap: wrap;
}

.y-combin.is-mob {
  display: none;
}

.dynamic-jar-wrapper {
  background-color: var(--medium-purple);
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30em;
  height: 40em;
  margin-top: 51px;
  margin-bottom: 51px;
  display: flex;
  position: relative;
}

.jar-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  transition: all 1s;
  display: flex;
  position: static;
}

.dynamice-jar_img {
  opacity: 0;
  position: absolute;
}

.dynamice-jar_img._2 {
  opacity: 0;
}

.dynamice-jar_img.blue {
  opacity: 1;
  position: absolute;
  inset: 0%;
}

.jar-content {
  opacity: 1;
  justify-content: center;
  margin-bottom: 4em;
}

.jar {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.home-hero-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  align-items: center;
  max-width: 90rem;
  height: 100vh;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-about_text {
  z-index: -1;
  background-color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 250px;
  position: relative;
  inset: 0 0% auto;
}

.section-about_text.upr-padd-none {
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.body {
  font-size: 1.1vw;
}

.footer-heading {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.heading_wrap {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 20vh;
}

.heading_wrap.abt {
  margin-top: 100px;
}

.split-lines {
  color: var(--gainsboro);
  font-family: Poppins, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1.3;
}

.section-value {
  z-index: 999;
}

.value-wrapper {
  z-index: -5;
  background-color: var(--medium-purple);
  margin-top: -136px;
  margin-bottom: -800px;
  padding: 120px 70px 990px;
  position: relative;
}

.value-wrapper.abt {
  z-index: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: -72vw;
  padding-bottom: 64vw;
  display: flex;
  top: -143px;
}

.value-text_wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-span-ashh {
  color: var(--ashh-black);
  font-family: Vollkorn, serif;
  font-style: italic;
  font-weight: 700;
}

.text-span-ashh.span-text-org {
  color: var(--tomato);
}

.text-span-ashh.span-text-blue {
  color: var(--royal-blue);
}

.value-content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 90rem;
  margin-left: 100px;
  margin-right: 100px;
}

.value-content {
  flex-direction: column;
  align-items: center;
  max-width: none;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.value-content.middle {
  margin-top: 144px;
}

.value-content.margin-none {
  margin-top: 0;
}

.content-text {
  grid-row-gap: 10px;
  color: #fff;
  flex-direction: column;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.text-span-num {
  font-family: Vollkorn, serif;
  font-size: 1.4em;
  font-style: italic;
  line-height: 1.4;
}

.bg-color-purple.purple-about {
  background-color: #0000;
}

.section-work-heading {
  padding-top: 140px;
  padding-bottom: 70px;
}

.jar-relative {
  z-index: 1;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.text-coolor-blue {
  color: var(--royal-blue);
}

.text-coolor-blue.is-mob {
  font-size: 55px;
}

.lotte-nav {
  z-index: 1;
  display: flex;
  position: absolute;
}

.lotte-nav.close {
  z-index: 0;
  opacity: 0;
}

.lotte-nav.text {
  display: none;
}

.body-black {
  color: var(--gainsboro);
  background-color: #000;
}

.heading-color-blue {
  color: var(--royal-blue);
}

.heading-color-blue.text-align-center.is-white {
  color: #fff;
}

.cms-hero-wrapper {
  grid-row-gap: 50px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  display: flex;
}

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

.text-size-39px {
  font-size: 3.6em;
}

.cms-tag-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  display: flex;
}

.cms-tag {
  border: 1px solid var(--gainsboro);
  color: var(--gainsboro);
  border-radius: .5em;
  justify-content: center;
  padding: .8em;
  display: flex;
}

.cms-overview-wrapper {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.cms-overview {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  max-width: 100%;
  margin-top: 2rem;
  display: flex;
}

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

.div-block-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.overcomplex-layout-wrapper {
  justify-content: center;
  display: flex;
}

.compex-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.compex-grid.custom-container {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-around;
  display: flex;
}

.complex-item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: center;
  width: 22%;
  display: flex;
  position: relative;
}

.complex-item.last {
  align-items: flex-start;
  width: 35%;
}

.complex-line {
  background-color: #6566d0;
  width: 1px;
  height: 160px;
}

.complex-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.com-plus {
  position: absolute;
  inset: 20% 0% 0% auto;
}

.cms-multiple-img-wrapper {
  justify-content: center;
  display: flex;
}

.cms-img-1-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cms-img-1 {
  display: flex;
}

.cms-img-logo-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cms-img-logo {
  display: flex;
}

.cms-img-wrapper {
  grid-column-gap: 10em;
  grid-row-gap: 10em;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

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

.work_list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-width: auto;
  max-width: 90rem;
  height: auto;
  display: grid;
}

.work-content {
  color: var(--gainsboro);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.work-name {
  font-family: Poppins, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
}

.complex-img-wrapper {
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  display: flex;
}

.random-empty {
  background-color: #0000;
  width: 100%;
  display: none;
}

.footar-main {
  grid-column-gap: 2em;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.lottie-animation {
  width: 20em;
  height: 38em;
  margin-left: 41px;
  margin-right: 41px;
  position: relative;
  top: 0;
}

.lottie-animation.hide-mobile, .lottie-animation.hide-desk-top {
  display: none;
}

.jar-wrraper {
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50em;
  display: flex;
  position: sticky;
  top: 15.4vh;
}

.jar-wrraper.projects {
  z-index: 1;
  width: 100vw;
  padding-top: 6rem;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: sticky;
  top: 0;
}

.jar-wrraper.jar-main {
  justify-content: center;
  width: 100vw;
  display: flex;
  top: 0;
  overflow: visible;
}

.jar-wrraper.zoom {
  z-index: 3;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.div-block-5 {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.div-block-6 {
  height: 1000vh;
  padding: 0;
}

.div-block-7 {
  background-color: var(--gainsboro);
  justify-content: center;
  height: 400vh;
  padding-top: 71px;
  display: flex;
  position: relative;
}

.div-block-8 {
  background-color: var(--medium-purple);
  border-radius: 70em 70em 0 0;
  justify-content: center;
  align-items: flex-start;
  width: 40em;
  height: 50em;
  padding: 7.5em 4.5em;
  display: flex;
  position: sticky;
  top: 100px;
}

.div-block-9 {
  z-index: 3;
  width: 100vw;
  height: 100%;
  padding-top: 6em;
  position: absolute;
  inset: 2% 0% auto;
  overflow: hidden;
}

.div-block-10 {
  background-color: var(--royal-blue);
}

.italic-text {
  color: var(--ashh-black);
  font-family: Vollkorn, serif;
}

.jar-animation-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.lottie-animation-2 {
  justify-content: center;
  width: 100vw;
  height: 125vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: 10%;
  transform: translate(0);
}

.home-work-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-width: auto;
  max-width: 90rem;
  margin-top: 2em;
  display: grid;
}

.main-jar-wrapper {
  z-index: 10;
  justify-content: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.approach-headar {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-columns: 1fr;
}

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

.app_lotte {
  max-width: 60em;
}

.app_lotte._1 {
  max-width: 50em;
}

.app_lotte._2 {
  max-width: 35em;
}

.app_lotte._2.is-black {
  background-color: #000;
  border-radius: 560px 560px 0 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 45em;
  height: 100%;
  min-height: auto;
  display: flex;
}

.app_lotte._2.is-black.mobiole, .section-app_jar {
  display: none;
}

.text-jar_wrap {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.app-bg-blue {
  background-color: var(--royal-blue);
}

.text-jar {
  background-image: url('../images/approch.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12em 12em 12em 13em;
}

.text-jar.blue {
  background-image: url('../images/Layer_3.svg');
}

.jar-content-text {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  color: #fff;
  flex-direction: column;
  margin-top: 1em;
  display: flex;
}

.app-bg-purple {
  background-color: var(--medium-purple);
}

.section-form {
  background-color: var(--royal-blue);
}

.section-form.price {
  background-color: var(--gainsboro);
  padding-top: 6rem;
  padding-bottom: 7.5rem;
}

.from-main_wrap {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.pricing_form {
  background-color: #fff;
  border-radius: 12px;
  min-width: 66vw;
  max-width: 66vw;
  padding: 3.8em;
}

.pricing-label {
  color: var(--royal-blue);
  margin-bottom: 0;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.pricing-text {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--tomato);
  background-color: #0000;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 0;
}

.pricing-text::placeholder {
  font-size: 1vw;
  font-style: italic;
}

.pricing-text.major {
  border-style: solid;
  border-color: var(--tomato);
  border-radius: .5em;
  min-height: 10em;
  margin-top: 2rem;
  padding: 15px;
}

.pricing-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._1st-fields {
  grid-column-gap: 5em;
  grid-row-gap: 2em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fields-wrap {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.pricing-dropdown {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--tomato);
  background-color: #0000;
  background-image: url('../images/icon.svg');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 12px;
  display: block;
}

.pos-reletive {
  position: relative;
}

.b-a-d {
  display: none;
  position: absolute;
  inset: 29% 0% 0% auto;
}

.body-pricing {
  background-color: #000;
}

.section-pricing-explain {
  width: 100vw;
  padding-top: 7rem;
  padding-bottom: 6rem;
  position: static;
}

.section-pricing-explain.blue-color {
  background-color: var(--royal-blue);
}

.section-pricing-explain.background-color-white {
  background-color: var(--gainsboro);
}

.section-pricing-explain.background-color-white.exclude-top-padding {
  justify-content: center;
  display: flex;
}

.section-pricing-explain.purple {
  background-color: var(--medium-purple);
  border-top-left-radius: 1000vw;
  border-top-right-radius: 1000vw;
  height: auto;
  padding-bottom: 0;
}

.pricing-main-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.pricing-main-wrap.padding-top-extra {
  z-index: 2;
  width: 100%;
  max-width: 90rem;
  padding-top: 8rem;
  position: relative;
}

.pricing-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.pricing-grid.add-cutom {
  grid-template-columns: 1fr 1fr;
}

.pricing-wrap.two-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  height: 60%;
  display: flex;
}

.slots {
  background-color: var(--medium-purple);
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  font-family: Poppins Bold, Arial, sans-serif;
  display: flex;
}

.slots.org {
  background-color: var(--tomato);
}

.slots.blue {
  background-color: var(--royal-blue);
  width: auto;
  color: var(--gainsboro);
  padding-left: 50px;
  padding-right: 50px;
}

.slots.blue.background-color-black {
  background-color: #000;
}

.pricing {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--gainsboro);
  border-radius: 12px;
  flex-direction: column;
  padding: 2em 4em;
  display: flex;
}

.pricing.card {
  width: 100%;
  height: 100%;
  padding-left: 3em;
  padding-right: 3em;
}

.pricing.card.background-color-blue {
  background-color: var(--royal-blue);
  padding-top: 4em;
  padding-bottom: 2em;
}

.pricing.card.body-black {
  border: 6px none var(--tomato);
  background-color: var(--ashh-black);
  padding-top: 4em;
}

.pricing.card.websdesign {
  background-color: var(--medium-purple);
  justify-content: center;
  height: 100%;
}

.pricing.card.websdesign.gray {
  background-color: var(--j);
  height: 40%;
}

.limitasion-box {
  background-color: var(--medium-purple);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  font-family: Poppins Medium, Arial, sans-serif;
  display: flex;
}

.limitasion-box.black {
  width: 100%;
  height: 65px;
  color: var(--gainsboro);
  text-align: center;
  background-color: #000;
  padding: 15px;
}

.limitasion-box.blue {
  background-color: var(--royal-blue);
  width: 100%;
  height: 65px;
  color: var(--gainsboro);
}

.pricing-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  display: flex;
}

.pricing-content.service {
  border-top: 1px solid var(--royal-blue);
  border-bottom: 1px solid var(--royal-blue);
  height: auto;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.pricing-content.fix-size {
  z-index: 3;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  height: auto;
  position: relative;
}

.pricing-content.fix-size.dev {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
}

.pricing-content.fix-size.dev.gray {
  align-items: flex-start;
}

.heding-price {
  font-size: 3.5em;
}

.point-wrap {
  padding-bottom: 2rem;
}

.point-wrap.dev {
  padding-bottom: 0;
}

.price-list-bullet {
  color: var(--gainsboro);
  text-transform: none;
  background-color: #0000;
  border: 1px #000;
  flex-direction: column;
  padding-bottom: 0;
  font-size: 1rem;
  text-decoration: none;
}

.price-list-bullet.text-color-ashh {
  color: var(--j);
}

.service-link {
  color: var(--j);
  text-align: center;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 1.5em;
  transition: color .5s;
}

.service-link:hover {
  color: #004dffcc;
}

.go-back-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--gainsboro);
  align-items: center;
  display: flex;
}

.service-text {
  color: var(--j);
  text-align: left;
  margin-bottom: 1em;
  font-family: Poppins Bold, Arial, sans-serif;
  font-size: 1.5em;
}

.service-list {
  color: var(--j);
  flex-direction: column;
  padding-bottom: 0;
  font-size: 1.5em;
}

.section_faq {
  z-index: 1000;
  background-color: #000;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.faq1_answer {
  padding-left: 1.25em;
  padding-right: 1.25em;
  overflow: hidden;
}

.text-size-medium-7 {
  font-size: 1.125rem;
}

.faq_component {
  border: 1px solid var(--gainsboro);
  min-height: 6vw;
  max-height: 14vw;
  color: var(--gainsboro);
  border-radius: 12px;
  align-items: center;
  display: flex;
}

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

.max-width-medium-2 {
  width: 100%;
  max-width: 35rem;
}

.faq1_icon {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
  display: flex;
}

.faq_question {
  cursor: pointer;
  border-top-width: 1px;
  border-top-color: #0000;
  justify-content: space-between;
  align-items: center;
  padding: 1.25em;
  display: flex;
}

.faq_question.bold {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.faq_accordion {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.faq-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  width: 100%;
  max-width: 90rem;
  display: grid;
}

.service-wrap {
  z-index: 1000;
  background-color: #000;
  transition: all .5s;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.img-nav {
  position: absolute;
  inset: 5em auto auto 35em;
}

.img-nav._2 {
  inset: 25em 35.3em auto auto;
}

.img-nav.in-drop {
  display: none;
}

.app_wrap-achivemt {
  grid-column-gap: 0em;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cl-1 {
  z-index: 1;
  opacity: .59;
  width: 54.5em;
  position: absolute;
  inset: 13% auto auto 0%;
}

.cl-2 {
  width: 31.7em;
  position: absolute;
  inset: 26% 1% auto auto;
}

.cl-2._5 {
  opacity: .63;
  width: 35.1em;
  transform-style: preserve-3d;
  top: 44%;
  right: 30%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.cl-3 {
  width: 40em;
  position: absolute;
  inset: 4% auto auto 73%;
}

.cl-4 {
  position: absolute;
  inset: 6% 37% auto auto;
}

.image {
  width: 100%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.text-color-black-bold {
  color: var(--ashh-black);
  font-size: 2.5em;
}

.text-color-black-bold.text-span-num {
  margin-bottom: .5em;
  font-size: 4.4em;
  line-height: .8;
}

.text-color-black-bold.text-span-num.black, .text-color-black-bold.black {
  color: var(--j);
}

.test {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.test.abt {
  grid-row-gap: 20px;
  width: 100%;
  max-width: 90rem;
}

.test-sticky {
  height: 200vh;
  display: none;
}

.orange-flower {
  z-index: 2;
  height: 10em;
  position: absolute;
  top: 83%;
  left: 47%;
  transform: rotate(-220deg);
}

.red-rose {
  z-index: 2;
  height: 13em;
  position: absolute;
  top: 82%;
  left: 45%;
  transform: rotate(220deg);
}

.red-dot {
  z-index: 2;
  position: absolute;
  top: 46%;
}

.blue-dot {
  z-index: 2;
  position: absolute;
  top: 1462.94px;
  left: 697.5px;
}

.blue-dot.up {
  top: 43%;
  left: 77%;
}

.blue-dot.middle {
  top: 51%;
  left: 74%;
}

.green-dot {
  z-index: 2;
  position: absolute;
  top: 45%;
  left: 546.5px;
}

.green-dot.down {
  top: 70%;
  left: 42%;
}

.div-block-11 {
  grid-column-gap: 0rem;
  grid-row-gap: 71px;
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 68px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-left-arrow {
  background-color: #004dff29;
  border: 1px #000;
  width: 100%;
  height: 100%;
  position: relative;
}

.paragraph.name {
  font-size: 24px;
}

.footer-text, .footer-bottom-text {
  display: none;
}

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

.button-text {
  font-size: 14px;
}

.subtitle {
  color: #dcdcdc;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
}

.subtitle.vollkorn {
  color: #fff;
  font-family: Vollkorn, serif;
  font-weight: 400;
}

.subtitle.black {
  color: #353535;
}

.subtitle.black.vollkorn {
  color: #004dff;
  font-size: 30px;
  font-style: italic;
  font-weight: 700;
}

.subtitle.black.light.small {
  font-size: 24px;
}

.subtitle.black.is-left {
  text-align: left;
}

.subtitle.black.mobile-bigger {
  text-align: center;
}

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

.subtitle.light {
  font-size: 18px;
  font-weight: 400;
}

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

.subtitle.blue {
  color: var(--royal-blue);
  font-family: Vollkorn, serif;
  font-size: 45px;
  font-style: italic;
}

.subtitle.blue.maintaintaince {
  font-size: 16px;
}

.subtitle.blue.purple {
  -webkit-text-stroke-color: var(--medium-purple);
}

.subtitle.blue.text-color-white {
  color: var(--gainsboro);
}

.subtitle.text-color-ashh {
  color: var(--j);
}

.heading-2 {
  font-family: Vollkorn, serif;
  font-size: 2.2em;
  font-weight: 400;
}

.heading-3 {
  font-size: 2em;
}

.text-base {
  color: #e1ded6;
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.text-base:hover {
  opacity: 1;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.text-base.black {
  color: #352d26;
  justify-content: center;
  align-items: center;
  font-family: Poppins Medium, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-base.black._14 {
  font-size: 12px;
}

.text-base.black.bold {
  text-align: center;
  font-weight: 700;
}

.text-base.hover {
  transition: opacity .5s;
}

.text-base.hover:hover {
  opacity: .7;
  font-weight: 400;
}

.text-base.hover.w--current:hover {
  font-weight: 400;
}

.text-base.text-weight-bold:hover, .text-base.bold {
  font-weight: 700;
}

.text-base.dark-gray {
  color: #fff;
  text-align: center;
}

.text-base.margin-top {
  margin-top: 50px;
}

.text-base.max-520 {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

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

.text-lg {
  color: #353535;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 150%;
}

.text-lg.bold {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.text-lg.white {
  color: #fff;
  font-size: 16px;
  line-height: 2;
}

.text-lg.white.footer {
  color: #e1ded6;
}

.text-lg.left {
  text-align: left;
  font-size: 16px;
}

.vr-line {
  background-color: #ff6d4a;
  flex: none;
  align-items: center;
  width: 2px;
  height: 204px;
  margin-top: 0%;
}

.vr-line.margin-top {
  height: 50%;
  margin-top: 19%;
}

.vr-line.cc-height {
  align-items: stretch;
  height: auto;
}

.combi-logo-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.combi-logo-wrap.mob {
  display: none;
}

.achivement--main-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.logo-main-wrap {
  justify-content: center;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-title {
  color: #e1ded6;
  font-size: 70px;
}

.main-title.black {
  color: #353535;
}

.main-title.black.animation {
  max-width: 950px;
}

.main-title.blue {
  color: #004dff;
}

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

.main-title.center.home {
  text-align: left;
  font-size: 70px;
}

.main-title.max-width {
  max-width: 70rem;
  color: var(--gainsboro);
  text-align: center;
}

.main-title.max-width.margin-custom {
  margin-bottom: 6rem;
}

.main-title.max-width.text-color-blue {
  color: var(--royal-blue);
}

.main-title.max-width.text-color-ashh {
  color: var(--j);
  font-size: 49px;
}

.main-title.max-width.text-color-black {
  color: var(--j);
}

.main-title.aprch {
  font-size: 60px;
}

.main-title.white {
  color: #fff;
}

.main-title.text-color-ashh {
  color: var(--j);
  text-align: center;
}

.text-2xl {
  color: #353535;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.text-2xl.white {
  color: #e1ded6;
}

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

.text-2xl.blue.bold {
  font-weight: 700;
}

.text-2xl.dark-white {
  color: #d9d9d9;
}

.text-2xl.margin {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.text-2xl.margin.btn {
  font-size: 14px;
}

.text-span {
  color: #ff6744;
}

.button_component-new {
  background-color: var(--dark-salmon);
  color: #16121a;
  text-align: center;
  border-radius: .8em;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 1.5em;
  display: flex;
  position: relative;
}

.button_component-new.blue {
  background-color: var(--cornflower-blue);
  color: var(--ashh-black);
  font-family: Poppins Medium, Arial, sans-serif;
}

.button_component-new.blue:hover {
  color: var(--gainsboro);
}

.button_component-new.startup {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.button_component-new.purple {
  background-color: #c9a6ff;
  font-size: 1.5em;
}

.button_component-new.cc-new {
  border-radius: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: hidden;
}

.button_component-new.cc-new.purple {
  background-color: #c9a6ff;
}

.button_component-new.submit {
  width: 200px;
  color: var(--ashh-black);
  justify-content: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  transition: all .4s;
}

.button_component-new.submit:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.hr-line {
  background-color: #386fdd;
  flex: none;
  width: 1006px;
  height: 1px;
  margin-top: 1.7rem;
  margin-bottom: 1rem;
}

.image-3 {
  display: none;
}

.text-span-2 {
  color: #ff6744;
  font-family: Vollkorn, serif;
  font-style: italic;
}

.lottie-animation-4 {
  height: auto;
}

.lottie-animation-4.abt {
  width: 100%;
  max-width: 500px;
}

.abt-lottee {
  max-width: 228px;
  position: relative;
  left: -14%;
}

.abt-lottee._278 {
  max-width: 278px;
  left: 0%;
}

.abt-lottee._228 {
  max-width: 198px;
}

.abt-lottee._198 {
  max-width: 198px;
  left: 0%;
}

.lottie-animation-8.approach {
  max-width: 260px;
}

.btn-margin {
  justify-content: center;
  align-items: center;
  margin-top: 110px;
  display: flex;
}

.image-4, .image-5, .image-6, .image-7 {
  height: 155px;
}

.number-title {
  color: var(--j);
  font-family: Vollkorn, serif;
  font-size: 44px;
  font-style: italic;
  line-height: .8;
}

.image-8 {
  margin-right: 98px;
}

.praise-text-wrap {
  position: relative;
}

.nav-layout {
  background-color: #e1ded6;
  grid-template-rows: auto;
  align-items: center;
  max-width: 1600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 60px 10.1rem;
}

.nav-img-wrap {
  opacity: 0;
  justify-content: flex-end;
  display: flex;
}

.nav-img {
  width: 100%;
  max-width: 480px;
  position: absolute;
  inset: 7.7vw 13.5vw auto auto;
}

.div-block-13 {
  height: 100%;
}

.text-base-price {
  margin-bottom: 1.25em;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.text-base-price:hover {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.text-base-price.black {
  color: #352d26;
  justify-content: center;
  align-items: center;
}

.text-base-price.black._14 {
  font-size: 12px;
}

.text-base-price.black.bold, .text-base-price.hover:hover, .text-base-price.hover.w--current:hover, .text-base-price.text-weight-bold:hover, .text-base-price.bold {
  font-weight: 700;
}

.text-lg-price {
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.text-lg-price.bold {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.text-lg-price.white {
  font-size: 16px;
}

.text-lg-price.left {
  text-align: left;
  font-size: 16px;
}

.lottie-animation-9 {
  width: 100%;
  max-width: 500px;
}

.image-9 {
  width: 80%;
}

.section-cms-hero {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container {
  max-width: none;
  padding-left: 100px;
  padding-right: 100px;
}

.section-2-img {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-2-img-grid {
  grid-template-rows: auto;
}

.section-4-video {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-4-video-grid {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.section-5-img {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-5-img-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-6-img {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-6-grid {
  grid-template-rows: auto;
}

.sec-6-img-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-10 {
  margin-left: 2px;
  margin-right: 2px;
}

.section-7-img {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-7-img-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-9-image {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-8-img-wrap {
  justify-content: center;
  align-items: center;
}

.grid {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  place-items: center;
}

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

.collection-list {
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

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

.section-9-img {
  padding-top: 50px;
  padding-bottom: 50px;
}

.collection-list-wrapper-2 {
  justify-content: center;
  align-items: center;
}

.intention-cms-list {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-8-video, .section-3-img-text {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-3-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "."
                 "Area"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr minmax(max-content, max-content) 1fr;
}

.grid-wrap.cms {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cms-grid-img {
  margin-bottom: 50px;
}

.cms-vr-line {
  margin-top: 10px;
  margin-bottom: 10px;
}

.sec-3-logo-wrap {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bg-loader-lottie {
  z-index: 9999;
  background-color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.loader-lottie {
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
}

.section-3-without-logo {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-3-grid-without-logo {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 527px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.section-3-only-img {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec-3-img-main-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-11 {
  max-width: 584px;
}

.image-13 {
  border-radius: 12px;
}

.image-15 {
  border-radius: 10px;
}

.container-xl {
  max-width: none;
}

.intention-img {
  border-radius: 13px;
}

.div-block-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area Area"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-3 {
  color: #fff;
  font-size: 1rem;
}

.link-block {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #fff;
  align-items: center;
  font-family: Poppins Medium, Arial, sans-serif;
  font-size: 1rem;
  transition: all .45s;
  display: flex;
}

.link-block:hover {
  opacity: .69;
}

.text-block-4 {
  font-size: 1.2rem;
}

.flower-title {
  justify-content: flex-start;
  width: 100%;
  max-width: 90rem;
  display: flex;
}

.grid-3 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

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

.lottie-animation-10 {
  width: 100%;
  min-width: 25rem;
  max-width: 30rem;
}

.lottie-animation-10.jar-about {
  max-width: 40rem;
}

.lottie-animation-10.about-jar {
  aspect-ratio: auto;
  min-width: 40rem;
  max-width: none;
  position: absolute;
  inset: -19% 0% auto;
}

.lottie-animation-10.approch-jar {
  position: absolute;
  inset: -13% 48% -13% 7%;
}

.div-block-16 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 10%;
  display: flex;
}

.div-block-16.about {
  padding-right: 0%;
}

.text-size-custom {
  font-size: 16px;
  line-height: 2;
}

.text-block-5 {
  font-size: 14px;
}

.padding-custom-1 {
  padding: 20px;
}

.custom-container {
  width: 100%;
  max-width: 90rem;
}

.background-video {
  z-index: 2;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.background-video.full-width {
  max-width: 90rem;
  height: 700px;
}

.background-video.full-width.digup {
  height: 900px;
}

.div-block-17 {
  grid-column-gap: 300px;
  grid-row-gap: 300px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-18 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  width: 100%;
  display: flex;
}

.div-block-18.weed {
  flex-direction: column;
  align-items: center;
}

.rich-text-block {
  width: 100%;
}

.grid-4 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  width: 100%;
  max-width: none;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 90rem;
  display: grid;
}

.div-block-19 {
  width: 100%;
  max-width: 90rem;
}

.flext-align-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.about-jar-wrapper {
  width: 30rem;
  height: 35rem;
  position: relative;
}

.custome-field {
  -webkit-text-stroke-width: 1px;
  border: 1px #000;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.checkbox-field {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-20 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

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

.text-color-orange.text-format {
  font-family: Athelas, Arial, sans-serif;
  font-size: 85px;
  font-weight: 700;
}

.text-color-orange.text-format.szier-adjsut {
  font-family: Vollkorn, serif;
  font-size: 70px;
  font-style: italic;
}

.text-heading-custom {
  text-align: center;
  font-size: 70px;
}

.margin-custom {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.text-pring-header {
  font-family: Poppins Medium, Arial, sans-serif;
  font-size: 14px;
}

.div-block-21 {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  padding-left: 94px;
  padding-right: 94px;
  display: flex;
  position: relative;
}

.div-block-22 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.blog-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  width: 100%;
  max-width: 55rem;
  margin-right: 25px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 183%;
  display: flex;
}

.l-b-footet {
  transition: opacity .5s;
}

.l-b-footet:hover {
  opacity: .7;
}

.button-newslater {
  background-color: var(--medium-purple);
  border-radius: 9px;
  font-size: 14px;
  transition: opacity .5s;
}

.button-newslater:hover {
  opacity: .8;
}

.image-16 {
  margin-top: 34px;
}

.collection-list-wrapper-3 {
  width: 100%;
}

.image-custom-40rem {
  width: 100%;
  max-width: 30rem;
}

.image-17 {
  border-radius: 8px;
  width: 100%;
}

.image-18, .collection-list-wrapper-4 {
  width: 100%;
}

.lightbox-link {
  z-index: 2;
  position: relative;
}

.list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.tag {
  background-color: #ff9f4c;
  border-radius: 10000px;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 35px 30px;
  display: flex;
}

.tag.color-tomatoo {
  background-color: var(--tomato);
}

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

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

.text-tag {
  font-size: 23px;
  font-weight: 400;
}

.section-tag {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 26px;
  padding-right: 26px;
  display: flex;
}

.image-19 {
  z-index: 1;
  max-width: 20%;
  position: absolute;
  inset: 0% 40% auto auto;
  transform: rotate(39deg);
}

.section-header {
  align-items: center;
  padding: 100px 5% 140px;
  display: flex;
  position: relative;
}

.navigation-secondary {
  color: #080808;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #0000;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s, border-color .3s;
  display: flex;
}

.navigation-secondary:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.header-image {
  border-radius: 16px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 464px;
  display: flex;
  position: relative;
}

.navigation-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.button-primary {
  color: #fff;
  background-color: #1457ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-primary:hover {
  background-color: #1237a5;
}

.header-logo-card {
  color: #acb4c3;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  transition: color .2s;
  display: flex;
}

.header-logo-card:hover {
  color: #07090d;
}

.paragraph-regular {
  color: #818a9c;
  max-width: 460px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.header-card-title {
  color: #07090d;
  justify-content: space-between;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.navigation-menu {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
  position: relative;
}

.header-grid {
  grid-column-gap: 72px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
}

.navigation-button {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #1457ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.navigation-button:hover {
  background-color: #c74e38;
}

.header-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #07090d;
  flex-wrap: wrap;
  align-items: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

.menu-button {
  border-radius: 4px;
  padding: 8px;
  transition: color .3s;
}

.menu-button:hover {
  color: #1457ff;
}

.button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.header-image-graphic {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.navigation-link {
  color: #586174;
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.navigation-link:hover {
  color: #080808;
  border: 1px solid #e6e6e6;
}

.navigation-link.w--current {
  color: #642eff;
}

.header-card {
  background-color: #fff;
  border: 4px solid #edeff2;
  border-radius: 8px;
  width: 100%;
  max-width: 304px;
  padding: 24px;
  position: absolute;
  inset: auto auto 32px -10%;
  overflow: hidden;
}

.button-arrow-small {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-icon {
  color: #acb4c3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-logo-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #edeff2;
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 84px;
}

.hero-heading {
  color: #07090d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 56px;
  line-height: 72px;
}

.button-secondary-arrow {
  grid-column-gap: 8px;
  color: #07090d;
  border: 1px solid #edeff2;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px 12px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.button-secondary-arrow:hover {
  color: #fff;
  background-color: #07090d;
}

.navigation-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-2 {
  z-index: 5;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-card-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation {
  background-color: #fff;
  align-items: center;
  width: 100%;
  min-height: 96px;
  padding: 24px 5%;
  display: flex;
}

.header-icon-block {
  color: #fff;
  background-color: #1457ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.logo {
  width: 124px;
}

.span-primary {
  color: #1457ff;
}

.bullet-point {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--gainsboro);
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.bullet-point.top-line {
  border-top: 1px solid var(--j);
  border-bottom-color: var(--j);
  margin-bottom: 10px;
}

.section-price-explain {
  z-index: 10;
  background-color: #e1ded600;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.section-price-explain.background-color-black {
  background-color: var(--ashh-black);
}

.roundy-animation {
  width: 100%;
  max-width: 30rem;
}

.roundy-animation.size-medium {
  max-width: 20rem;
}

.pring {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pring.web-example {
  grid-column-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.image-pricing-sec {
  max-width: 8rem;
}

.card-explain-pricing {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: var(--gainsboro);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 2rem 1.5rem;
  display: flex;
}

.card-explain-pricing.background-color-blue {
  background-color: var(--royal-blue);
  height: auto;
  padding-bottom: 0;
}

.card-explain-pricing.background-color-blue.custom-padding {
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
}

.peragraph {
  font-size: 1rem;
  line-height: 160%;
}

.text-color-ash {
  color: var(--j);
}

.text-size-custom-1-8rem {
  color: var(--j);
  text-align: center;
  font-size: 1.5rem;
}

.bold-text {
  color: var(--j);
  font-family: Athelas, Arial, sans-serif;
}

.pricing-wraper {
  background-color: var(--gainsboro);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-24 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 16.9rem;
  display: flex;
}

.div-block-24.gap-value-2 {
  grid-row-gap: 1rem;
  height: auto;
}

.flat-fee {
  grid-column-gap: var(--3rem);
  grid-row-gap: var(--3rem);
  flex-direction: column;
  align-items: center;
  padding: 8rem;
  display: flex;
}

.flat-fee.exclude-margin-bottom {
  padding-bottom: 0;
}

.flat-fee.custom-appding {
  padding-top: 4rem;
  padding-bottom: 0;
}

.flat-fee.custom-appding.subs {
  margin-bottom: 6rem;
}

.container-90rem {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  display: flex;
}

.example-sites {
  width: 100%;
}

.div-block-25 {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  justify-content: center;
  margin-bottom: 2rem;
  display: flex;
}

.nav-social-wrapper {
  background-color: #f1caca00;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 5rem;
  padding-bottom: 0;
  padding-left: 43px;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.social-collection {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-2 {
  width: 2.3rem;
  height: auto;
  transition: all .525s;
}

.link-block-2:hover {
  opacity: .65;
}

.blog-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  max-width: 90rem;
  display: grid;
}

.blog-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  background-color: #fff0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: all .45s;
  display: flex;
}

.blog-card:hover {
  opacity: .76;
}

.image-20 {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 280px;
  padding-right: 0;
}

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

.collection-list-2.padding-top {
  margin-top: 2rem;
}

.text-blog-card {
  font-family: Athelas, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.4;
}

.image-21 {
  aspect-ratio: 4 / 1.5;
  object-fit: cover;
  border-radius: 8px;
  width: 900px;
  height: 540px;
  max-height: none;
}

.heading-4 {
  font-size: 2.4rem;
}

.heading-5 {
  font-size: 1.9rem;
  line-height: 1.4;
}

.heading-6 {
  font-size: 1.8rem;
}

.heading-7 {
  font-size: 3.4rem;
}

.paragraph-4 {
  font-size: 1rem;
  line-height: 1.7;
}

.block-quote {
  font-size: 1.1rem;
}

.link {
  font-size: 1rem;
}

.heading-8 {
  font-size: 1.8rem;
}

.section--blog-cover {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.blog-cover {
  background-image: url('../images/Header.png'), linear-gradient(to bottom, var(--tomato), var(--tomato));
  background-position: 50%, 0 0;
  background-size: 1440px, auto;
  border-radius: 8px;
  width: 100%;
  max-width: 90rem;
  height: 15rem;
}

.capsul-value {
  z-index: -1;
  background-color: var(--tomato);
  transform-origin: 60% 23%;
  border-radius: 10000px;
  justify-content: center;
  align-items: center;
  width: 6.1rem;
  height: 1.5rem;
  display: flex;
  position: absolute;
  inset: -1.1rem -3.4rem auto auto;
  transform: rotate(45deg);
}

.capsul-text {
  color: var(--ashh-black);
  font-family: Poppins Medium, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 400;
}

.logo-builder {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  max-width: 82%;
}

.rich-text-block-2 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-27 {
  border-top: 1px solid #004fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-5 {
  padding-left: 40px;
  padding-right: 40px;
}

.smalll-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--gainsboro);
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.smalll-text.top-line {
  border-top: 1px solid var(--j);
  border-bottom-color: var(--j);
  margin-bottom: 10px;
}

.div-block-29 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: flex;
}

.background-video-2 {
  z-index: 2;
  border-radius: 15px;
  width: 100%;
  max-width: 90rem;
  height: 650px;
  margin-left: 0;
  margin-right: 0;
}

.image-showcase {
  border-radius: 3rem;
  width: 100%;
}

.collection-list-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.minuspadding {
  margin-top: 1rem;
}

.div-block-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.image-23 {
  border-radius: 11px;
}

.video-2 {
  border-radius: 17px;
}

._wf-hs_phone-input {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

._wf-hs_phone-code {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

._wf-hs_input-dropdown-arrow {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 8px;
  display: inline-flex;
  position: static;
}

._wf-hs_dropdown-options {
  z-index: 999;
  background-color: #fff;
  height: 12rem;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow-y: hidden;
}

._wf-hs_dropdown-list {
  height: 10rem;
  padding-left: 0;
  list-style-type: none;
  overflow-y: scroll;
}

._wf-hs_dropdown-search {
  width: 100%;
}

._wf-hs_dropdown-input {
  display: inline-flex;
  position: relative;
}

._wf-hs_dropdown-arrow-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 1.7rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

@media screen and (min-width: 1280px) {
  .padding-global {
    align-items: center;
    display: flex;
  }

  .container-large {
    justify-content: center;
    display: flex;
  }

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

  .text-size-medium.text-color-ashh.text-align-center {
    overflow: visible;
  }

  .about_component.section-2 {
    grid-column-gap: 20px;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .achivment_component.app {
    grid-column-gap: 2rem;
    height: 30rem;
  }

  .section_achievement {
    padding-top: 8rem;
  }

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

  .background-color-blue {
    width: 100%;
    max-width: 100%;
  }

  .value-wrapper.abt {
    margin-bottom: -68vw;
  }

  .jar-animation-wrapper {
    width: auto;
  }

  .section-pricing-explain {
    display: flex;
  }

  .pricing-grid {
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing.card {
    width: 100%;
  }

  .service-wrap {
    display: none;
  }

  .vr-line.margin-top {
    height: 45%;
  }

  .main-title.max-width.text-color-ashh {
    font-size: 70px;
  }

  .abt-lottee._198 {
    left: 0%;
  }

  .nav-img {
    top: 14%;
  }

  .grid-3.about.extra {
    padding-top: 9rem;
  }

  .grid-3.about.approch {
    padding-top: 6.2rem;
    padding-bottom: 9rem;
  }

  .lottie-animation-10.about-jar {
    min-width: 43rem;
    top: -23%;
    left: 8%;
  }

  .lottie-animation-10.approch-jar {
    min-width: 28rem;
    max-width: 0;
    left: 26%;
    right: 26%;
  }

  .text-color-orange.text-format.szier-adjsut {
    font-size: 75px;
  }

  .text-heading-custom {
    font-size: 70px;
  }

  .roundy-animation {
    max-width: 40rem;
  }

  .pring.web-example {
    grid-column-gap: 1.5rem;
  }

  .nav-social-wrapper {
    align-items: flex-start;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .social-collection {
    position: static;
    inset: auto 16% 0% auto;
  }

  .image-20 {
    width: 100%;
    max-width: 100%;
    height: 25rem;
  }

  .blog-cover {
    background-image: url('../images/Header.png'), linear-gradient(#0000, #0000);
  }

  .capsul-value {
    transform-origin: 42% 75%;
    top: -13%;
  }

  .background-video-2 {
    width: 100%;
    height: 700px;
    min-height: auto;
  }
}

@media screen and (min-width: 1920px) {
  .padding-horizontal.padding-huge {
    padding-left: 15%;
    padding-right: 15%;
  }

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

  .padding-global {
    align-items: stretch;
    display: flex;
  }

  .padding-global.flext-align-center {
    align-items: center;
  }

  .text-weight-bold {
    font-size: 16px;
  }

  .padding-section-large.center-align {
    align-self: auto;
  }

  .container-large {
    justify-content: center;
    display: flex;
  }

  .text-size-medium {
    font-size: 22px;
  }

  .navbar_link {
    font-size: 65px;
  }

  .section_about {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .section_about.video {
    justify-content: center;
    display: flex;
  }

  .section_achievement {
    padding-top: 12rem;
    padding-bottom: 8rem;
  }

  .section_achievement.home, .section_logo, .section_our-work.main.about {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .footer_component {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .form-input::placeholder {
    color: var(--sky-blue);
    font-style: italic;
  }

  .background-color-blue {
    width: 100%;
  }

  .value-wrapper.abt {
    margin-top: -170px;
    margin-bottom: -70vw;
    padding-top: 350px;
    padding-bottom: 72vw;
  }

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

  .lottie-animation-2 {
    top: 10%;
  }

  .section-form.price {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .pricing-text.major {
    font-style: normal;
    font-weight: 400;
  }

  .section-pricing-explain {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .section-pricing-explain.background-color-white.exclude-top-padding {
    padding-top: 6rem;
  }

  .pricing-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "."
                         "Area";
    place-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .pricing-wrap.two-grid {
    flex-direction: column;
    align-items: stretch;
  }

  .pricing.card.body-black {
    flex: 0 auto;
    align-self: center;
    align-items: center;
    line-height: 1;
  }

  .service-wrap {
    display: none;
  }

  .test.abt {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .subtitle.light {
    font-size: 22px;
  }

  .subtitle.blue {
    font-size: 43px;
  }

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

  .text-lg {
    font-size: 18px;
    line-height: 160%;
  }

  .vr-line.margin-top {
    height: 200px;
  }

  .main-title.max-width.text-color-blue {
    align-self: auto;
  }

  .button_component-new.submit {
    font-size: 18px;
  }

  .lottie-animation-4.abt {
    max-width: 650px;
  }

  .abt-lottee._278, .abt-lottee._198, .abt-lottee._198.thrd {
    left: 0%;
  }

  .nav-layout {
    align-items: start;
    padding-bottom: 0;
  }

  .nav-img {
    max-width: 500px;
    top: 8%;
    right: 22%;
  }

  .text-base-price.text-weight-bold:hover {
    font-weight: 700;
  }

  .grid-3 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .grid-3.about.approch {
    padding-top: 15rem;
    padding-bottom: 13.3rem;
  }

  .lottie-animation-10 {
    min-width: 30rem;
    max-width: 35rem;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .lottie-animation-10.about-jar {
    left: 28%;
  }

  .lottie-animation-10.approch-jar {
    min-width: 32rem;
    inset: auto 247px -16% 222px;
  }

  .div-block-16 {
    padding-right: 11%;
  }

  .text-color-orange.text-format.szier-adjsut {
    font-size: 75px;
  }

  .text-heading-custom {
    font-size: 70px;
  }

  .text-pring-header {
    font-size: 16px;
  }

  .div-block-21 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem;
  }

  .list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .pring.web-example {
    grid-column-gap: 2.5rem;
  }

  .nav-social-wrapper {
    align-items: flex-start;
    padding-right: 0;
    inset: auto 0% 4%;
  }

  .image-20 {
    height: 25rem;
  }

  .image-21 {
    aspect-ratio: auto;
  }

  .blog-cover {
    background-image: url('../images/Header.png'), linear-gradient(#0000, #0000);
    background-size: 1440px, auto;
  }

  .capsul-value {
    transform-origin: 42% 39%;
    top: -25%;
    right: -22%;
  }

  .rich-text-block-2 {
    font-size: 16px;
  }

  .background-video-2 {
    width: 100%;
    height: 750px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.8rem;
  }

  p {
    font-size: 1rem;
    line-height: 1.6;
  }

  li {
    font-size: 1rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

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

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

  .padding-top.padding-medium {
    display: none;
  }

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

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

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

  .margin-bottom.margin-xlarge.is-mob {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .margin-bottom.margin-xhuge {
    margin-bottom: 241px;
  }

  .margin-bottom.margin-xhuge.is-mob {
    margin-bottom: 40px;
  }

  .margin-bottom.margin-xhuge.mrgin-none {
    margin-bottom: 0;
  }

  .margin-bottom.margin-large {
    margin-bottom: 1em;
  }

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

  .padding-vertical {
    border: 1px #000;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge {
    padding-top: 20px;
    padding-bottom: 200px;
  }

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

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

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

  .margin-top.margin-xxlarge {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .margin-top.margin-xxlarge.none {
    padding-left: 20px;
  }

  .margin-top.margin-xxlarge.none.margin-fix1 {
    padding-left: 0;
  }

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

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

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

  .hide-tablet {
    display: none;
  }

  .text-weight-semibold.name {
    font-size: 20px;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

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

  .heading-style-h3.text-color-grey.is-mob {
    font-size: 22px;
  }

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

  .heading-style-h3.praise.is-mob {
    font-size: 22px;
  }

  .padding-global {
    padding: 0 40px 40px;
  }

  .padding-global.work {
    margin-bottom: -5px;
  }

  .padding-global.footer {
    padding-left: 50px;
    padding-right: 50px;
  }

  .padding-global.px-0 {
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 0;
  }

  .padding-global.px-0.auto {
    padding-left: 40px;
    padding-right: 40px;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .text-weight-bold.text-color-white-dim.is-footer {
    font-size: 16px;
  }

  .text-size-small {
    color: var(--gainsboro);
    font-size: 1.2em;
  }

  .text-size-small.text-color-grey {
    font-size: 20px;
  }

  .text-size-small.text-color-white-dim {
    text-align: center;
  }

  .text-size-small.text-color-white-dim.is-tab {
    text-align: center;
    align-items: center;
    font-size: 16px;
    display: flex;
  }

  .text-size-small.text-color-white-dim.tab {
    text-align: left;
    font-size: 22px;
  }

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

  .text-size-small.is-mob {
    font-size: 22px;
  }

  .heading-style-h4.text-color-white-dim {
    flex-direction: column;
    display: flex;
  }

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

  .padding-section-large.testimonial {
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .padding-section-large.work-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-section-large.work-bottom.copy-flower {
    padding-left: 50px;
    padding-right: 50px;
  }

  .padding-section-large.about {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .padding-section-large.projects.container-large {
    padding-top: 0;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

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

  .text-size-large.text-color-ashh.is-mob {
    font-size: 18px;
  }

  .text-size-large.text-color-white-dim {
    padding-right: 0;
  }

  .text-size-large.text-color-white-dim.margin-top {
    margin-top: .5em;
    font-size: 22px;
  }

  .text-size-large.text-color-white-dim.is-mob {
    font-size: 22px;
  }

  .text-size-large.text-color-white-dim.blog-date {
    font-size: 18px;
  }

  .container-large {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-large.footer {
    border: 1px #000;
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-large.nav {
    max-width: none;
  }

  .container-large.padding-out {
    padding-left: 0;
    padding-right: 0;
  }

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

  .text-size-medium.text-color-white-dim {
    font-size: 22px;
  }

  .text-size-medium.align-mobile {
    text-align: center;
  }

  .text-size-medium.align-mobile.margin-top {
    font-size: 18px;
    line-height: 150%;
  }

  .text-size-medium.text-color-ashh {
    font-size: 18px;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .button-group {
    margin-left: 0;
  }

  .button-group.align-center.work {
    margin-top: 4em;
  }

  .button-group.align-center.work.home {
    width: 100%;
  }

  .button-group.align-center.approach {
    margin-top: 30px;
  }

  .button-group.footer-signup {
    justify-content: flex-start;
  }

  .button-group.full.price {
    align-items: center;
  }

  .padding-section-medium {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
  }

  .padding-section-medium.jar {
    height: auto;
  }

  .padding-section-medium.no {
    padding: 0;
  }

  .padding-section-medium.video {
    justify-content: flex-start;
    align-items: stretch;
  }

  .container-medium {
    max-width: 450px;
  }

  .navbar14_dropdown-link {
    text-align: center;
    width: auto;
    padding: .75rem 0;
    font-size: 16px;
  }

  .navbar_link {
    text-align: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }

  .menu-icon2 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_menu-button {
    padding: 0;
  }

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

  .navbar14_dropdwn-toggle {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    display: flex;
  }

  .navbar14_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar14_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar_component {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-icon_line-middle {
    background-color: var(--gainsboro);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .navbar_menu-link-wrapper {
    width: 40rem;
  }

  .navbar_mail-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
    margin-top: 1rem;
    margin-left: 0;
    display: none;
  }

  .menu-icon_line-bottom {
    background-color: var(--gainsboro);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-top {
    background-color: var(--gainsboro);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar14_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    font-size: 1.125rem;
    display: flex;
  }

  .section_header-home {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section_header-home.is-aprch {
    min-height: auto;
  }

  .section_header-home.home {
    height: auto;
    padding: 0 9px;
  }

  .section_header-home.home.about {
    padding-top: 0;
  }

  .header_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

  .header_content.hero {
    grid-row-gap: 40px;
    align-items: center;
    max-width: 40rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .header_image {
    display: none;
  }

  .header_image.is-mob {
    justify-content: center;
    align-items: center;
    max-width: 30rem;
    min-height: auto;
    max-height: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    left: 4%;
  }

  .header_image.is-mob.about {
    max-width: 45rem;
    left: 0%;
  }

  .header_image.is-mob.strategy {
    max-width: 60rem;
    left: 0%;
  }

  .header_image.is-mob.strategy.hide {
    display: none;
  }

  .header_image.is-mob.approach-headar {
    max-width: 30rem;
    left: 0%;
  }

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

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

  .content_image-wrapper.home {
    max-width: 600px;
  }

  .section_about {
    padding-top: 30px;
    padding-bottom: 70px;
  }

  .section_about.video {
    padding-top: 70px;
  }

  .about_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .about_component.section-2 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-columns: 1fr;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
  }

  .achivment_component {
    grid-column-gap: 25px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .achivment_component.app {
    height: auto;
  }

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

  .section_achievement {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  .section_achievement.home {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
  }

  .achivment_item {
    border-bottom-style: solid;
    border-bottom-color: #ff6d4a;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .achivment_item.last {
    border-bottom-style: none;
  }

  .achivment_item._2 {
    border-right-color: #0000;
  }

  .achivment_item.is-last {
    border-bottom-style: none;
  }

  .achivment_item.tab-none, .achivment_item.none-border, .achivment_item.approach {
    border-style: none;
    border-color: #000;
  }

  .logo_logo._12, .logo_logo._13, .logo_logo._14, .logo_logo._15, .logo_logo._16 {
    margin-right: 0;
  }

  .logo_component {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-direction: row;
  }

  .section_logo {
    padding: 4.5rem 20px;
  }

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

  .work_lightbox-link {
    width: auto;
  }

  .gallery8_image-wrapper {
    height: 100%;
  }

  .section_our-work.main {
    padding-top: 35px;
    padding-bottom: 70px;
  }

  .testimonial10_arrow {
    border-style: none;
  }

  .testimonial10_arrow.right {
    right: 0;
  }

  .testimonial10_arrow.left {
    left: 0;
  }

  .section_praise {
    height: auto;
    padding-top: 4.5rem;
  }

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

  .testimonial_client-info {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .testimonial_slide {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .testimonial_content {
    max-width: 500px;
  }

  .testimonial_component {
    max-width: 90%;
  }

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

  .section_strategy {
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .section_strategy.home {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section_strategy.home.approach {
    padding-bottom: 50px;
  }

  .strategy_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .layout_item-list {
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .layout_item, .layout_item:hover {
    padding-bottom: .5em;
  }

  .layout_item.no-margin {
    padding-bottom: 15px;
  }

  .footer_bottom-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }

  .footer_left-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer_link-list {
    display: none;
  }

  .footer_link-list.wrap {
    display: flex;
  }

  .footer_social-list {
    margin-bottom: 2rem;
  }

  .footer_top-wrapper {
    grid-row-gap: 0rem;
    border-style: none;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .footer_top-wrapper:hover {
    border-style: none;
  }

  .footer_top-wrapper.none-apdd {
    padding-left: 0;
    padding-right: 0;
  }

  .footer_logo-link {
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
  }

  .footer_logo-link.margin {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_mail-wrapper {
    border: 1px solid var(--sky-blue);
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .form-input {
    min-height: 2.5rem;
    padding: .9375rem;
  }

  .footer_form-block {
    width: 100%;
    max-width: none;
  }

  .footer10_credit-text {
    display: none;
  }

  .footer_form {
    grid-row-gap: 2rem;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .button_component {
    border-radius: .6em;
    width: 194.094px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button_component.blue {
    border-radius: .5em;
  }

  .button_component.startup {
    color: var(--ashh-black);
  }

  .button_background-scale {
    height: 100%;
  }

  .button_background-scale.blue {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
  }

  .button_icon-wrapper {
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
    display: flex;
  }

  .button_icon-wrapper.blue {
    display: flex;
  }

  .button_icon-wrapper.purple {
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
    display: flex;
  }

  .icon-svg {
    width: 80%;
  }

  .button_content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button_content.startup {
    font-size: 16px;
  }

  .span-text-org {
    font-weight: 700;
  }

  .span-text-org.work {
    font-size: 45px;
  }

  .learn-more {
    justify-content: center;
    align-items: center;
  }

  .logo-svg {
    width: auto;
    min-width: 4rem;
  }

  .logo-svg.testimonial_client._11, .logo-svg.sutteerstock._5, .logo-svg.fox._3, .logo-svg.fox._6, .logo-svg.fiverr._4, .logo-svg._2, .logo-svg._7, .logo-svg._8, .logo-svg._9, .logo-svg._10, .logo-svg._1 {
    margin-right: 0;
  }

  .text-color-white-dim {
    font-size: 50px;
  }

  .text-color-white-dim.is-mob {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 50px;
  }

  .text-color-white-dim.is-small {
    font-size: 14px;
  }

  .black-orvarly {
    opacity: 1;
    background-image: linear-gradient(#00000057, #00000057);
  }

  .work_content-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .text-color-ashh.is-mob {
    margin-bottom: 0;
  }

  .text-color-ashh.subtitle, .text-color-ashh.small {
    font-size: 22px;
  }

  .flower-purple {
    bottom: 15%;
    left: 21.6em;
  }

  .flower-white {
    width: 12.1em;
    bottom: 11%;
    left: 36%;
  }

  .flower-org {
    bottom: 14%;
    left: 40%;
  }

  .lid-img {
    z-index: 5;
    bottom: 25%;
    left: 44%;
  }

  .section_praise-open {
    padding-bottom: 4em;
  }

  .section_praise-open.padding {
    padding-bottom: 100px;
  }

  .jar-air {
    z-index: 2;
    bottom: 1px;
  }

  .small-jar {
    margin-top: -19.3em;
  }

  .down-crcle-wrapper {
    margin-top: 2em;
    margin-bottom: 70px;
  }

  .background-color-blue {
    position: relative;
  }

  .footar-img.is-tab {
    display: none;
  }

  .footer-left {
    border: 1px solid var(--sky-blue);
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-middle {
    border-style: none;
    padding: 50px 0 30px;
  }

  .footer-middle:hover {
    border-style: none;
  }

  .footer-socal-list {
    display: none;
  }

  .footer-socal-list.show {
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .proud-wrapper {
    border: 1px #000;
    justify-content: center;
    display: none;
  }

  .section-pop_jar-animation {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-bottom: 0;
    display: flex;
  }

  .y-combin {
    margin-top: 3em;
  }

  .y-combin.footer {
    display: none;
  }

  .y-combin.footer.show {
    display: flex;
  }

  .y-combin.footer.show.margin {
    margin-top: 20px;
  }

  .y-combin.is-mob {
    margin-top: 1.5em;
  }

  .jar-wrapper {
    height: auto;
  }

  .home-hero-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .body {
    font-size: 1.2vw;
  }

  .footer-heading {
    grid-row-gap: 10px;
  }

  .heading_wrap {
    width: 90%;
    margin-top: 0;
  }

  .heading_wrap.abt {
    margin-top: 0;
  }

  .value-wrapper {
    z-index: 0;
    padding-top: 100px;
    padding-bottom: 900px;
  }

  .value-wrapper.abt {
    z-index: 0;
    margin-bottom: -600px;
    padding-bottom: 500px;
    top: -154px;
  }

  .value-content-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .value-content {
    max-width: 350px;
  }

  .value-content.middle {
    margin-top: 0;
  }

  .section-work-heading {
    padding-top: 70px;
    padding-bottom: 35px;
  }

  .text-coolor-blue.is-mob {
    font-size: 50px;
  }

  .cms-overview {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .compex-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .compex-grid.custom-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .complex-item.last {
    width: 60%;
  }

  .work_list {
    grid-column-gap: 1em;
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    min-width: auto;
    display: flex;
  }

  .work-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footar-main {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    border: 1px #000;
    align-items: center;
    width: 100%;
  }

  .lottie-animation {
    height: auto;
  }

  .lottie-animation.hide-mobile {
    display: none;
  }

  .jar-wrraper.projects {
    background-color: var(--royal-blue);
    width: 100vw;
    padding: 180px 0 4.5rem;
  }

  .jar-wrraper.jar-main {
    justify-content: center;
    position: relative;
    top: 0;
  }

  .jar-wrraper.zoom {
    height: 300vh;
    padding-top: 0;
  }

  .jar-animation-wrapper {
    background-color: var(--medium-purple);
  }

  .home-work-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    min-width: auto;
    margin-top: 0;
    display: flex;
  }

  .app_lotte._2.is-black {
    display: none;
  }

  .app_lotte._2.is-black.mobiole {
    margin-top: 2rem;
    display: flex;
  }

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

  .from-main_wrap {
    color: #686565;
  }

  .section-pricing-explain {
    padding-bottom: 2rem;
  }

  .pricing-grid {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.75em;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-wrap.two-grid {
    padding: 0;
  }

  .pricing {
    padding-left: 3em;
    padding-right: 3em;
  }

  .pricing.card {
    width: auto;
  }

  .pricing.card.websdesign {
    width: 100%;
  }

  .limitasion-box.black.mob {
    height: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .limitasion-box.mob {
    height: 55px;
  }

  .price-list-bullet {
    font-size: 14px;
  }

  .faq_component {
    max-height: none;
  }

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

  .img-nav {
    display: none;
  }

  .cl-1 {
    width: 30em;
    display: none;
  }

  .cl-2 {
    width: 20em;
    top: -1%;
  }

  .cl-2._5 {
    display: none;
    right: -9%;
  }

  .cl-2.is-mob, .cl-3.is-mob, .cl-4.is-mob {
    display: none;
  }

  .orange-flower {
    top: 80%;
    left: 40%;
  }

  .red-rose {
    height: 8em;
    top: 76%;
    left: 43%;
  }

  .paragraph.name {
    font-size: 20px;
  }

  .footer-text {
    color: #e1ded6;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    display: block;
  }

  .footer-link {
    color: #b775ff;
    font-family: Vollkorn, serif;
    font-size: 24px;
    font-weight: 700;
  }

  .footer-bottom-wrap {
    border-top: 1px solid var(--sky-blue);
    justify-content: space-between;
    padding-top: 20px;
    display: flex;
  }

  .footer-bottom-text {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    display: block;
  }

  .html-embed {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .subtitle {
    text-align: center;
    font-size: 30px;
  }

  .subtitle.vollkorn, .subtitle.black {
    text-align: left;
  }

  .subtitle.black.is-left {
    text-align: center;
  }

  .subtitle.light {
    font-size: 20px;
  }

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

  .subtitle.blue.text-color-ashh {
    font-size: 45px;
  }

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

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

  .text-base.margin-top {
    margin-left: auto;
    margin-right: auto;
  }

  .text-base.max-520 {
    text-align: center;
  }

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

  .text-lg.white {
    font-size: 14px;
  }

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

  .text-lg.left.padd {
    padding-bottom: 15px;
  }

  .vr-line {
    display: none;
  }

  .combi-logo-wrap.mob {
    display: flex;
  }

  .main-title, .main-title.center {
    font-size: 40px;
  }

  .main-title.center.home {
    text-align: center;
    font-size: 60px;
  }

  .main-title.max-width {
    color: var(--gainsboro);
  }

  .main-title.max-width.margin-custom {
    margin-bottom: 2rem;
  }

  .main-title.max-width.text-color-ashh {
    font-size: 30px;
  }

  .main-title.is-pos {
    margin-bottom: 2.5rem;
  }

  .text-2xl.blue {
    font-size: 15px;
  }

  .text-2xl.blue.bold {
    font-size: 16px;
  }

  .text-2xl.dark-white {
    font-size: 18px;
  }

  .text-2xl.margin {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-2xl.btn {
    font-size: 18px;
  }

  .button_component-new {
    border-radius: .6em;
    height: 4rem;
  }

  .button_component-new.blue {
    border-radius: .5em;
  }

  .button_component-new.startup {
    color: var(--ashh-black);
  }

  .button_component-new.cc-new {
    height: auto;
    left: 0;
  }

  .button_component-new.cc-new.blue {
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button_component-new.cc-new.purple {
    border-radius: .5em;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button_component-new.cc-new.tomato {
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button_component-new.submit {
    height: 2.3em;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
  }

  .hr-line {
    width: 568px;
    margin-top: 50px;
    display: none;
  }

  .image-3 {
    display: inline-block;
    position: absolute;
    inset: 17% 0% auto;
  }

  .abt-lottee._278 {
    max-width: 248px;
  }

  .lottie-animation-8 {
    width: 250px;
  }

  .nav-layout {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .nav-img-wrap {
    justify-content: center;
  }

  .nav-img {
    max-width: 300px;
  }

  .text-lg-price, .text-lg-price.white {
    font-size: 14px;
  }

  .text-lg-price.left {
    text-align: center;
  }

  .text-lg-price.left.padd {
    padding-bottom: 15px;
  }

  .image-9 {
    width: 80%;
  }

  .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sec-4-video-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .sec-3-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sec-3-logo-wrap {
    grid-row-gap: 30px;
  }

  .sec-3-grid-without-logo {
    margin-bottom: 30px;
  }

  .container-xl {
    padding-left: 50px;
    padding-right: 50px;
  }

  .grid-3 {
    justify-content: center;
  }

  .grid-3.about {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lottie-animation-10 {
    display: none;
  }

  .div-block-16 {
    align-items: center;
    padding-right: 0%;
  }

  .background-video, .background-video.full-width {
    height: 400px;
  }

  .background-video.full-width.digup {
    height: 500px;
  }

  .div-block-18 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-5 {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-bottom: 4rem;
  }

  .about-jar-wrapper {
    display: none;
  }

  .div-block-20 {
    grid-template-columns: 1fr;
  }

  .text-color-orange.text-format.szier-adjsut {
    -webkit-text-stroke-width: 0px;
    font-size: 45px;
  }

  .text-heading-custom {
    font-size: 40px;
  }

  .italic-text-2 {
    font-size: 30px;
  }

  .blog-content {
    margin-right: 0;
  }

  .section-tag {
    padding: 0;
  }

  .image-19 {
    max-width: 33%;
  }

  .logo-link {
    margin-right: 0;
  }

  .navigation-wrapper {
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-menu {
    color: #393b6a;
    background-color: #fff;
    border-radius: 8px;
    padding: 12px;
    position: absolute;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

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

  .menu-button.w--open {
    background-color: #07090d;
    justify-content: center;
    align-items: center;
  }

  .navigation-link {
    width: 100%;
  }

  .header-card {
    left: 32px;
  }

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

  .navigation {
    position: relative;
  }

  .roundy-animation {
    max-width: 25rem;
  }

  .pring {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    grid-template-columns: 1fr;
    padding-left: 9.6rem;
    padding-right: 9.6rem;
  }

  .pring.web-example {
    grid-template-columns: 1fr 1fr;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .card-explain-pricing {
    height: 32rem;
  }

  .div-block-24 {
    height: auto;
  }

  .flat-fee {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .nav-social-wrapper {
    position: static;
    bottom: 14%;
  }

  .image-20 {
    height: 100%;
  }

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

  .text-blog-card {
    font-size: 1.5rem;
  }

  .image-21 {
    width: auto;
    height: 400px;
  }

  .heading-8 {
    font-size: 1.4rem;
  }

  .heading-9 {
    font-size: 2.4rem;
  }

  .heading-10 {
    font-size: 1.6rem;
  }

  .capsul-value {
    transform-origin: 126% 274%;
    inset: 0% 0% auto auto;
  }

  .div-block-26 {
    width: 43.5rem;
  }

  .background-video-2 {
    border-radius: 8px;
    height: 400px;
  }

  .collection-list-3 {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 2.5em;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  p, li {
    font-size: 1rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

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

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

  .padding-top.padding-medium {
    display: none;
  }

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

  .margin-vertical.margin-medium {
    margin-top: 0;
  }

  .margin-bottom {
    margin: 0 0 60px;
  }

  .margin-bottom.margin-xsmall.is-small-mobile {
    margin-bottom: 1rem;
  }

  .margin-bottom.margin-medium.cc-48 {
    margin-bottom: 48px;
  }

  .margin-bottom.margin-xlarge {
    margin-bottom: 55px;
  }

  .margin-bottom.margin-xlarge.is-mob {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .margin-bottom.margin-xhuge {
    margin-bottom: 10px;
  }

  .margin-bottom.margin-xhuge.is-mob {
    margin-bottom: 35px;
  }

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

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

  .padding-vertical.padding-xxlarge {
    padding-top: 25px;
    padding-bottom: 200px;
  }

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

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

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

  .margin-top.margin-xxlarge {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .margin-top.margin-xxlarge.none {
    padding-left: 0;
  }

  .margin-top.margin-large, .margin-top.margin-small {
    margin-top: 0;
  }

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

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

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

  .hide-mobile-landscape {
    display: none;
  }

  .text-weight-semibold {
    font-size: 18px;
  }

  .text-weight-semibold.name {
    font-size: 16px;
  }

  .fs-styleguide_heading-large {
    font-size: 3rem;
  }

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

  .heading-style-h3.text-color-grey {
    font-size: 2.5em;
  }

  .heading-style-h3.text-color-grey.is-mob.big, .heading-style-h3.praise, .heading-style-h3.praise.is-mob {
    font-size: 18px;
  }

  .heading-style-h3.text-color-blue {
    font-size: 4rem;
  }

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

  .padding-global {
    padding: 0;
  }

  .padding-global.work {
    margin-bottom: 100px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-global.footer {
    padding-left: 25px;
    padding-right: 25px;
  }

  .padding-global.px-0 {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .text-size-regular {
    font-size: 1.25em;
  }

  .text-size-regular.text-color-white-dim {
    font-size: 2em;
  }

  .max-width-large.align-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    width: auto;
    max-width: none;
    display: flex;
  }

  .max-width-large.align-center.praise {
    display: none;
  }

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

  .text-size-small {
    font-size: 1.2em;
  }

  .text-size-small.text-color-grey {
    font-size: 16px;
  }

  .text-size-small.text-color-white-dim.is-tab.white {
    text-align: left;
    align-items: center;
  }

  .text-size-small.text-color-white-dim.tab {
    font-size: 18px;
  }

  .text-size-small.is-mob {
    font-size: 10px;
  }

  .text-size-small.is-mob.big {
    font-size: 18px;
  }

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

  .heading-style-h4.text-color-white-dim {
    text-align: left;
  }

  .text-style-nowrap {
    white-space: normal;
  }

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

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

  .padding-section-large.testimonial {
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .padding-section-large.work-bottom.copy-flower {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-section-large.projects.container-large {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-top: 0;
    padding: 0;
  }

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

  .text-size-large.text-color-ashh.is-mob {
    font-style: normal;
  }

  .text-size-large.text-color-white-dim {
    text-align: center;
  }

  .text-size-large.text-color-white-dim.margin-top {
    margin-top: 0;
    font-size: 18px;
  }

  .text-size-large.text-color-white-dim.is-mob {
    font-size: 18px;
  }

  .text-size-large.text-color-white-dim.blog-date {
    font-size: 1.1rem;
  }

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

  .fs-styleguide_version, .heading-style-h5 {
    font-size: .875rem;
  }

  .container-large {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .container-large.footer {
    padding-left: 14px;
    padding-right: 14px;
  }

  .container-large.nav {
    max-width: none;
  }

  .text-align-center {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }

  .text-size-medium.text-color-white-dim {
    font-size: 1.5em;
  }

  .text-size-medium.text-color-white-dim.small {
    font-size: 18px;
  }

  .button-group {
    justify-content: center;
    margin-left: 0;
  }

  .button-group.align-center {
    margin: 0;
  }

  .button-group.margin-top {
    justify-content: flex-start;
  }

  .padding-section-medium {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .home-message_component {
    padding: 0;
  }

  .home-message_content {
    border-radius: 0;
  }

  .navbar_link {
    font-size: 42px;
  }

  .navbar_component {
    margin-top: 0;
  }

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

  .navbar_menu-link-wrapper {
    width: 30rem;
  }

  .navbar_container {
    min-height: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section_header-home {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section_header-home.is-aprch {
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section_header-home.home {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section_header-home.home.about {
    padding-bottom: 190px;
  }

  .header_component {
    grid-row-gap: 3rem;
  }

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

  .header_content.hero {
    grid-row-gap: 20px;
  }

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

  .header_image {
    justify-content: center;
    width: auto;
    margin-left: 4.6em;
    margin-right: .5em;
    display: none;
  }

  .header_image.is-mob {
    flex-direction: row;
    margin: 20px 0;
  }

  .header_image.is-mob.strategy {
    max-width: 100rem;
  }

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

  .section_about {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section_about.video {
    padding-top: 77px;
    padding-bottom: 77px;
  }

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

  .about_component.section-2 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 90%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .achivment_component {
    grid-row-gap: 24px;
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-left: 66px;
    padding-right: 66px;
  }

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

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

  .section_achievement {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section_achievement.home {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .achivment_item {
    grid-row-gap: 10px;
    border-bottom: 1px solid #ff6d4a;
    border-right-style: none;
    max-width: 70em;
    padding-top: 0;
    padding-right: 0;
  }

  .achivment_item.last {
    grid-row-gap: 10px;
  }

  .achivment_item.is-last {
    grid-row-gap: 10px;
    border: 1px #000;
    padding-bottom: 0;
  }

  .achivment_item.tab-none {
    border-bottom: 1px solid var(--tomato);
  }

  .achivment_item.none-border {
    border-color: transparent transparent var(--tomato);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .logo_logo {
    max-height: 3rem;
  }

  .logo_logo._12, .logo_logo._12._18, .logo_logo._13, .logo_logo._14, .logo_logo._15, .logo_logo._16, .logo_logo._17 {
    height: 30px;
  }

  .logo_component {
    grid-column-gap: 4.25em;
    grid-row-gap: 4.25em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

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

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

  .work_lightbox-link {
    width: 100%;
    height: 20em;
    margin-bottom: 0;
  }

  .work_component {
    column-count: 1;
    column-gap: 1.5rem;
  }

  .gallery8_image-wrapper._2 {
    width: auto;
    max-height: none;
  }

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

  .section_our-work.main {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .testimonial10_arrow {
    border-style: none;
    width: 24px;
    height: 24px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .testimonial10_arrow.right {
    inset: 0% -34px 0% auto;
  }

  .testimonial10_arrow.left {
    inset: 0% auto 0% -34px;
  }

  .section_praise {
    padding-top: 30px;
  }

  .section_praise.custom {
    padding-top: 60px;
  }

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

  .testimonial_client-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

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

  .testimonial10_divider {
    display: none;
  }

  .testimonial_slide {
    border: 1px #000;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial_content {
    max-width: none;
  }

  .testimonial_component {
    flex-direction: column;
    max-width: 80%;
    height: 100%;
    padding-bottom: 0;
    position: relative;
  }

  .testimonial10_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .testimonial10_arrow-icon {
    width: .75rem;
    height: .75rem;
  }

  .testimonial_client {
    text-align: center;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

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

  .section_strategy {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .section_strategy.home {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section_strategy.home.approach {
    padding-bottom: 40px;
  }

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

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

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

  .layout_item:hover {
    padding-bottom: .5em;
  }

  .layout_item.no-margin {
    padding-bottom: 10px;
  }

  .footer_bottom-wrapper {
    padding-bottom: 0;
  }

  .footer_left-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer_top-wrapper {
    grid-row-gap: 0rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 70em;
    padding: 2rem;
    font-size: .8em;
    display: flex;
  }

  .footer_logo-link {
    padding: 2em;
  }

  .footer_logo-link.margin {
    width: 180px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 0;
  }

  .footer_mail-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    padding: 30px;
  }

  .footer_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .footer10_credit-text {
    margin-top: 1rem;
  }

  .button_component {
    width: auto;
    height: 2.5rem;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1em;
  }

  .button_component.startup {
    width: auto;
  }

  .button_background-scale {
    height: 100%;
  }

  .button_background-scale.blue {
    width: auto;
  }

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

  .button_icon-wrapper.blue {
    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;
    align-items: center;
    display: flex;
  }

  .button_icon-wrapper.arrow {
    padding-left: 0;
    padding-right: 0;
  }

  .button_icon-wrapper.arrow.is-fix {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button_icon-wrapper.blue-dark {
    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;
    align-items: center;
    display: flex;
  }

  .icon-svg {
    width: 80%;
  }

  .icon-svg.org.hide {
    display: none;
  }

  .icon-svg.is-mob {
    display: block;
  }

  .button_content.learn-more {
    font-size: 1.2em;
  }

  .button_content.learn-more.is-hover {
    padding-left: 0;
    padding-right: 0;
  }

  .button_content.startup {
    padding-left: 30px;
    padding-right: 20px;
  }

  .button_content.startup.none-padd {
    padding-left: 20px;
  }

  .span-text-org.work {
    font-size: 30px;
  }

  .logo-svg.testimonial_client {
    width: auto;
  }

  .logo-svg.testimonial_client._11 {
    height: 30px;
  }

  .logo-svg.sutteerstock {
    width: auto;
  }

  .logo-svg.sutteerstock._5 {
    height: 30px;
  }

  .logo-svg.fox {
    width: auto;
  }

  .logo-svg.fox._3, .logo-svg.fox._6 {
    height: 30px;
  }

  .logo-svg.fiverr._4 {
    width: auto;
    height: 30px;
  }

  .logo-svg._2, .logo-svg._7, .logo-svg._8 {
    height: 30px;
  }

  .logo-svg._9 {
    height: 30px;
    margin-right: 0;
  }

  .logo-svg._10, .logo-svg._1 {
    height: 30px;
  }

  .text-color-white-dim {
    text-align: center;
    font-size: 30px;
  }

  .text-color-white-dim.is-mob {
    margin-bottom: -10px;
    font-size: 30px;
  }

  .black-orvarly, .work_content-wrapper {
    opacity: 1;
  }

  .text-color-ashh.footer {
    font-size: 2.1em;
  }

  .text-color-ashh.footer.size {
    font-size: 16px;
  }

  .text-color-ashh.is-mob {
    font-size: 35px;
  }

  .text-color-ashh.subtitle, .text-color-ashh.small {
    font-size: 18px;
  }

  .text-color-ashh.big {
    font-size: 30px;
  }

  .flower-white {
    left: 10em;
  }

  .flower-org {
    top: -20em;
  }

  .lid-img {
    left: 60em;
  }

  .jar-air {
    bottom: 1px;
  }

  .small-jar {
    width: 20em;
    height: 20em;
    margin-top: -11em;
  }

  .down-crcle-wrapper {
    margin-top: 25px;
    margin-bottom: 30px;
  }

  .background-color-blue {
    position: relative;
  }

  .footar-img.is-tab {
    display: none;
  }

  .footer-left {
    grid-column-gap: 3em;
    grid-row-gap: 0px;
    border-right-style: solid;
    align-items: center;
    padding: 15px 20px;
  }

  .footer-middle {
    border-left-style: none;
    border-right-style: none;
    padding: 0;
  }

  .footer-startup_box {
    width: auto;
    max-width: none;
    padding: 2em 1.5em;
  }

  .footer-startup_box.margin {
    margin-top: 20px;
  }

  .footer-socal-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .footer-socal-list.show {
    grid-column-gap: 50px;
    grid-row-gap: 0em;
  }

  .footer_content-wrapper {
    padding: 2em;
  }

  .proud-wrapper {
    font-size: 2em;
  }

  .section-pop_jar-animation {
    padding-bottom: 0;
  }

  .y-comb-wrapper {
    padding-top: 0;
  }

  .y-combin.footer {
    margin-top: 1em;
    font-size: 2em;
  }

  .home-hero-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    max-width: 340px;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .section-about_text {
    padding-top: 30px;
    padding-bottom: 180px;
  }

  .footer-heading {
    grid-row-gap: 20px;
  }

  .heading_wrap {
    width: 90%;
    margin-top: 0;
  }

  .split-lines {
    font-size: 3em;
  }

  .value-wrapper {
    padding: 50px 50px 850px;
  }

  .value-wrapper.abt {
    top: -244px;
  }

  .section-work-heading {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  .text-coolor-blue.is-mob {
    font-size: 30px;
  }

  .compex-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .compex-grid.custom-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .complex-item, .complex-item.last {
    width: 100%;
  }

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

  .work-content {
    justify-content: center;
  }

  .footar-main {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
  }

  .lottie-animation.hide-desk-top {
    height: 33.4em;
  }

  .jar-wrraper.projects {
    padding: 70px 20px 65px;
  }

  .jar-wrraper.jar-main {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .jar-wrraper.zoom {
    padding-top: 30px;
  }

  .home-work-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 26px;
    margin-top: 0;
  }

  .approach-headar {
    grid-row-gap: 20px;
  }

  .app_lotte._2.is-black {
    min-height: 30rem;
  }

  .text-jar {
    padding-left: 8em;
    padding-right: 8em;
  }

  .pricing_form {
    min-width: 100%;
    max-width: 100%;
  }

  .pricing-text::placeholder {
    font-size: .8em;
  }

  ._1st-fields {
    grid-template-columns: 1fr;
  }

  .pricing-main-wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .pricing-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-grid.add-cutom {
    grid-template-columns: 1fr;
  }

  .point-wrap.dev {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .price-list-bullet {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: flex;
  }

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

  .faq1_icon {
    width: 1.75rem;
  }

  .faq_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .body-2 {
    font-size: 14px;
  }

  .text-block {
    font-size: 18px;
    font-weight: 400;
  }

  .text-block-2 {
    font-size: 16px;
  }

  .cl-2 {
    top: 45%;
  }

  .cl-2._5 {
    display: none;
  }

  .cl-4 {
    top: 36%;
  }

  .text-color-black-bold.is-mob {
    font-size: 25px;
  }

  .red-rose {
    height: 8.2em;
  }

  .slider-left-arrow {
    border: 1px #000;
    border-radius: 500px;
  }

  .paragraph {
    font-size: 18px;
  }

  .paragraph.name {
    font-size: 16px;
  }

  .paragraph-2 {
    font-size: 18px;
  }

  .paragraph-2.name {
    font-size: 16px;
  }

  .paragraph-3 {
    font-size: 18px;
  }

  .paragraph-3.name {
    font-size: 16px;
  }

  .footer-text.is-small {
    margin-top: 50px;
    margin-bottom: 50px;
  }

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

  .footer-bottom-text {
    justify-content: center;
    align-items: center;
    font-size: 10px;
    display: flex;
  }

  .subtitle {
    text-align: center;
    font-size: 30px;
  }

  .subtitle.vollkorn {
    text-align: left;
    font-size: 26px;
  }

  .subtitle.black {
    text-align: left;
    font-size: 24px;
  }

  .subtitle.black.mobile-bigger {
    font-size: 24px;
  }

  .subtitle.light {
    font-size: 18px;
  }

  .subtitle.text-align-center {
    margin-left: -125px;
    margin-right: -125px;
    padding-left: 0;
    padding-right: 0;
  }

  .subtitle.text-color-ashh {
    font-size: 30px;
  }

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

  .text-lg.left {
    font-size: 10px;
  }

  .text-lg.left.padd {
    padding-bottom: 0;
    font-size: 18px;
  }

  .vr-line, .combi-logo-wrap {
    display: none;
  }

  .combi-logo-wrap.mob {
    margin-top: 15px;
    display: flex;
  }

  .main-title {
    font-size: 25px;
  }

  .main-title.black.animation {
    font-size: 35px;
  }

  .main-title.center {
    text-align: center;
    font-size: 25px;
  }

  .main-title.center.home {
    font-size: 32px;
  }

  .main-title.max-width {
    color: var(--gainsboro);
  }

  .main-title.max-width.text-color-blue {
    font-size: 30px;
  }

  .main-title.max-width.text-color-ashh {
    font-size: 25px;
  }

  .text-2xl {
    font-size: 16px;
  }

  .text-2xl.blue {
    text-align: left;
  }

  .text-2xl.margin {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .button_component-new {
    width: auto;
    height: 4.5rem;
    font-size: 1em;
  }

  .button_component-new.startup {
    width: auto;
  }

  .button_component-new.cc-new {
    justify-content: space-between;
  }

  .button_component-new.cc-new.purple {
    border-radius: .5em;
    height: 2.5rem;
  }

  .button_component-new.submit {
    height: 3em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hr-line {
    display: none;
  }

  .image-3 {
    display: inline-block;
    position: absolute;
    inset: 14% 0% auto;
  }

  .html-embed-3 {
    display: flex;
  }

  .lottie-animation-4 {
    width: 280px;
  }

  .lottie-animation-4.abt {
    max-width: 270px;
  }

  .white-arrow-embed {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .lottie-animation-5, .lottie-animation-6, .abt-lottee {
    width: 250px;
  }

  .lottie-animation-8 {
    width: 100%;
    max-width: 159px;
  }

  .lottie-animation-8.approach {
    max-width: 188px;
  }

  .number-title {
    font-size: 15px;
  }

  .nav-layout {
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 64px;
    overflow: auto;
  }

  .nav-img {
    max-width: 160px;
  }

  .text-lg-price, .text-lg-price.left {
    font-size: 10px;
  }

  .text-lg-price.left.padd {
    padding-bottom: 0;
  }

  .lottie-animation-9 {
    max-width: 300px;
  }

  .image-9 {
    width: 80%;
  }

  .sec-2-img-grid, .sec-6-grid {
    grid-template-columns: 1fr;
  }

  .sec-3-logo-wrap {
    grid-row-gap: 30px;
  }

  .image-11 {
    max-width: 468px;
  }

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

  .grid-3 {
    padding-top: 2rem;
  }

  .grid-3.about {
    grid-template-rows: auto;
  }

  .background-video.full-width.digup {
    height: 370px;
  }

  .div-block-18 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-21 {
    padding-left: 0;
    padding-right: 0;
  }

  .tag {
    padding: 17px 12px;
    font-size: 12px;
  }

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

  .navigation-secondary {
    display: none;
  }

  .roundy-animation.size-medium.cutom-mobile {
    width: 70%;
  }

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

  .pring.web-example {
    grid-template-columns: 1fr;
  }

  .card-explain-pricing {
    height: 28rem;
  }

  .flat-fee.exclude-margin-bottom {
    padding-top: 8.3rem;
  }

  .image-20 {
    height: 20em;
  }

  .text-blog-card.text-color-white-dim {
    text-align: left;
    font-size: 1.5rem;
  }

  .image-21 {
    height: 350px;
  }

  .capsul-value {
    transform-origin: 126% 275%;
    transform: rotate(45deg);
  }

  .div-block-26 {
    width: 35rem;
  }

  .background-video-2 {
    height: 300px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  h3 {
    font-size: 1.2rem;
  }

  h4 {
    font-size: 1.1rem;
  }

  p {
    font-size: .9rem;
    line-height: 2;
  }

  blockquote {
    font-size: 1rem;
  }

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

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

  .padding-top.padding-medium {
    display: none;
  }

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

  .margin-vertical.margin-medium {
    margin-top: 0;
  }

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

  .margin-bottom.margin-xlarge, .margin-bottom.margin-xlarge.is-mob {
    margin-bottom: 0;
  }

  .margin-bottom.margin-xhuge {
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
  }

  .margin-bottom.margin-xxlarge.ffq {
    margin-bottom: 2em;
  }

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

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

  .padding-vertical.padding-xxlarge {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    display: flex;
  }

  .padding-horizontal {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-huge {
    padding-left: 0;
    padding-right: 0;
  }

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

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

  .margin-top.margin-xxlarge {
    margin-left: auto;
    margin-right: auto;
  }

  .margin-top.margin-large {
    margin-top: 50px;
  }

  .margin-top.margin-small {
    margin-top: 0;
  }

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

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

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

  .heading-style-h3.text-color-grey.is-mob {
    font-size: 13px;
  }

  .heading-style-h3.text-color-grey.is-mob.big, .heading-style-h3.praise.is-mob {
    font-size: 12px;
  }

  .heading-style-h3.text-color-blue {
    font-family: Vollkorn, serif;
    font-size: 28px;
  }

  .container-small.praise {
    max-width: none;
  }

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

  .heading-style-h1.text-color-ashh.text-align-center {
    font-size: 35px;
  }

  .padding-global {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-global.work {
    top: -85px;
  }

  .padding-global.px-0.auto {
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .max-width-large.align-center {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    width: auto;
    max-width: none;
    display: flex;
  }

  .max-width-large.align-center.praise {
    min-height: auto;
  }

  .text-size-small {
    color: var(--gainsboro);
    font-size: 16px;
  }

  .text-size-small.text-color-grey {
    border: 1px #000;
    padding-bottom: 1em;
    font-size: 12px;
  }

  .text-size-small.text-color-white-dim.is-tab.white, .text-size-small.text-color-white-dim.tab {
    font-size: 12px;
  }

  .text-size-small.is-mob {
    font-size: 10px;
  }

  .text-size-small.is-mob.big {
    font-size: 12px;
  }

  .heading-style-h4.text-color-white-dim {
    text-align: left;
    font-size: 14px;
  }

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

  .padding-section-large.about {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .padding-section-large.projects.container-large {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: none;
    padding: 0 0;
  }

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

  .text-size-large.text-color-ashh {
    text-align: left;
  }

  .text-size-large.text-color-ashh.is-mob {
    font-size: 12px;
  }

  .text-size-large.text-color-white-dim {
    text-align: center;
    font-size: 14px;
  }

  .text-size-large.text-color-white-dim.margin-top {
    margin-top: 0;
    font-size: 10px;
  }

  .text-size-large.text-color-white-dim.margin-top._12, .text-size-large.text-color-white-dim.is-mob {
    font-size: 12px;
  }

  .text-size-large.text-color-white-dim.blog-date {
    font-size: 1.1rem;
  }

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

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

  .container-large.in-mob, .container-large.nav {
    max-width: none;
  }

  .text-align-center {
    grid-column-gap: 5px;
    grid-row-gap: 20px;
  }

  .text-size-medium.text-color-white-dim {
    font-size: 1.5em;
  }

  .text-size-medium.text-color-white-dim.small {
    font-size: 12px;
  }

  .text-size-medium.text-color-grey {
    margin-bottom: 0;
    font-size: 14px;
  }

  .text-size-medium.text-color-ashh.text-align-center {
    font-size: 12px;
  }

  .button-group {
    justify-content: center;
    margin-left: -2px;
  }

  .button-group.align-center.work {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button-group.align-center.work.home {
    right: 0;
  }

  .button-group.startups {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .button-group.footer-signup {
    justify-content: center;
  }

  .button-group.margin-top {
    justify-content: flex-start;
    margin-top: 30px;
  }

  .container-medium {
    max-width: none;
  }

  .navbar_component {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar_logo {
    display: none;
  }

  .navbar_menu-link-wrapper {
    flex-direction: column;
    width: 20rem;
  }

  .navbar_container {
    min-height: 2.7rem;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .section_header-home.is-aprch {
    min-height: auto;
  }

  .section_header-home.home {
    padding-top: 2rem;
  }

  .section_header-home.home.about {
    padding-top: 50px;
  }

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

  .header_content.hero {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: none;
    padding-right: 0;
  }

  .header_image {
    max-width: 20rem;
    height: 235px;
    margin-left: 2em;
  }

  .header_image.is-mob {
    max-width: 14.1rem;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    left: 3%;
  }

  .header_image.is-mob.about {
    left: 5%;
  }

  .header_image.is-mob.strategy {
    min-width: 17.3rem;
    max-width: 0;
    left: 0%;
  }

  .header_image.is-mob.approach-headar {
    max-width: 12rem;
    margin-top: 24px;
    left: 0%;
  }

  .section_about {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section_about.video {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about_component.section-2 {
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .achivment_component {
    grid-column-gap: 0rem;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .section_achievement {
    padding-top: 6.3rem;
    padding-bottom: 4rem;
  }

  .achivment_item {
    grid-row-gap: 7px;
    padding-top: 0;
    padding-right: 0;
  }

  .achivment_item.last {
    grid-row-gap: 7px;
  }

  .achivment_item.last.approach {
    border-bottom-style: none;
  }

  .achivment_item.is-last {
    grid-row-gap: 7px;
    border: 1px #000;
  }

  .achivment_item.approach {
    border-bottom-style: solid;
    border-bottom-color: tomato;
  }

  .logo_logo {
    max-width: 7em;
    max-height: 7rem;
  }

  .logo_logo._12 {
    width: 60px;
    max-width: none;
    height: auto;
    margin-right: 0;
  }

  .logo_logo._12._18 {
    height: 30px;
  }

  .logo_logo._13 {
    height: 30px;
    margin-right: 0;
  }

  .logo_logo._14 {
    height: 20px;
    margin-right: 0;
  }

  .logo_logo._15 {
    width: 100px;
    height: 45px;
    margin-right: 0;
  }

  .logo_logo._16 {
    height: 30px;
    margin-right: 0;
  }

  .logo_logo._17 {
    height: 40px;
  }

  .logo_component {
    grid-column-gap: 16px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section_logo {
    padding: 4rem 0;
  }

  .work_image {
    width: 100%;
    height: 100%;
  }

  .work_lightbox-link {
    width: 100%;
    height: 200px;
  }

  .work_component, .work_component._2 {
    grid-template-columns: 1fr;
  }

  .gallery8_image-wrapper._2 {
    width: auto;
  }

  .section_our-work.main {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .testimonial10_arrow {
    border-style: none;
    width: auto;
    height: auto;
    inset: 0% auto 0% -8%;
  }

  .testimonial10_arrow.right {
    inset: 0% -8% 0% auto;
  }

  .testimonial10_arrow.left {
    left: -26px;
  }

  .testimonial_client-info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .testimonial_mask {
    max-width: 268px;
    position: static;
  }

  .testimonial_slide {
    max-width: 270px;
    font-size: 9px;
  }

  .testimonial_content {
    align-items: flex-start;
    max-width: 268px;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .testimonial_component {
    flex-direction: row;
    max-width: 268px;
    margin-top: 55px;
    display: flex;
  }

  .testimonial_client {
    width: auto;
  }

  .section_strategy.home {
    padding: 4rem 0 40px;
  }

  .strategy_component {
    text-align: center;
    grid-template-columns: 1fr;
  }

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

  .layout_item-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .layout_item {
    justify-content: flex-start;
    padding-bottom: 10px;
  }

  .layout_item:hover {
    padding-bottom: 10px;
  }

  .footer_component {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer_left-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .footer_link-list {
    flex-wrap: wrap;
  }

  .footer_link-list.wrap {
    margin-top: 40px;
    margin-bottom: 35px;
  }

  .footer_top-wrapper {
    border-style: none;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px 2em;
  }

  .footer_logo-link.margin {
    width: auto;
  }

  .footer_mail-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-right-width: 1px;
    border-right-color: var(--sky-blue);
    border-left-width: 1px;
    border-left-color: var(--sky-blue);
    padding: 1.5em;
  }

  .form-input {
    min-height: auto;
  }

  .footer_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .button_component {
    border-radius: .5em;
    width: auto;
    height: 3.5rem;
  }

  .button_component.purple {
    width: auto;
  }

  .button_background-scale {
    border-radius: .5em;
  }

  .button_background-scale.blue, .button_background-scale.purple, .button_background-scale.tomato {
    border-radius: 7px;
  }

  .button_icon-wrapper {
    border-radius: 7px;
    padding: 0 0;
  }

  .button_icon-wrapper.blue {
    padding-left: 0;
    padding-right: 0;
  }

  .button_icon-wrapper.arrow {
    width: 3.5em;
  }

  .button_icon-wrapper.arrow.is-fix.auto {
    width: auto;
  }

  .button_icon-wrapper.purple {
    padding-left: 0;
    padding-right: 0;
  }

  .icon-svg {
    width: 60%;
  }

  .icon-svg.org {
    font-size: 11px;
  }

  .icon-svg.case-study {
    display: none;
  }

  .button_content {
    margin-left: 2.7rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .button_content.learn-more {
    font-size: 1em;
  }

  .button_content.startup {
    display: flex;
  }

  .button_content.startup.none-padd {
    padding-left: 10px;
    padding-right: 10px;
  }

  .span-text-org, .span-text-org.work {
    font-size: 30px;
  }

  .learn-more {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
  }

  .learn-more.case-study {
    justify-content: flex-start;
  }

  .logo-svg {
    max-width: 5em;
  }

  .logo-svg.testimonial_client._11 {
    width: 100px;
    min-width: auto;
    max-width: none;
    height: 40px;
    margin-right: 0;
  }

  .logo-svg.sutteerstock._5 {
    width: auto;
    height: 20px;
    margin-right: 0;
  }

  .logo-svg.fox._3 {
    width: auto;
    height: 30px;
    margin-right: 0;
  }

  .logo-svg.fox._6 {
    height: 30px;
    margin-right: 0;
  }

  .logo-svg.fiverr._4 {
    height: 20px;
    margin-right: 0;
  }

  .logo-svg._2, .logo-svg._7, .logo-svg._8 {
    height: 30px;
    margin-right: 0;
  }

  .logo-svg._9 {
    width: 100px;
    max-width: none;
    height: 40px;
    margin-right: 0;
  }

  .logo-svg._10 {
    width: 100px;
    min-width: auto;
    max-width: none;
    height: 30px;
    margin-right: 0;
  }

  .logo-svg._1 {
    height: 30px;
    margin-right: 0;
  }

  .text-color-white-dim, .text-color-white-dim.is-mob {
    font-size: 25px;
  }

  .text-color-white-dim.is-small {
    font-size: 12px;
  }

  .black-orvarly {
    background-image: linear-gradient(#00000069, #00000069);
    padding-left: .8em;
  }

  .work_content-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .span-text-blue {
    font-size: 27px;
    font-weight: 700;
  }

  .text-color-ashh.footer.size {
    font-size: 1.5em;
  }

  .text-color-ashh.footer.size.small {
    font-size: 12px;
  }

  .text-color-ashh.is-mob {
    text-align: center;
    font-size: 25px;
  }

  .text-color-ashh.subtitle {
    font-size: 10px;
  }

  .text-color-ashh.subtitle._12 {
    font-size: 12px;
  }

  .text-color-ashh.small {
    font-size: 14px;
  }

  .flower-purple {
    width: 5em;
    max-width: 10em;
    inset: auto auto 17% 42%;
  }

  .flower-white {
    width: 7em;
    inset: auto auto 15% 38%;
  }

  .flower-org {
    top: -20em;
  }

  .lid-img {
    z-index: 10;
    max-width: 6.2em;
    bottom: 341px;
    left: 188px;
    right: auto;
  }

  .section_praise-open {
    padding-bottom: 65px;
    font-size: 12px;
  }

  .section_praise-open.padding {
    padding-bottom: 65px;
  }

  .small-jar {
    width: 23em;
    height: 21.4em;
    margin-top: 0;
    padding-right: 0;
    position: relative;
    inset: -146px -6px 2em -.2em;
  }

  .footer-left {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    border-style: solid;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 18px;
  }

  .footer-startup_box {
    justify-content: center;
    align-items: flex-start;
  }

  .footer-startup_box.margin {
    max-width: 237px;
  }

  .footer-socal-list.show {
    grid-column-gap: 20px;
  }

  .section-pop_jar-animation {
    padding-bottom: 0;
  }

  .y-comb-wrapper {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .y-combin {
    flex-direction: column;
    margin-top: 0;
  }

  .y-combin.footer {
    flex-wrap: wrap;
    font-size: 1.5em;
  }

  .y-combin.footer.show.margin {
    margin-top: 0;
  }

  .home-hero-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    max-width: none;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .heading_wrap {
    width: 90%;
  }

  .split-lines {
    font-size: 2em;
  }

  .value-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .value-wrapper.abt {
    z-index: 0;
    padding-left: 14px;
    padding-right: 14px;
    top: -144px;
  }

  .value-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .value-content {
    text-align: center;
    margin-top: 0;
  }

  .value-content.middle {
    margin-top: 0;
  }

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

  .text-coolor-blue.is-mob {
    font-size: 25px;
  }

  .cms-hero-wrapper {
    grid-row-gap: 20px;
    align-items: center;
  }

  .nav-logo-mobile {
    display: block;
  }

  .text-size-39px {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }

  .cms-tag-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    place-content: flex-start center;
  }

  .cms-overview-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cms-overview {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .compex-grid, .compex-grid.custom-container {
    grid-template-columns: 1fr;
  }

  .complex-item.last {
    align-items: center;
  }

  .cms-img-wrapper {
    flex-direction: column;
  }

  .work-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
  }

  .work-name {
    text-align: left;
    font-size: 14px;
  }

  .footar-main {
    justify-content: center;
    align-items: stretch;
    width: auto;
  }

  .lottie-animation {
    width: 20em;
  }

  .lottie-animation.hide-desk-top {
    align-items: flex-start;
    width: 20em;
    height: 30.6em;
  }

  .jar-wrraper.projects {
    max-width: none;
    padding-top: 100px;
    padding-bottom: 65px;
  }

  .jar-wrraper.jar-main {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .jar-wrraper.zoom {
    padding-top: 0;
  }

  .italic-text {
    font-size: 27px;
  }

  .home-work-wrapper {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .main-jar-wrapper {
    height: 140px;
  }

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

  .pricing_form {
    min-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .pricing-text::placeholder {
    font-size: .7em;
  }

  ._1st-fields {
    grid-template-columns: 1fr;
  }

  .b-a-d {
    display: none;
  }

  .section-pricing-explain {
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: .5em;
  }

  .section-pricing-explain.background-color-white.exclude-top-padding {
    padding-top: 2rem;
  }

  .section-pricing-explain.purple {
    padding-top: 1.5rem;
  }

  .pricing-main-wrap {
    padding: 0;
  }

  .pricing-main-wrap.padding-top-extra {
    padding-top: 6rem;
  }

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

  .slots.blue {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slots.blue.background-color-black {
    padding-left: 7px;
    padding-right: 7px;
  }

  .pricing.card {
    padding-top: 3.4em;
    padding-bottom: 3.4em;
  }

  .limitasion-box.black.mob, .limitasion-box.blue.mob, .limitasion-box.mob {
    height: 45px;
  }

  .pricing-content.fix-size, .pricing-content.fix-size.dev {
    height: auto;
  }

  .price-list-bullet {
    padding-right: 0;
    font-size: 14px;
  }

  .section_faq {
    padding-top: 0;
  }

  .faq_component {
    min-height: auto;
    max-height: none;
  }

  .app_wrap-achivemt {
    border-bottom: 1px tomato;
  }

  .cl-2 {
    right: 6%;
  }

  .cl-2.is-mob, .cl-3.is-mob, .cl-4.is-mob {
    display: none;
  }

  .text-color-black-bold.is-mob {
    font-size: 18px;
  }

  .orange-flower {
    height: 8em;
    top: 79%;
    left: 39%;
  }

  .red-dot {
    height: 10px;
  }

  .blue-dot.middle {
    z-index: 1;
  }

  .div-block-11 {
    grid-column-gap: 0rem;
    grid-row-gap: 10px;
    flex-direction: row;
    justify-content: space-between;
  }

  .slider-left-arrow {
    width: 20px;
    height: 20px;
  }

  .footer-text.is-small, .footer-link {
    font-size: 16px;
  }

  .footer-bottom-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-bottom-wrap.none-padd {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-bottom-text {
    font-size: 10px;
  }

  .image-2 {
    height: 43px;
  }

  .subtitle {
    font-size: 24px;
  }

  .subtitle.black {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .subtitle.black.vollkorn {
    font-size: 28px;
  }

  .subtitle.black.small {
    font-size: 12px;
  }

  .subtitle.black.is-left {
    font-size: 24px;
  }

  .subtitle.black.mobile-bigger {
    text-align: center;
    font-size: 22px;
  }

  .subtitle.light {
    font-size: 18px;
    line-height: 1.5;
  }

  .subtitle.center {
    font-size: 18px;
  }

  .subtitle.blue {
    font-size: 34px;
  }

  .subtitle.blue.text-color-white, .subtitle.blue.text-color-ashh {
    font-size: 30px;
  }

  .subtitle.text-align-center {
    margin-left: 18px;
    margin-right: 18px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 24px;
  }

  .subtitle.text-color-ashh {
    font-size: 30px;
  }

  .subtitle.text-align-left {
    text-align: left;
    line-height: 1.1;
  }

  .text-base {
    font-family: Poppins Medium, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
  }

  .text-base.black {
    font-size: 14px;
  }

  .text-base.black._14 {
    font-size: 10px;
  }

  .text-base.max-520 {
    font-size: 16px;
    line-height: 2;
  }

  .text-lg.white {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
  }

  .text-lg.white.small.home {
    font-size: 10px;
  }

  .text-lg.white.small.home.footer, .text-lg.white.footer {
    font-size: 14px;
  }

  .text-lg.left {
    font-size: 10px;
  }

  .text-lg.left.padd {
    padding-bottom: 0;
  }

  .text-lg.underline {
    border-bottom: 1px #ff6d4a;
    border-left: 0 #0000;
    padding-bottom: 15px;
  }

  .vr-line {
    display: none;
  }

  .vr-line.margin-top {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .combi-logo-wrap {
    display: none;
  }

  .combi-logo-wrap.mob {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
  }

  .achivement--main-wrap {
    flex-direction: column;
  }

  .main-title {
    font-size: 24px;
  }

  .main-title.black.animation {
    font-size: 25px;
  }

  .main-title.center.home {
    font-size: 32px;
  }

  .main-title.max-width.margin-custom {
    font-size: 24px;
  }

  .main-title.max-width.text-color-blue {
    font-size: 23px;
    line-height: 1.3;
  }

  .main-title.is-pos {
    text-align: center;
    margin-bottom: 2rem;
  }

  .text-2xl, .text-2xl.white {
    font-size: 14px;
  }

  .text-2xl.blue.bold {
    flex-direction: column;
    font-size: 14px;
  }

  .text-2xl.margin, .text-2xl.margin.btn {
    font-size: 12px;
  }

  .button_component-new {
    border-radius: .5em;
    width: auto;
    height: 3.5rem;
  }

  .button_component-new.purple {
    width: auto;
  }

  .button_component-new.cc-new {
    border-radius: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button_component-new.cc-new.blue {
    border-radius: 7px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button_component-new.cc-new.purple, .button_component-new.cc-new.tomato {
    border-radius: 7px;
    height: 2rem;
  }

  .hr-line {
    display: none;
  }

  .image-3 {
    display: inline-block;
    top: 21.4em;
  }

  .html-embed-3 {
    width: 110px;
  }

  .lottie-animation-4 {
    width: 280px;
  }

  .lottie-animation-4.abt {
    max-width: none;
  }

  .number-title {
    font-size: 20px;
  }

  .nav-layout {
    padding-left: 0;
    padding-right: 0;
  }

  .text-base-price {
    font-size: 12px;
  }

  .text-base-price.black, .text-base-price.black._14 {
    font-size: 10px;
  }

  .text-lg-price {
    font-size: 14px;
  }

  .text-lg-price.white, .text-lg-price.white.small.home, .text-lg-price.left {
    font-size: 10px;
  }

  .text-lg-price.left.padd {
    padding-bottom: 0;
  }

  .text-lg-price.underline {
    border-bottom: 1px #ff6d4a;
    border-left: 0 #0000;
    padding-bottom: 15px;
  }

  .image-9 {
    width: 60%;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sec-4-video-grid {
    grid-row-gap: 20px;
  }

  .sec-3-grid-without-logo {
    max-width: none;
  }

  .image-11 {
    max-width: 220px;
  }

  .container-xl {
    padding-left: 30px;
    padding-right: 30px;
  }

  .flower-title {
    position: relative;
    top: -127px;
  }

  .grid-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .grid-3.about.hero-pricing {
    padding-bottom: 2rem;
  }

  .div-block-16 {
    padding-right: 0%;
  }

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

  .background-video {
    height: 220px;
  }

  .background-video.full-width {
    height: 300px;
  }

  .background-video.full-width.digup {
    height: 226px;
  }

  .div-block-18 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .custome-field {
    width: 15px;
    height: 16px;
  }

  .checkbox-field {
    align-items: center;
  }

  .text-color-orange.text-format {
    font-size: 2.2rem;
  }

  .text-color-orange.text-format.szier-adjsut {
    font-size: 35px;
  }

  .text-heading-custom {
    font-size: 30px;
  }

  .div-block-21 {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding-left: 0;
    padding-right: 0;
  }

  .italic-text-2 {
    font-size: 28px;
  }

  .blog-content {
    margin-right: 0;
  }

  .tag {
    text-align: center;
    padding: 23px 34px;
  }

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

  .image-19 {
    max-width: 30%;
    inset: 0% 32% auto auto;
  }

  .navigation-secondary {
    display: none;
  }

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

  .button-primary {
    width: 100%;
  }

  .paragraph-regular {
    font-size: 18px;
    line-height: 30px;
  }

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

  .navigation-button {
    display: none;
  }

  .header-icon-wrapper {
    font-size: 28px;
  }

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

  .header-card {
    max-width: 80%;
    padding: 16px;
    bottom: 16px;
    left: 16px;
  }

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

  .hero-heading {
    font-size: 44px;
    line-height: 62px;
  }

  .button-secondary-arrow {
    width: 100%;
  }

  .bullet-point.top-line {
    text-align: center;
  }

  .roundy-animation {
    max-width: none;
  }

  .roundy-animation.size-medium.cutom-mobile {
    max-width: 15rem;
    padding-top: 2.4rem;
  }

  .pring {
    justify-items: center;
    padding: 0;
  }

  .pring.web-example {
    padding-left: 0;
    padding-right: 0;
  }

  .card-explain-pricing {
    height: auto;
  }

  .flat-fee {
    padding: 2rem 0 4rem;
  }

  .flat-fee.exclude-margin-bottom {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .flat-fee.custom-appding.subs {
    margin-bottom: 2rem;
  }

  .div-block-25 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    align-items: center;
  }

  .blog-card {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .image-20 {
    height: 100%;
  }

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

  .text-blog-card {
    font-size: 1.2rem;
  }

  .text-blog-card.text-color-white-dim {
    text-align: left;
    font-size: 1.4rem;
  }

  .image-21 {
    height: 250px;
  }

  .blog-cover {
    width: 100%;
    max-width: 252rem;
    height: 4.5rem;
  }

  .paragraph-5 {
    font-size: .9rem;
    line-height: 1.7;
  }

  .heading-11 {
    font-size: 1.8rem;
  }

  .heading-12 {
    font-size: 1.4rem;
  }

  .capsul-value {
    transform-origin: 56% 54%;
    width: 5.2rem;
    font-size: .4rem;
    top: -5%;
    right: -15%;
    transform: rotate(45deg);
  }

  .capsul-text {
    font-size: .7rem;
  }

  .logo-builder {
    width: 5rem;
    max-width: 95%;
  }

  .div-block-26 {
    width: auto;
  }

  .image-22, .block-footer {
    width: 100%;
  }

  .collection-list-wrapper-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .smalll-text.top-line {
    text-align: center;
    margin-left: 0;
  }

  .div-block-28 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .background-video-2 {
    height: 180px;
  }

  .image-showcase {
    border-radius: 1rem;
  }

  .collection-list-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

#w-node-_0b73eada-2ef9-7802-fe4b-e6f9a9f63afe-5719373b {
  align-self: stretch;
}

#w-node-_57181bb2-286a-0b1f-0df3-31a5bb5f081e-5719373b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e4205cbc-9c7a-89e7-af53-61f119b30bdc-5719373b {
  align-self: stretch;
}

#w-node-_4aa67f8d-1164-fcd6-9877-8fbe4969697f-5719373b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_280f9997-6145-3b5a-317f-91ec2e2da6b1-5719373b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_70515f4f-8520-d233-ca30-a9fcc2f3495c-5719373b, #w-node-_70515f4f-8520-d233-ca30-a9fcc2f3496b-5719373b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_70515f4f-8520-d233-ca30-a9fcc2f3497a-5719373b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d67-5719373b, #w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d6b-5719373b, #w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d6f-5719373b, #w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d73-5719373b, #w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d77-5719373b, #w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d7b-5719373b {
  align-self: start;
}

#w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d7f-5719373b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3962a6e3-c844-56ba-fabf-ab3b0b0581ec-0b0581ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_3962a6e3-c844-56ba-fabf-ab3b0b058213-0b0581ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f6274d9-9dbc-7d07-f61b-85114240dfb6-ab7aafdd, #w-node-_4082f5c8-85e1-bbc9-1d54-1b7352e5e31c-ab7aafdd, #w-node-_604673a5-d5ce-4b4f-9957-1e7ef3d7fbf0-ab7aafdd, #w-node-_3d541ac5-7ceb-a7f4-0b4f-ca5c42cee124-ab7aafdd, #w-node-_285cd8c8-f962-4396-73bf-a00e60201a32-ab7aafdd, #w-node-d13401d6-7565-938d-1e67-e7e7fd00a660-ab7aafdd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6261a986-1be2-7a8a-5ec9-ff1d02f13b77-ab7aafdd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_86cb67e9-a655-7733-969f-8656ab7aafee-ab7aafdd {
  justify-self: end;
}

#w-node-ad5cdf13-5c05-edcc-e478-1fe6cdd0de69-57193785, #w-node-_36cf413e-0c54-b20b-b608-1acaab97bb8a-57193785, #w-node-_36cf413e-0c54-b20b-b608-1acaab97bb93-57193785, #w-node-_36cf413e-0c54-b20b-b608-1acaab97bb9c-57193785, #w-node-_06b38946-c3a7-ad6f-8d55-d8ee46421e36-57193786, #w-node-_3aec055c-8b12-6908-b0a4-d44040b62b88-57193786 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88c3c46b-9a66-7d37-ac4d-ab5f865e6175-57193786 {
  align-self: stretch;
}

#w-node-_3e320916-7b94-2664-071b-2c6b6179b855-57193786 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5492de04-c9d8-3919-39a8-ccf91d7942ce-57193786 {
  align-self: stretch;
}

#w-node-_96d2e537-72b9-3dc6-9743-9b82db0fe075-57193786 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d3b0825-1e66-5591-4b43-f9a021dd73de-57193786 {
  align-self: stretch;
}

#w-node-d5cf488d-61e5-6012-76a4-f5b32dd46180-57193786 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_473a14c5-5b38-eca8-04f7-8918259efc2b-57193786 {
  align-self: stretch;
}

#w-node-fb0f31b2-fb18-84e2-b709-86d3894d6f8c-57193786, #w-node-fb0f31b2-fb18-84e2-b709-86d3894d6f90-57193786, #w-node-fb0f31b2-fb18-84e2-b709-86d3894d6f94-57193786, #w-node-fb0f31b2-fb18-84e2-b709-86d3894d6f98-57193786, #w-node-fb0f31b2-fb18-84e2-b709-86d3894d6f9c-57193786, #w-node-fb0f31b2-fb18-84e2-b709-86d3894d6fa0-57193786 {
  align-self: start;
}

#w-node-fb0f31b2-fb18-84e2-b709-86d3894d6fa4-57193786, #w-node-_2b9feef8-0bb0-ace3-0d26-8bb8812947a1-5719379b, #w-node-_4055c053-7845-415a-2f6b-2239c73f5e3e-5719379b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_129da01a-4fae-7ceb-0a27-463c797195cb-5719379c {
  justify-self: center;
}

#w-node-c621f6ae-acfc-2903-1864-68de7c1129ce-5719379c, #w-node-f127f9a1-eaa6-0743-2753-e764e1578697-5719379c, #w-node-e9d81a12-13e1-c116-6fa9-de8e4703d80f-5719379c, #w-node-_2c08f627-e603-f3dd-b168-2a6551b97ccd-5719379c, #w-node-_8ac0beb6-4531-ca9d-f670-b444fb840266-5719379c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_647c3636-593e-fbd9-de70-17f57bf99a1d-5719379c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67bc1978-a118-57b2-69ad-46591a46dcb4-5719379c, #w-node-_00fdfa73-7e56-2c18-7b8e-b29d5e7657bc-5719379c, #w-node-_00fdfa73-7e56-2c18-7b8e-b29d5e7657bd-5719379c, #w-node-_00fdfa73-7e56-2c18-7b8e-b29d5e7657c1-5719379c, #w-node-_7cb3134e-3f82-98e1-53f3-525981fd347b-5719379c, #w-node-aa173ae9-fe48-890f-2e0f-2de83bcfa56a-5719379d, #w-node-aa173ae9-fe48-890f-2e0f-2de83bcfa574-5719379d, #w-node-aa173ae9-fe48-890f-2e0f-2de83bcfa57e-5719379d, #w-node-aa173ae9-fe48-890f-2e0f-2de83bcfa588-5719379d, #w-node-aa173ae9-fe48-890f-2e0f-2de83bcfa592-5719379d, #w-node-_6b1a35f0-1a1b-baed-70d7-eef4126ac734-5719379d, #w-node-_6b1a35f0-1a1b-baed-70d7-eef4126ac743-5719379d, #w-node-ec7ca1f0-d2e0-3a33-8bbc-2168bff52b70-5719379d, #w-node-ec7ca1f0-d2e0-3a33-8bbc-2168bff52b7e-5719379d, #w-node-_6c3f44ae-5834-b04c-8c9b-a60c75584578-5719379f, #w-node-b3539192-4fd7-2f78-3371-412e4ccaa779-5719379f, #w-node-_952ae96d-6502-b847-e611-d9c3bf73377d-5719379f, #w-node-f05bd7f3-17a3-cb8f-c219-283957a6c62a-5719379f, #w-node-dd9eca14-c209-3ce4-5854-40572586dc34-5719379f, #w-node-_741f3961-3441-422a-6587-67ef468305d7-571937a0, #w-node-c87c4bba-7adf-0a20-04d1-8a61d35dd6b0-571937a0, #w-node-_28c64af4-bc67-2909-1e44-4e31e1565a59-571937a0, #w-node-e689f485-7fbe-4272-419e-b86c6e268a80-571937a0, #w-node-_219cbb56-66f1-c7db-26e1-5e0f24f45145-571937a0, #w-node-_20cee950-df37-6580-74a6-356af3ba5c9a-571937a0, #w-node-_71043b55-d277-fad6-0225-040a73f7ddb6-571937a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_771e4c5c-3f81-3208-47fa-9ba4b608a720-571937a0 {
  place-self: start center;
}

#w-node-ff7dcafd-5f8c-48a1-3693-fbb594e5642f-571937a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_3d0f76f7-e152-274e-a26b-35032733cf23-571937a0 {
  place-self: start center;
}

#w-node-_9e83bcc4-1954-91ff-048c-f9ac565c8802-571937a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b93fabc-2ef3-b578-7871-b12c658e0a2b-571937a0 {
  place-self: start center;
}

#w-node-a1264406-40c5-279b-9cab-7ecce7f687e3-571937a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb54b2e1-ab38-6c67-aa0e-c73eb4036215-571937a0 {
  place-self: start center;
}

#w-node-b76ef806-5516-bd54-b0a7-8c54f01e99b8-571937a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_12165bcc-1800-8bfe-49f6-f2ad7b0a496c-571937a0, #w-node-f424e92d-564c-aeec-9acb-0b659e54e95f-571937a0, #w-node-_3eb71c22-8e29-5e71-88c3-c50fad06170e-571937a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_6d911c87-a708-6a22-1727-36eefc491a4b-571937a0, #w-node-_239fb45b-0448-e038-41f9-6e0968e93fb1-571937a0, #w-node-a32dbb8e-a0a2-b03b-5d3e-a9b0cff15f8e-571937a0, #w-node-_9c21f137-5e62-3a14-8f49-8d231c482653-571937a0, #w-node-_422ec2d2-96a0-a54c-900c-0bf1efa7b15d-571937a2, #w-node-_0b0b94e6-0f31-288d-ad4f-addba84908d8-571937a2, #w-node-e743d4c5-61ac-cd8e-42ce-e4ca04f2436c-571937a2, #w-node-_231c0527-e03b-1cb1-4633-b9114217669e-571937a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2977c3f0-ef60-ffa1-dbd9-e8a3fb8ad809-571937a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-571937a6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-571937a6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-571937a6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-571937a6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-571937a6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-571937a6, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-571937a6 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-571937a6 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-571937a6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-571937a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-571937a6 {
  justify-self: start;
}

#w-node-_60870214-21dd-bc7f-beaa-f8d2448fa224-571937a7, #w-node-_1e0fc7c8-cb04-4555-5d67-01a0673b4eae-571937a7, #w-node-_6eb77544-2400-ec78-0d8f-46a3806db140-571937a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65b5d9bf-8b3e-ab9c-109f-f06469ea3e1d-571937a7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f2da6d09-cb1f-079a-16af-1ec4fe35f52f-571937a7, #w-node-_82ae928d-cf95-167d-8bad-5a592508de68-571937a7, #w-node-d230bdfe-0bf3-ebdb-8882-32a3442e220b-571937a7, #w-node-_6987eb1c-a2a0-58a8-6dc0-7f881693298c-571937a7, #w-node-e9964202-c31b-2965-4eae-3670fb8f5110-571937a7, #w-node-_850d1791-1e5e-4a94-7ae4-adaa83d3c32f-571937a7, #w-node-_850d1791-1e5e-4a94-7ae4-adaa83d3c330-571937a7, #w-node-_43cfb3b9-4166-e778-a234-eb2f2811ed1a-571937a7, #w-node-aea036dd-9e44-ab8d-3c8d-7fa89b1e4003-571937a7, #w-node-_1e0fc7c8-cb04-4555-5d67-01a0673b4eae-571937aa, #w-node-_60870214-21dd-bc7f-beaa-f8d2448fa224-571937aa, #w-node-f2da6d09-cb1f-079a-16af-1ec4fe35f52f-571937aa, #w-node-_82ae928d-cf95-167d-8bad-5a592508de68-571937aa, #w-node-d230bdfe-0bf3-ebdb-8882-32a3442e220b-571937aa, #w-node-_6987eb1c-a2a0-58a8-6dc0-7f881693298c-571937aa, #w-node-e9964202-c31b-2965-4eae-3670fb8f5110-571937aa, #w-node-_8f8f6651-e1de-01ff-b744-680cef69008f-571937aa, #w-node-_8f8f6651-e1de-01ff-b744-680cef690095-571937aa, #w-node-_7fc6be0f-e6a6-d1f6-1ec0-e839a7c333f5-571937aa, #w-node-_7fc6be0f-e6a6-d1f6-1ec0-e839a7c333fb-571937aa, #w-node-cf48f137-e9cc-d439-b2a7-9c0ad3ba0ab8-571937aa, #w-node-cf48f137-e9cc-d439-b2a7-9c0ad3ba0abe-571937aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_3962a6e3-c844-56ba-fabf-ab3b0b0581ec-0b0581ce {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3962a6e3-c844-56ba-fabf-ab3b0b058213-0b0581ce {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_36cf413e-0c54-b20b-b608-1acaab97bb8a-57193785, #w-node-_36cf413e-0c54-b20b-b608-1acaab97bb93-57193785, #w-node-_6c3f44ae-5834-b04c-8c9b-a60c75584578-5719379f, #w-node-_60870214-21dd-bc7f-beaa-f8d2448fa224-571937a7, #w-node-_1e0fc7c8-cb04-4555-5d67-01a0673b4eae-571937a7, #w-node-_65b5d9bf-8b3e-ab9c-109f-f06469ea3e1d-571937a7, #w-node-_1e0fc7c8-cb04-4555-5d67-01a0673b4eae-571937aa, #w-node-_60870214-21dd-bc7f-beaa-f8d2448fa224-571937aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_280f9997-6145-3b5a-317f-91ec2e2da6b1-5719373b, #w-node-_70515f4f-8520-d233-ca30-a9fcc2f3495c-5719373b, #w-node-_70515f4f-8520-d233-ca30-a9fcc2f3496b-5719373b, #w-node-_70515f4f-8520-d233-ca30-a9fcc2f3497a-5719373b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3962a6e3-c844-56ba-fabf-ab3b0b058219-0b0581ce {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-be154348-8099-8e38-d847-137c4d4aaba0-0b0581ce {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8f6274d9-9dbc-7d07-f61b-85114240dfb6-ab7aafdd, #w-node-_4082f5c8-85e1-bbc9-1d54-1b7352e5e31c-ab7aafdd, #w-node-_604673a5-d5ce-4b4f-9957-1e7ef3d7fbf0-ab7aafdd, #w-node-_3d541ac5-7ceb-a7f4-0b4f-ca5c42cee124-ab7aafdd, #w-node-_285cd8c8-f962-4396-73bf-a00e60201a32-ab7aafdd, #w-node-d13401d6-7565-938d-1e67-e7e7fd00a660-ab7aafdd {
    order: -9999;
  }

  #w-node-bb268479-97b3-494c-03cc-2631550625f3-57193785, #w-node-_06b38946-c3a7-ad6f-8d55-d8ee46421e2c-57193786, #w-node-_62179e7e-7ba3-af96-7858-c7bb9766f51b-5719379c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_129da01a-4fae-7ceb-0a27-463c797195cb-5719379c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-ebd7672a-163d-7f60-3c20-d723511f1853-5719379c {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_741f3961-3441-422a-6587-67ef468305d7-571937a0, #w-node-_28c64af4-bc67-2909-1e44-4e31e1565a59-571937a0 {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3962a6e3-c844-56ba-fabf-ab3b0b058219-0b0581ce {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_3962a6e3-c844-56ba-fabf-ab3b0b058241-0b0581ce {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_2977c3f0-ef60-ffa1-dbd9-e8a3fb8ad809-571937a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_622040fd-cd2e-04e6-b67c-2567e8a121fb-5719373b, #w-node-a504cceb-1cd0-7d6f-ac2d-3fab0f535d7f-5719373b, #w-node-_3962a6e3-c844-56ba-fabf-ab3b0b058219-0b0581ce, #w-node-bb268479-97b3-494c-03cc-2631550625f3-57193785 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb268479-97b3-494c-03cc-2631550625fc-57193785 {
    justify-self: center;
  }

  #w-node-_06b38946-c3a7-ad6f-8d55-d8ee46421e2c-57193786, #w-node-fb0f31b2-fb18-84e2-b709-86d3894d6fa4-57193786, #w-node-_62179e7e-7ba3-af96-7858-c7bb9766f51b-5719379c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_129da01a-4fae-7ceb-0a27-463c797195cb-5719379c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_647c3636-593e-fbd9-de70-17f57bf99a1d-5719379c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ebd7672a-163d-7f60-3c20-d723511f1853-5719379c {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_2977c3f0-ef60-ffa1-dbd9-e8a3fb8ad809-571937a2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins.zip') format('undefined');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athelas Regular';
  src: url('../fonts/Athelas-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athelas Italic';
  src: url('../fonts/Athelas-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Athelas Bold';
  src: url('../fonts/Athelas-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athelas';
  src: url('../fonts/Athelas-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins Bold';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Poppins Medium';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins Regular';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oggtext Book Bf 646 C 18 Fc 3 D 930';
  src: url('../fonts/OggText-Book-BF646c18fc3d930.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oggtext Bf 646 C 18 Fc 0 D 1 Ec';
  src: url('../fonts/OggText-MediumItalic-BF646c18fc0d1ec.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Oggtext Bf 646 C 18 Fc 56511';
  src: url('../fonts/OggText-Extrabold-BF646c18fc56511.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}