:root {
  --_theme---background: var(--swatch--white);
  --_text-style---font-family: Outfit, sans-serif;
  --_theme---text: var(--swatch--black);
  --_text-style---font-size: var(--_responsive---font-size--text-18);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
  --_responsive---container--padding-vertical: 6rem;
  --swatch--background-purple: #fbf8ff;
  --swatch--light-purple: #e5dcf7;
  --_theme---text-secondary: var(--swatch--grey);
  --_theme---button--border: #0f10484d;
  --_theme---button--text: var(--swatch--dark-purple);
  --_theme---button--background-hover: var(--swatch--dark-purple);
  --_theme---button--text-hover: white;
  --swatch--tab-current-bg: #f2ecff;
  --swatch--white: white;
  --swatch--dark-purple: #4c3384;
  --swatch--black: #222;
  --_responsive---font-size--h2: 3.5rem;
  --_responsive---container--padding-horizontal: 2.5rem;
  --swatch--light-grey: #fdfcff;
  --swatch--purple-30: #b8add1;
  --swatch--light-purple-text: #8977b2;
  --swatch--grey: #646366;
  --_responsive---font-size--text-18: 1.125rem;
  --_responsive---font-size--text-16: 1rem;
  --_responsive---font-size--text-14: .875rem;
  --swatch--hover-pink: #f2eefb;
  --_theme---button--backgournd: transparent;
  --_responsive---font-size--h1: 4rem;
  --_responsive---font-size--h3: 2.5rem;
  --_responsive---font-size--h4: 2rem;
  --_responsive---font-size--h5: 1.75rem;
  --_responsive---font-size--text-24: 1.5rem;
  --_responsive---font-size--text-22: 1.375rem;
  --_responsive---font-size--text-20: 1.25rem;
  --_theme---text-teritary: var(--swatch--dark-purple);
  --_theme---button--border-hover: var(--swatch--dark-purple);
  --_theme---button--nav-link--text-hover: #0f1048;
}

.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-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--_theme---background);
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
}

h1 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h1);
  --_text-style---line-height: 1.1;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---line-height: 1.1;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: -.03em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

.hero-section {
  padding-top: var(--_responsive---container--padding-vertical);
  padding-bottom: var(--_responsive---container--padding-vertical);
  background-color: var(--swatch--background-purple);
  border-radius: 1.5rem;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-container {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 41rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cursor-element {
  background-color: var(--swatch--light-purple);
  border-radius: 5rem;
  padding: .5rem .75rem;
  position: absolute;
}

.navbar {
  background-color: var(--_theme---background);
  width: 100%;
  position: fixed;
  inset: 0% 0% auto;
  transform: translate(0);
  box-shadow: 0 4px 20px #efefef80;
}

.navbar.this {
  z-index: 6;
  transform: translate(0);
}

.brand {
  cursor: pointer;
  width: 6rem;
  transition: all .5s;
}

.brand:hover {
  transform: scale(1.07);
}

.brand.this {
  width: 4.625rem;
}

.nav-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container {
  max-width: 100%;
  padding: 1rem 3rem;
  position: relative;
}

.nav-link {
  color: var(--_theme---text-secondary);
  padding: .5rem .5rem .4rem;
}

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

.nav-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.button {
  border: 1px solid var(--_theme---button--border);
  color: var(--_theme---button--text);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 1.5rem;
  text-decoration: none;
  transition: box-shadow 1s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 2px #e5dcf7, inset 0 -2px 2px #e5dcf7;
}

.button:hover {
  box-shadow: none;
}

.button.get-started {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.get-started.this {
  width: 100%;
  margin-top: .5rem;
}

.button.hire-us {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.hire-us-copy {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.next {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.simple-btn {
  background-color: #fdfcff;
  padding: 10px 40px;
}

.button.simple-btn:hover {
  background-color: var(--swatch--tab-current-bg);
  color: var(--_theme---button--text);
}

.button.get-started-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.embed {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding: 12px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.validate-idea {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  width: 266px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.validate-idea-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---button--background-hover);
  color: var(--_theme---button--text-hover);
  border-width: 0;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -4px 4px #00000040;
}

.button.share {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fdfcff;
  border-radius: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  transition-property: all;
  transition-duration: .3s;
  display: flex;
}

.button.share:hover {
  background-color: var(--swatch--tab-current-bg);
  color: var(--swatch--dark-purple);
}

.nav-link-border {
  background-image: linear-gradient(90.08deg, #0f1048, #4c3384 54.68%, #546fc0);
  width: 100%;
  height: .15rem;
  min-height: .15rem;
}

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

.center {
  text-align: center;
}

.heading-div {
  width: 100%;
}

.hide {
  display: none;
}

.text-18 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-18);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.text-18.grey.padding {
  padding-top: .75rem;
}

.text-16 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-16);
  --_text-style---line-height: 1.4;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.text-16._500.no-wrap {
  white-space: nowrap;
}

.text-16._500.dark-purple {
  text-decoration: none;
}

.text-16.light-text {
  color: #4c3384b3;
}

.text-16.center.no-wrap {
  white-space: nowrap;
  padding-left: .75rem;
  padding-right: .5rem;
}

.text-16.service-text-hide {
  display: block;
}

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

.text-16.purple-txt {
  color: #6f5b9d;
}

.text-14 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-14);
  --_text-style---line-height: 1.4;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.text-14.error {
  color: #940303;
}

.text-14.error._500.url-error-message {
  display: none;
}

.h1 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

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

.h2 {
  font-family: var(--_text-style---font-family);
  color: var(--swatch--black);
  font-size: var(--_responsive---font-size--h2);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

.h2.center {
  text-overflow: ellipsis;
}

.h3 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h3);
  --_text-style---line-height: 1.2;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: 0em;
  margin-top: 0;
  margin-bottom: 0;
}

.h4 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h4);
  --_text-style---line-height: 1.2;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: 0em;
  margin-top: 0;
  margin-bottom: 0;
}

.h4.dark-purple.no-link {
  text-decoration: none;
}

.h4._400 {
  font-weight: 400;
}

.h4.padding-bottom {
  margin-top: 20px;
  margin-bottom: 10px;
}

.h4.padding-bottom-copy {
  margin-top: 0;
  margin-bottom: 10px;
}

.h5 {
  font-family: var(--_text-style---font-family);
  color: var(--swatch--black);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h5);
  --_text-style---line-height: 1.2;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: 0em;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.h5._600._94 {
  width: 94%;
}

.h5._600._80 {
  width: 80%;
}

.h5._600.padding {
  margin-bottom: 16px;
}

.h5.dark-purple.max-width {
  max-width: 11ch;
}

.h5.center._50 {
  width: 66%;
}

.h5.center._60 {
  width: 50%;
}

.h5.pad {
  margin-bottom: 14px;
}

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

.hero-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-left: .5em;
  padding-right: .5em;
  display: grid;
}

.section {
  padding-right: var(--_responsive---container--padding-horizontal);
  padding-left: var(--_responsive---container--padding-horizontal);
}

.section.hero {
  padding-top: 1.5rem;
  overflow: hidden;
}

.image {
  width: 100%;
  height: 100%;
}

.image.contain {
  z-index: 1;
}

.image.contain.radius {
  border-radius: 14px;
}

.image.contain.absolute {
  z-index: 4;
}

.image.contain.desktop {
  display: none;
}

.image.contain.radius-all {
  border-radius: 1rem;
}

.image.contain.radius-top {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.image.contain {
  object-fit: contain;
}

.image.checked {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image.checked._2, .image.checked._3, .image.checked._4, .image.checked._5, .image.checked._6 {
  z-index: -1;
  opacity: 0;
  width: 3.2rem;
  height: 3.2rem;
  inset: auto;
}

.image._4 {
  z-index: 2;
}

.image.cover {
  object-fit: cover;
  object-position: 50% 50%;
}

.image.cover.radius {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.image.cover.radius.this {
  object-position: 50% 30%;
}

.image.cover.radius-all {
  border-radius: 1rem;
}

.image.cover.radius-all.this {
  object-position: 50% 30%;
}

.image.cover.radius-all.t {
  object-position: 50% 0%;
}

.image.cover.top {
  object-position: 50% 0%;
  display: block;
}

.image.cover.top.mobile {
  display: none;
}

.image.cover.align-top {
  object-fit: cover;
  object-position: 50% 0%;
}

.image.active {
  position: absolute;
}

.image.contain-top {
  object-fit: contain;
  object-position: 100% 0%;
}

.image.contain-left-align {
  z-index: 1;
  object-fit: contain;
  object-position: 0% 50%;
}

.image.absolute {
  position: absolute;
  inset: 0%;
}

.image.cover {
  object-fit: cover;
}

._500 {
  font-weight: 500;
}

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

.start-div {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: none;
}

.button-hover-circle {
  width: 140%;
  height: 200%;
  position: absolute;
  inset: auto auto -200% -20%;
}

.trusted-by {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--_theme---button--border);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: flex;
  position: absolute;
  inset: auto auto 1.5rem 1.8rem;
}

.trusted-by.service {
  background-color: var(--swatch--background-purple);
  position: static;
}

.hero-top {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  border: 1px solid var(--_theme---button--border);
  background-color: var(--swatch--background-purple);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  display: flex;
}

.trusted-img {
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  display: flex;
}

.text-span-5 {
  color: var(--_theme---text);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-18);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.dark-purple {
  color: var(--swatch--dark-purple);
}

.side-img {
  width: .45rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.header-top {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1.5rem 1.8rem auto;
}

.grid-cells {
  position: absolute;
  inset: 10% 0% 0%;
  overflow: hidden;
}

.overflow-hd {
  overflow: hidden;
}

.services-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.tag {
  background-color: var(--swatch--light-grey);
  opacity: 1;
  border: 1px solid #e5dcf7;
  border-radius: 50px;
  padding: .5rem 1rem;
}

.tag.purple {
  background-color: #6f5b9d;
  border-color: #b6a8d3;
}

.solution-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.solution-head.this {
  z-index: 1;
  width: 100%;
  position: relative;
}

.solution-head.this.new {
  z-index: 0;
}

.solution-head.this.center {
  justify-content: flex-start;
  align-items: center;
}

.solution-head.this.new-copy {
  z-index: 0;
}

.solution-head.process-copy {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.solution-head.insights {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.services-category {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--_theme---text);
  cursor: pointer;
  background-image: linear-gradient(#fbf8ff, #fbf8ff99);
  border: .2px solid #0b0b3305;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.service-card:hover {
  background-image: linear-gradient(#8257e499, #e8defb 50%, #fbf8ff);
}

.service-card.this {
  z-index: 1;
  border-width: 1px;
  border-color: var(--swatch--light-purple);
  cursor: default;
  background-image: linear-gradient(#fbf8ff, #fbf8ff99);
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 3.875rem;
  transition: background-color .2s;
  overflow: hidden;
}

.service-card.this:hover, .service-card.this.fisrt {
  background-image: linear-gradient(#e3c2ff, #fbf8ff99);
}

.service-tag {
  background-color: var(--_theme---background);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.img-div {
  width: 2rem;
  position: relative;
}

._600 {
  font-weight: 600;
}

.service-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.features {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: wrap;
  margin-top: 1.25rem;
  display: flex;
}

.feat {
  border: 1px solid #e5dcf7;
  border-radius: 50px;
  padding: .25rem .75rem;
}

.arrow-div {
  width: 3rem;
  height: 3rem;
  display: none;
  position: absolute;
  inset: auto -3.5% -4.5% auto;
  transform: scale(1);
}

.arrow-div.this {
  display: block;
}

.clinets-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.curosal-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.clinet-logo {
  width: 9.5rem;
  height: 6.875rem;
}

.porfolio {
  background-color: #160a24;
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-container {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  display: flex;
}

.column {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  flex-flow: column;
  display: flex;
}

.portfolio-img {
  width: 10vw;
  height: 17.778vw;
}

.rotate-div {
  position: absolute;
  transform: rotate(16deg);
}

.mid-column {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  flex-flow: column;
  display: flex;
}

.solutions-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.solution-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.tab-link {
  background-color: var(--swatch--light-grey);
  border-top: .2px solid #e5dcf7;
  border-left: .2px solid #e5dcf7;
  border-right: .2px solid #e5dcf7;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: .75rem 1rem;
}

.tab-link.w--current {
  background-color: var(--swatch--tab-current-bg);
  color: var(--swatch--dark-purple);
  border-top-color: #e5dcf7;
  border-left-color: #e5dcf7;
  border-right-color: #e5dcf7;
}

.text-22 {
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-22);
  --_text-style---line-height: 1.4;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.text-22._500 {
  font-weight: 500;
}

.text-22._500.no-link, .text-22.no-link {
  color: var(--_theme---text);
  text-decoration: none;
}

.text-22.no-link._500 {
  font-weight: 500;
}

.tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.tab-pane {
  background-image: none;
  border: .2px solid #e5dcf7;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 1.5rem 1.5rem 1rem;
}

.list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bullet {
  justify-content: center;
  align-items: center;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  display: flex;
}

.key-solutions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  display: flex;
}

.solutions-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-24 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-24);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.text-24._500.no-link, .text-24.no-link {
  color: var(--_theme---text);
  text-decoration: none;
}

.text-24.center._500._50 {
  width: 75%;
}

.text-24.blue-copy {
  color: #3993f3;
}

.text-24.blue-copy._500.desktop {
  color: #8977b2;
}

.gradinet {
  position: relative;
}

.linear-gradient {
  background-image: linear-gradient(-90deg, #fff, #0000 25%), linear-gradient(90deg, #fff, #0000 25%);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.lets-started {
  background-image: linear-gradient(#e5dcf7, #e5dcf799);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85%;
  display: flex;
  position: relative;
}

.get-started-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  display: flex;
}

.gd-bg {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

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

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

.testimonials {
  background-image: linear-gradient(#f5f3f9, #fffc);
}

.testimonials.desktop {
  background-image: linear-gradient(#f5f3f9, #fffc);
  overflow: hidden;
}

.testimonial-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.testimonials-content {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  display: grid;
}

.testimonial-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.testimonial-col.padding {
  padding-top: 3rem;
}

.testimonial-card {
  background-color: var(--_theme---background);
  border-radius: 1.5rem;
  padding: .5rem;
  box-shadow: 0 4px 20px #0000000f;
}

.test-head {
  background-color: var(--swatch--background-purple);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: .813rem .75rem;
  display: flex;
}

.text-testimonial {
  padding: .75rem;
}

.company-logo {
  width: auto;
  height: 2rem;
}

.company-logo.wedo {
  height: 2.5rem;
}

.company-logo.levie {
  height: 2rem;
}

.company-logo.ens {
  height: 3.5rem;
}

.company-logo.shaheeya {
  height: 2.5rem;
}

.company-logo.dental {
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  display: flex;
}

.company-logo.dental-copy {
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  display: flex;
}

.owner-detail {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.ball {
  background-color: #0f10484d;
  border-radius: 50px;
  width: .25rem;
  min-width: .25rem;
  height: .25rem;
  min-height: .25rem;
}

.ball.this {
  width: .375rem;
  min-width: .375rem;
  height: .375rem;
  min-height: .375rem;
}

.owner-info {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.join-us {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -3%;
  display: flex;
}

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

.purple-30 {
  color: var(--swatch--purple-30);
}

.proven-results {
  border-radius: 1.5rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.results-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--swatch--light-purple);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.top-div {
  background-color: var(--_theme---background);
  border-radius: 50px;
  padding: .5rem 1rem;
}

.results-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 90%;
  margin-top: 1.5rem;
}

.result-card {
  background-color: var(--_theme---background);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
  display: flex;
  box-shadow: 0 4px 20px #0000000a;
}

.text-20 {
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-20);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.text-20.grey._500 {
  text-decoration: none;
}

.inner-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
}

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

.vision-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-image: linear-gradient(#f5f3f9, #fffc);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4.5rem 3rem;
  display: flex;
}

.capital-letter {
  text-transform: uppercase;
}

.text-span-10 {
  color: var(--swatch--grey);
}

.steps {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.steps-indicator {
  z-index: 1;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.steps-info {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--_theme---background);
  border: .2px solid #0f10480d;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 2rem .8rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 28px #00000005;
}

.initial-line {
  background-color: #e5dcf7;
  width: 100%;
  height: 1.5px;
}

.covered-line {
  z-index: 1;
  background-color: #4c3384;
  width: 0%;
  height: 2px;
  position: absolute;
}

.indicator-container {
  z-index: -1;
  width: 100%;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.step-no {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  position: absolute;
  inset: -40% auto auto;
}

.checked {
  width: 3.5rem;
  height: 3.5rem;
}

.indicator {
  position: relative;
}

.step-icon {
  width: 2.5rem;
  display: none;
}

.div-block-4 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.steps-div {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.process-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.contents {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-dark {
  background-image: linear-gradient(#fff, #e5dcf799);
  border-bottom: 1px solid #e4ebf3;
  padding: 4.5rem 3rem;
  position: relative;
  overflow: hidden;
}

.container-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-16);
  --_text-style---line-height: 1.4;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
}

.title-small._600.grey {
  font-size: var(--_responsive---font-size--text-18);
  text-transform: capitalize;
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-18);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
  text-decoration: none;
}

.title-small._600.grey:hover {
  color: var(--swatch--black);
}

.footer-link {
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  --_text-style---font-family: Outfit, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--text-18);
  --_text-style---line-height: 1.3;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: 0em;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-link.grey {
  transition: all .3s;
  display: none;
}

.footer-link.grey:hover {
  color: var(--swatch--dark-purple);
}

.footer-social-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: .5px solid #0f10484d;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: .375rem .75rem;
  display: flex;
}

.footer-social-link {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .3s;
  display: flex;
}

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

.footer-divider {
  background-image: linear-gradient(90deg, #0f104800, #0f10484d 14%, #4c33844d 50%, #546fc04d 90%, #546fc000);
  width: 100%;
  height: 1px;
  margin-top: 3.75rem;
  margin-bottom: 1.5rem;
}

.text-span-14 {
  color: var(--_theme---text-secondary);
}

._700 {
  font-weight: 700;
}

.consultation-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  background-image: linear-gradient(#e5dcf700, #e5dcf74d);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.consultation-form.this {
  background-image: none;
  border: 1px solid #4c33844d;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 529px;
  box-shadow: 0 4px 28px #0000000a;
}

.text-field {
  border: 1px solid #e5e5e5;
  border-radius: .5rem;
  height: 44px;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  border: 1px solid #e5e5e5 !important;
}

.text-field::placeholder {
  font-size: var(--_responsive---font-size--text-16);
}

.form-head {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.close-btn {
  cursor: pointer;
  width: 1.8rem;
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
}

.form-container {
  z-index: 9999;
  background-color: #160a24b3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: scale(0);
}

.fields-div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.fields-div.this-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

.form.contact {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-field {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.textarea {
  resize: none;
  height: 6.563rem;
  margin-bottom: 0;
}

.check {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.submit-btn {
  background-color: #4c3384;
  border-radius: .75rem;
  padding: .75rem 3rem;
}

.submit-btn.this {
  width: 100%;
}

.text-span-15 {
  color: var(--swatch--grey);
  font-size: var(--_responsive---font-size--text-14);
}

.checkbox-field {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-field:active, .checkbox-field:focus {
  box-shadow: 0 0 #0000;
}

.checkbox-label {
  color: var(--swatch--light-purple-text);
  font-size: var(--_responsive---font-size--text-14);
  padding-left: 10px;
  padding-right: 36px;
  display: block;
}

.checkbox {
  border-radius: 6px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}

.checkbox.w--redirected-checked {
  float: left;
  border: 1px solid var(--swatch--dark-purple);
  background-color: var(--swatch--dark-purple);
  background-image: url('../images/Checkbox.svg');
  background-position: 50%;
  background-size: contain;
  margin-top: 0;
}

.success-message {
  background-color: #0000;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.success-message-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.success-message-icon {
  width: 8.889vw;
  height: 8.889vw;
}

.div-block-18 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 3.5rem;
  padding-bottom: 1rem;
  display: flex;
}

.form-container-div {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-container-div.this {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.error-message {
  border-radius: .6rem;
  width: 100%;
  display: none !important;
}

.text-span-16, .text-span-17, .text-span-18 {
  color: #ee3323;
}

.submit-btn-div {
  position: relative;
  overflow: hidden;
}

.submit-btn-div.this {
  width: 230px;
}

.submit-btn-div.this._100 {
  width: 100%;
}

.webflow-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.webflow-form.this {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

.webflow-form.service {
  justify-content: flex-start;
  align-items: flex-end;
}

.footer-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact-information {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-information.this {
  flex-flow: column;
}

.contact-info {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  color: var(--swatch--dark-purple);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.contact-icon {
  width: 2rem;
  height: 2rem;
}

.posts-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4.5rem 3rem;
  display: flex;
}

.posts-container.this {
  padding-top: 3.5rem;
  padding-bottom: 0;
}

.posts-container.insights {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
}

.grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: 1rem;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  align-items: start;
  height: 100%;
  padding-bottom: 1rem;
  overflow: hidden;
  box-shadow: 0 0 10px #0000001a;
}

.post-thumbnail {
  border-bottom: 1px solid var(--swatch--tab-current-bg);
  height: 14rem;
}

.post-thumbnail.bg {
  background-color: #bcd8f0;
}

.post-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 6px 6px 20px;
  display: grid;
}

.post-cards.desktop {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
}

.post-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.post-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.post-info {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-28 {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}

.author {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-tag {
  background-color: #f7f5fd;
  border-radius: 50px;
  padding: .25rem .75rem;
  box-shadow: 0 2px 5px #00000029;
}

.mobile {
  display: none;
}

.button-mobile {
  border: 1px solid var(--_theme---button--border);
  color: var(--_theme---button--text);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 1.5rem;
  text-decoration: none;
  transition: box-shadow 1s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 2px #e5dcf7, inset 0 -2px 2px #e5dcf7;
}

.button-mobile:hover {
  box-shadow: none;
}

.button-mobile._100.mob {
  display: none;
}

.menu-btn {
  transform-style: preserve-3d;
}

.menu-btn.desktop, .mobile-menu {
  display: none;
}

.page-div {
  position: relative;
}

.call-btns-div {
  border: .5px solid #0f10484d;
  padding: 4px;
}

.call-btns-div.fixed {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---background);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 4px 4px 4px 16px;
  display: flex;
  position: fixed;
  inset: auto 2.8% 3.5% auto;
}

.call-btns-div.fixed.hide {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  padding: 6.5px;
  display: none;
  bottom: 4.2%;
  overflow: hidden;
}

.call-btn {
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
}

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

.jum-to-top {
  display: none;
}

.post-cards-this {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.post-content-this {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 94%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.post-thumbnail-this {
  height: 16rem;
}

.blog-top {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-top.no-link {
  width: auto;
  text-decoration: none;
}

.arrow {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.arrow.rotate {
  transform: rotate(180deg);
}

.blog-top-container {
  justify-content: space-between;
  padding: 9.5rem 3rem 2rem;
  display: flex;
}

.header-container {
  display: none;
}

.read-more {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-top: .75rem;
  text-decoration: none;
  display: flex;
}

.readmore-arrow {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.details-container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  padding: 1rem 10rem 2.5rem;
  display: flex;
}

.details-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.minor-details {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.thumnail {
  border: 1px solid var(--swatch--tab-current-bg);
  border-radius: 1rem;
  width: 100%;
  height: 34rem;
}

.thumnail.content-image {
  margin-top: 10px;
  margin-bottom: 20px;
}

.thumnail.content-image.bg {
  background-color: #fffae9;
}

.thumnail.content-image.bg-2 {
  background-color: #fffcef;
}

.thumnail.content-image.bg-4 {
  background-color: #fffceb;
}

.thumnail.content-image.bg-5 {
  background-color: #fdfbf7;
}

.thumnail.content-image.bg-6 {
  background-color: #f9f9f8;
}

.thumnail.content-image.bg-7 {
  background-color: #1c1c1c;
}

.thumnail.content-image.bg-8 {
  background-color: #f8f8f8;
}

.thumnail.content-image.bg-12 {
  background-color: #ffe3c3;
}

.thumnail.content-image.bh-13 {
  background-color: #fff;
}

.thumnail.bg-3 {
  background-color: #bdd9f1;
}

.thumnail.bg-10 {
  background-color: #8f6ad0;
}

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

.more-details {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.post-head {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.view-all {
  display: none;
}

.paragraph {
  margin-top: 20px;
  margin-bottom: 15px;
}

.list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 35px;
  display: flex;
}

.link {
  color: var(--_theme---text);
}

.list-2 {
  margin-top: 0;
  padding-left: 35px;
}

.list-2.this {
  margin-top: 20px;
}

.privacy-policy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 9.5rem;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.contact-us {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 9.5rem 3rem 6rem;
  display: flex;
}

.contact-us-container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.contact-form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #4c33844d;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 846px;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.text-span-19 {
  color: var(--swatch--grey);
}

.checkboxes {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-field-2 {
  z-index: 1;
  cursor: pointer;
  height: 1.5rem;
  margin-bottom: 0;
}

.checkbox-field-2:active, .checkbox-field-2:focus {
  box-shadow: 0 0 #0000;
}

.checkbox-field-2.this {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 10px;
  display: flex;
  position: relative;
}

.checkbox-2 {
  z-index: -1;
  opacity: 0;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.checkbox-2.w--redirected-checked {
  background-color: #f2eefb;
}

.checkbox-label-2 {
  color: var(--_theme---text-secondary);
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
}

.contact-div {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fbf8ff;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: sticky;
  top: 13%;
}

.contact-inner-div {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-con {
  display: block;
}

.hero-service {
  padding-top: 96px;
  padding-left: 40px;
  padding-right: 40px;
}

.hero-service-container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--swatch--background-purple);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1rem 1rem 1rem 3rem;
  display: grid;
}

.service-hero-left {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  background-image: url('../images/x.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.service-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-hero-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  position: relative;
}

.text-span-21 {
  color: var(--swatch--grey);
}

.services-dos {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.services-dos.ai {
  grid-template-columns: 1fr 1fr 1fr;
}

.tick {
  width: 2rem;
  height: 2rem;
  position: relative;
}

.do-s {
  padding: 5rem 4.5rem;
}

.do-s-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.key-features {
  background-image: linear-gradient(#e5dcf799, #fff);
  padding-top: 5rem;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.key-features.this {
  padding-bottom: 5rem;
}

.features-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefit-item {
  border: 1px solid var(--swatch--light-purple);
  background-color: var(--swatch--hover-pink);
  border-radius: 1rem;
  grid-template-rows: auto;
  width: 100%;
  padding: 1.875rem;
}

.benefits-head {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.benefits-icon {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
}

.benefits_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.image-purple {
  width: 100%;
  height: 100%;
  position: absolute;
}

.technology-stack {
  padding: 5rem 4.5rem;
}

.technology-stack.tag-wrapper {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.stack-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: var(--swatch--light-purple);
  border-radius: 3rem;
  flex-flow: column;
  padding: 3.2rem 3.5rem;
  display: flex;
}

.stack-container.tag-content-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  overflow: hidden;
}

.text-span-22 {
  color: var(--swatch--grey);
}

.tag-canvas {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  padding-top: 3.5rem;
  display: flex;
}

.tag-canvas.mobile {
  display: none;
}

.service-icon {
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  min-width: 2.3rem;
  height: 2.3rem;
  min-height: 2.3rem;
  display: flex;
}

.service-icon.this {
  width: 9.063rem;
  min-width: auto;
  height: 2rem;
  min-height: 2rem;
}

.service-icon.this.cloud {
  width: 206px;
}

.service-icon.this-copy {
  width: auto;
  min-width: auto;
  height: 2rem;
  min-height: 2rem;
}

.tech-stack {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  background-color: var(--_theme---background);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.3rem;
  display: flex;
}

.tech-stack.border {
  border: 1px solid #e8def8;
  padding: .5rem 1rem;
}

.tech-stack-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tech-stack-row.this-copy {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
}

.testimonial-container2 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 4.5rem;
  display: flex;
}

.testimonials-content2 {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.join-us2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clients-say {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  max-width: 1100px;
  display: flex;
}

.solution-head2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  display: flex;
}

.vision-container2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: linear-gradient(#f5f3f9, #fffc);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 4.5rem;
  display: flex;
  position: relative;
}

.text-span-23 {
  color: var(--swatch--grey);
}

.steps-divs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.steps-divs.this {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.steps-divs.this.mobile {
  display: none;
}

.steps-div-new {
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  min-width: 3.5rem;
  display: flex;
  position: relative;
}

.step-details {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--_theme---background);
  box-shadow: none;
  border-radius: .75rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.4rem 1.6rem;
  display: flex;
}

.step-details:hover {
  box-shadow: 0 4px 20px #0000000f;
}

.step-content {
  overflow: hidden;
}

.contents-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.process-content-copy {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.stacks-img {
  width: 43.698vw;
  height: 44.531vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.tech-hover {
  transition: all .3s;
}

.tech-hover:hover {
  transform: rotate(-8deg);
}

.faqs-section {
  background-color: var(--swatch--hover-pink);
}

.faq-container {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 4.5rem;
  display: flex;
  position: relative;
}

.faqs-list {
  width: 70%;
}

.faq-list-item {
  border-radius: 1rem;
  padding: 26px 22px;
}

.faq-arrow {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}

.faq-question {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  justify-content: space-between;
  display: flex;
}

.faq-answer {
  padding-top: 1rem;
  overflow: hidden;
}

.question-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pendulum {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 100px auto auto;
}

.pendulum-img {
  width: 101px;
  margin-top: -5px;
}

.pendulum-head {
  justify-content: center;
  align-items: flex-start;
  width: 75px;
  padding-right: 3px;
  display: flex;
}

.showcase_section {
  background-image: linear-gradient(168deg, #ffffff80 22%, #d1c1f580);
  height: 320vh;
}

.showcase_section.ai {
  height: 100%;
}

.showcase_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  height: 100%;
  padding: 5rem 4.5rem;
  display: flex;
}

.showcase-projects {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.project_image {
  border-radius: 1.35rem;
  height: 35.104vw;
  overflow: hidden;
  box-shadow: 0 4px 28px #00000014;
}

.project_image._1, .project_image._2 {
  margin-top: -35vw;
  position: sticky;
}

.project_image._0 {
  position: sticky;
}

.project_image._3 {
  margin-top: -35vw;
  position: sticky;
}

.showcase-cover {
  position: sticky;
  top: 6%;
}

.case-studies {
  z-index: 81;
  overflow: hidden;
}

.casestudies_container {
  z-index: 38;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  padding: 5rem 4.5rem;
  display: flex;
}

.casestudy_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
}

.casestudy_card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-image: linear-gradient(#c9b8ee 1.12%, #e5dcf773 68%, #fff 95%);
  border: 1px solid #4c338436;
  border-radius: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-items: start;
  padding: .5rem;
  box-shadow: 0 4px 28px #8977b226;
}

.casestudy_card.this {
  z-index: 4;
  background-color: var(--swatch--white);
  background-image: none;
  grid-template-rows: auto 1fr;
  position: relative;
}

.casestudy_card.this._1 {
  z-index: 3;
}

.casestudy_card.this._2 {
  z-index: 2;
}

.casestudy_card.this._3 {
  z-index: 1;
}

.casestudy-card-info {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.let-s-talk {
  padding: 5rem 4.5rem;
}

.let-s_talk_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--swatch--dark-purple);
  border-radius: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 3.2rem 3.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.let-talk-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 65%;
  display: flex;
}

.white-button {
  border: 0px solid var(--_theme---button--border);
  color: var(--_theme---button--text);
  cursor: pointer;
  background-color: #f2eefb;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 4.1888rem;
  text-decoration: none;
  transition: box-shadow 1s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #e5dcf7, inset 0 -2px 2px #e5dcf7;
}

.white-button:hover {
  box-shadow: none;
}

.glass-div {
  height: 200px;
  position: absolute;
  inset: -7% -5% auto auto;
}

.view-icon {
  z-index: 1;
  width: 5.5rem;
  height: 5.5rem;
  position: absolute;
  inset: auto 90px -44px auto;
  transform: scale(0);
}

.arrow-down {
  display: none;
}

.text-span-24, .text-span-25 {
  color: var(--_theme---text-secondary);
}

.text-span-26 {
  color: var(--swatch--grey);
}

.showcase_section_digital {
  background-image: linear-gradient(168deg, #ffffff80 22%, #d1c1f580);
}

.snapshots {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.snapshot-container {
  grid-column-gap: 3.646vw;
  grid-row-gap: 3.646vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  justify-content: center;
  align-items: flex-start;
}

.snapshot-img {
  box-shadow: none;
  border-radius: 50px;
  width: 224px;
  height: 450px;
}

.snapshot-img.padding {
  box-shadow: none;
  margin-top: 4.427vw;
}

.snapshot-img.padding-20 {
  margin-top: 1.042vw;
}

.snapshot-img.padding-80 {
  margin-top: 4.167vw;
}

.marketing_service_container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4.5rem 3rem;
  display: flex;
}

.marketing_service_container.this {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.text-span-27 {
  color: var(--swatch--grey);
}

.m_service {
  cursor: pointer;
  background-image: linear-gradient(#f2ebfc, #fbf8ff);
  border: 1px solid #0f104833;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marketing_tools {
  opacity: .5;
  height: 12rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.marketing_tools.this {
  height: 8rem;
}

.marketing_tools.small {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  top: 14px;
  right: 14px;
}

.m_service_details {
  width: 100%;
  padding-bottom: 1rem;
  padding-left: .75rem;
  padding-right: .75rem;
}

.service_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.attributes {
  background-color: #fdfcff;
  border: 1px solid #ffffff80;
  border-radius: 50px;
  padding: 4px 12px;
}

.service_attributes {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.marketing-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 340px;
  display: flex;
}

.marketing-grid.mobile {
  display: none;
}

.attributes-con {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 0;
  height: 0;
  overflow: hidden;
}

.img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.absolute-img {
  width: 125px;
  height: 125px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.milestones_client {
  background-color: var(--swatch--hover-pink);
}

.milestones_client_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  padding: 5rem 4.5rem;
  display: flex;
}

.milestone_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.worth_sharing_card {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #f6f4fd;
  border: 1px solid #ddd8eb;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 2rem .5rem .5rem;
  display: flex;
}

.inner-container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--swatch--white);
  border-radius: 1rem;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.worth_sharing_details {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.worth_sharing_bottom {
  height: 239px;
}

.worth_sharing_tag {
  background-color: #efeafc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  display: flex;
}

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

.arrow-icon {
  justify-content: flex-start;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
}

.worth_sharing_value {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-43 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.worth_sharing_values {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_dropdown_toggle {
  justify-content: center;
  align-items: center;
  padding: .5rem 0 .4rem .5rem;
  display: flex;
}

.nav_dropdown_toggle.w--open {
  position: static;
}

.dropdown-arrow {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.nav-link-copy {
  color: var(--_theme---text-secondary);
  padding: 0;
}

.nav-link-copy.w--current {
  color: var(--_theme---text);
}

.nav-link-copy._500 {
  font-size: 16px;
}

.nav-dropdown {
  position: static;
}

.nav_dropdown_list.w--open {
  background-image: linear-gradient(360deg, #e5dcf7, #fbf8ff);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  inset: 100% 0% auto;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  justify-items: stretch;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.shift-arrow {
  justify-content: flex-start;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 9px;
  display: none;
}

.shift-arrow.this {
  display: flex;
}

.page-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  position: relative;
}

.page-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--swatch--black);
  justify-content: flex-start;
  align-items: center;
  padding: 14px 12px;
  text-decoration: none;
  display: flex;
}

.page-links-container {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.inactive-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.top-article-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  place-items: center start;
}

.artcle-tag {
  background-color: var(--swatch--white);
  border-radius: 50px;
  padding: 4px 12px;
}

.top-article-grid-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.top-article-thumbnail {
  width: 330px;
  height: 221px;
  position: relative;
}

.top-article {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-left: 1px solid #8977b280;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 1rem;
  display: flex;
}

.more-articles {
  color: var(--swatch--dark-purple);
  background-color: #fdfcff;
  border: 1px solid #0f10484d;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 1px 4px #e5dcf7, inset 0 -4px 4px #e5dcf7;
}

.div-block-50 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.article-tab-content {
  width: 100%;
  padding-top: 3.5rem;
}

.article-tab-menu {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 870px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.artcile-tab {
  color: var(--swatch--dark-purple);
  background-color: #fdfcff;
  border: 1px solid #0f10484d;
  border-radius: 50px;
  padding: 12px 20px;
  box-shadow: inset 0 1px 4px #e5dcf7, inset 0 -4px 4px #e5dcf7;
}

.artcile-tab.w--current {
  background-color: var(--swatch--dark-purple);
  color: var(--swatch--white);
  box-shadow: inset 0 -4px 4px #00000040;
}

.tab-pane-tab-1, .article-tabs {
  width: 100%;
}

.hero-work-container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 4.063rem 1.875rem;
  display: grid;
}

.website-features-copy {
  background-color: #fdfcff;
  border: 1px solid #efeafa;
  border-radius: 50px;
  padding: 4px 12px;
  position: absolute;
  inset: 10px auto auto 10px;
}

.year {
  background-color: #fdfcff;
  border: 1px solid #efeafa;
  border-radius: 50px;
  padding: 4px 12px;
  position: absolute;
  inset: auto 10px 10px auto;
}

.casestudy_card-details-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: .3rem .5rem;
  display: flex;
}

.work {
  z-index: 81;
}

.work-container {
  z-index: 10;
  position: relative;
}

.casestudy-card-thumbnail-copy {
  border-radius: 1rem;
  height: 22vw;
  position: relative;
}

.image-hover {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.swiper-container {
  z-index: 1;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.swiper-navigation {
  width: 100%;
}

.swiper-slide {
  border-radius: 1rem;
  width: 400px;
  height: 400px;
  margin-top: 8vh;
  overflow: hidden;
  box-shadow: 0 4px 36px #00000026;
}

.products {
  position: relative;
  overflow: hidden;
}

.products_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.swiper-nav-btn {
  z-index: 40;
  justify-content: flex-start;
  align-items: center;
  width: 90px;
  display: flex;
  position: absolute;
  top: 20%;
  left: 30%;
}

.swiper-nav-btn.next {
  transform-style: preserve-3d;
  left: auto;
  right: 30%;
}

.portfolio-cards_container {
  z-index: 38;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  padding: 5rem 4.5rem;
  display: flex;
}

.portfolio-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
}

.div-block-51 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-casestudy_container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: 4.063rem 1.875rem;
  display: flex;
}

.casestudy-hero-head {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: url('../images/x.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 73%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.service-inner-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.thumbnail-con {
  max-width: 912px;
  max-height: 545px;
  position: relative;
}

.thumbnail-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 16px 16px auto auto;
}

.tag-info {
  background-color: #fdfcff99;
  border: 1px solid #fdfcff80;
  border-radius: 50px;
  padding: 8px 16px;
}

.outcomes_container {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .85fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.website-stack {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-image: linear-gradient(#e5dcf7, #fff);
  border: .8px solid #0f104833;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.website-stack.this {
  align-self: flex-end;
  width: 470px;
}

.outcomes_contanier-right {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.website-detail-thumbnail {
  justify-content: space-between;
  align-items: center;
  width: 470px;
  display: flex;
}

.outcomes_contanier-left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.outcome-box {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #f2eefb;
  border: 1px solid #0f104833;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.website-outcomes {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.website-logo {
  width: 202px;
}

.website-logo.shaheeya {
  height: 46px;
}

.outcomes {
  padding: 4rem;
}

.list-div {
  padding-left: 30px;
}

.controls {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 32px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.swiper-pagination {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-pagination-bullet {
  background-color: #c3bad8;
  border-radius: 50px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.swiper-pagination-bullet-active {
  background-color: #8977b2;
  border-radius: 50px;
  width: 25px;
  height: 8px;
}

.solution {
  background-image: linear-gradient(#e5dcf799, #fff);
  padding: 4rem;
}

.solution_container {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .85fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.results_con {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results {
  padding: 2rem 5rem;
}

.achieve-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f7fd80;
  border: 1px solid #0f104833;
  border-radius: 1rem;
  grid-template-rows: auto auto auto auto auto auto auto;
  overflow: hidden;
}

.table-cell {
  border-top: .2px solid #e5e5e5;
  padding: .5rem 1.5rem;
}

.table-cell.dark {
  background-color: #f2eefb;
  display: flex;
}

.table-cell.dark.center {
  border-top-width: 0;
  justify-content: center;
  align-items: center;
}

.table-cell.dark.no-border {
  border-top-width: 0;
}

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

.table-cell.no-border {
  border-top-width: 0;
}

.comma {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 16px;
  display: flex;
}

.achieve-content {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.achivements {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  padding: 1rem 1rem 1rem 1.5rem;
  box-shadow: 0 4px 20px #0000000f;
}

.improvements {
  background-image: linear-gradient(#e5dcf799, #fff);
  padding: 4rem 5rem;
}

.impovement_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.improvements_grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  width: 100%;
}

.improvement_left {
  width: 460px;
}

.improvements_list_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.improvement_icon {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.imporvement_item_detail {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.improvement_right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.improvments_details {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-3-copy {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  width: 100%;
}

.text-span-28 {
  color: var(--swatch--grey);
}

.app-dos {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tag-div {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.page_load {
  z-index: 10000;
  border-bottom: 1px solid var(--swatch--dark-purple);
  background-color: var(--swatch--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.background-video {
  width: 120px;
  height: 120px;
  display: none;
}

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

.lottie-animation {
  width: 150px;
}

.solutions_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.achivements-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  padding: 1rem 1rem 1rem 1.5rem;
  display: flex;
  box-shadow: 0 4px 20px #0000000f;
}

.achievments_grid {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.simple-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--_theme---button--border);
  color: var(--_theme---button--text);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 1.5rem;
  text-decoration: none;
  transition: background-color .2s, box-shadow 1s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 2px #e5dcf7, inset 0 -2px 2px #e5dcf7;
}

.simple-button:hover {
  background-color: var(--swatch--tab-current-bg);
}

.btn-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.achievement_cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--swatch--light-purple);
  background-color: var(--swatch--light-purple);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.achievement_cell_2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--swatch--light-purple);
  background-color: var(--swatch--light-grey);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.achievement_cell_img {
  width: 83px;
  height: 90px;
  position: absolute;
  inset: auto 18px 16px auto;
}

.div-block-61 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.milestone-reached {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.milestone-cell {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #fdfcff;
  border: 1px solid #e5dcf7;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .45rem;
  padding-bottom: .45rem;
  display: flex;
}

.header-social-icons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 1.8rem 1.5rem auto;
}

.social-link {
  cursor: pointer;
  width: 44px;
  height: 44px;
  transition: all .3s;
}

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

.button-2 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  color: #080808;
  cursor: pointer;
  background-color: #c271ff;
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  padding: .75rem 3rem;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-2:hover {
  background-color: #b3e940;
}

.button-2.link-copied-popup {
  z-index: 9999;
  background-color: var(--swatch--black);
  width: 12%;
  margin-left: auto;
  margin-right: auto;
  transition-property: none;
  position: fixed;
  inset: auto 0% 5%;
  transform: scale(1);
}

.text-18-2 {
  color: #080808;
  font-size: 1.125rem;
  line-height: 1.5;
}

.text-18-2.capital-letter {
  color: #080808;
}

.text-18-2.capital-letter.white {
  color: #fff;
  white-space: nowrap;
}

.recaptcha-container {
  width: 100%;
  display: none;
}

.bold-text {
  color: var(--_theme---text);
}

.link-2 {
  color: var(--swatch--black);
  -webkit-text-decoration-color: var(--swatch--black);
  text-decoration-color: var(--swatch--black);
}

.link-2:hover {
  color: var(--swatch--grey);
}

.div-block-62 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  display: flex;
}

.text-span-29, .text-span-30 {
  color: #ee3323;
}

.icon-24 {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
}

.ai-service-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--swatch--light-purple);
  background-color: #fbf8ff;
  border-radius: 16px;
  flex-flow: column;
  padding: 20px;
  transition: all .3s;
  display: flex;
}

.ai-service-card:hover {
  background-image: linear-gradient(200deg, #8257e4d9, #fbf8ff 62%, #fbf8ff99 84%);
}

.ai-service-card-img {
  border-radius: 16px;
  width: 100%;
  height: 230px;
  overflow: hidden;
  box-shadow: 0 1px 20px #0000000d;
}

.ai-card-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-64 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ai-showcase {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-image: linear-gradient(317deg, #ffffff80 13%, #b2e8fc80);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 56px 90px 40px;
  display: flex;
  box-shadow: 0 1px 16px #0000000d;
}

.second-opinion-video-2 {
  border-radius: 2rem;
  width: 895px;
  height: 609px;
  position: relative;
  box-shadow: 0 1px 10px #00000029;
}

.background-video-3 {
  z-index: 1;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
}

.ad-service-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ad-card-icon {
  border-radius: 8px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  box-shadow: 4px 4px 19px #8977b23b;
}

.ad-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--swatch--light-purple);
  background-color: #fbf8ff;
  border-radius: 16px;
  flex-flow: column;
  padding: 35px 20px 20px;
  transition: all .3s;
  display: flex;
}

.ad-card:hover {
  background-image: linear-gradient(200deg, #e3c2ff, #fbf8ff 84%);
}

.ad-card-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.in-list {
  padding-left: 60px;
  list-style-type: square;
}

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

.table-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.table-container._3-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.tags-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.table-cell-div {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  padding: 10px;
}

.table-cell-div.title {
  background-color: var(--swatch--hover-pink);
}

.table-wrapper {
  width: 100%;
}

.hero-service-container-tool {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #dacdeb;
  background-image: url('../images/image-234_1.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 20px;
  display: flex;
  position: relative;
}

.cta {
  background-color: #f7f2fd;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.bulb-icon {
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
}

.cta-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-img {
  width: 3rem;
  height: 3rem;
  display: flex;
  transform: scale(1);
}

.link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hero-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tags-con {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.side-image {
  width: 105.969px;
  height: 96px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bot-content-actual {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bot-header {
  background-image: linear-gradient(#ffffffbf, #ffffffad);
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  display: flex;
}

.language-selection-page-actual {
  background-color: var(--swatch--white);
  border: 1px solid #ffffffb3;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 888px;
  max-width: 913px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.language-selection-page-actual.tool-first-screen {
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 100%;
  display: flex;
}

.bulb-ico {
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.tool-intro {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 560px;
  margin-top: 12px;
  display: flex;
}

.tool-first-screen-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tool-first-screen-top {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tool-first-screen-mid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 640px;
  display: grid;
}

.tool-intro-cell {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--swatch--light-purple);
  background-image: linear-gradient(206deg, #8257e41a, #f7f2fd1a 82%);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.div-block-74 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-20 {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.tool-first-screen-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.english-questions-container-actual {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--swatch--white);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 913px;
  height: 100%;
  min-height: 516.719px;
  padding-top: 24px;
  padding-bottom: 16px;
  display: flex;
}

.english-questions-container-actual.questions-container {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  padding-top: 16px;
  display: none;
}

.tool-progress-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.progress-bar-bg {
  background-color: #f3f1f7;
  border-radius: 16px;
  width: 100%;
  height: 12px;
  min-height: 12px;
}

.pillar-progress-fill {
  background-color: var(--swatch--dark-purple);
  border-radius: 16px;
  width: 50%;
  height: 12px;
  min-height: 12px;
}

.question-progress-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.question-category {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--swatch--dark-purple);
  font-size: var(--_responsive---font-size--text-16);
  background-color: #f5f1fc;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  font-weight: 500;
  display: flex;
}

.question-detail {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.simplify-question-btn-actual {
  color: var(--swatch--black);
  font-size: var(--_responsive---font-size--text-16);
  text-align: center;
  cursor: pointer;
  background-color: #f4f4f4;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  transition: all .3s;
  display: flex;
}

.simplify-question-btn-actual:hover {
  color: var(--swatch--black);
  background-color: #dbdbdb;
}

.rtl-toggle-btn-actual {
  background-color: var(--swatch--dark-purple);
  color: var(--swatch--white);
  cursor: pointer;
  border-radius: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 6px 20px;
  display: flex;
}

.rtl-toggle-btn-actual.rtl-toggle-btn {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.question-div-top {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tool-divider {
  background-color: #e2d6f6;
  width: 100%;
  height: 5px;
  min-height: 5px;
}

.nav-buttons-container {
  justify-content: space-between;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.option-button {
  color: var(--swatch--grey);
  font-size: var(--_responsive---font-size--text-16);
  cursor: pointer;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  min-width: 400px;
  max-width: 592px;
  padding: 14px 16px;
  transition: all .3s;
  display: flex;
}

.option-button:hover {
  background-color: var(--swatch--light-purple);
  color: var(--swatch--dark-purple);
}

.option-button.scale {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  font-weight: 600;
  transition: all .3s;
}

.option-button.scale:hover {
  background-color: var(--swatch--light-purple);
}

.option-button.selected {
  color: var(--swatch--dark-purple);
  background-color: #f2eefb;
  border-color: #8977b2;
}

.options-container-actual {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.scale-labels-actual {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tool-top-section {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tool-bottom-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.icon-28 {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}

.idea-validator {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.analyze-report-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.loading-page-actual {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--swatch--white);
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 913px;
  height: 100%;
  min-height: 516.719px;
  padding-top: 24px;
  padding-bottom: 16px;
  display: none;
}

.loading-page-actual.loading-container {
  display: none;
}

.report-loader {
  width: 180px;
  min-width: 180px;
  height: 180px;
  min-height: 180px;
}

.btn-arrow {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  display: flex;
}

.report-page-actual {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--swatch--white);
  background-image: url('../images/form-bg_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px 8px 8px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.report-page-actual.report-container {
  box-shadow: none;
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding: 0;
  display: none;
}

.bot-window {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #e5dcf7;
  background-image: url('../images/form-bg_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1018px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 4px #4c33844d, 0 8px 12px #00000026, 0 -1px 4px #4c33844d;
}

.overall-score-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fdfdff;
  border: 1px solid #4c338440;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px 20px 16px;
  display: flex;
}

.validation-score-container {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-image: url('../images/Background-Graphics_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 6px;
  display: flex;
}

.validation-score-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 12px 12px;
  display: flex;
}

.validation-score-info {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-31 {
  color: var(--swatch--grey);
}

.validation-scores {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overall-score-text {
  color: var(--swatch--black);
  font-size: var(--_responsive---font-size--h2);
  font-weight: 500;
}

.validation-score-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f6f3fd;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  display: flex;
}

.performance-breakdown {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fdfdff;
  border: 1px solid #4c338440;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px 20px 16px;
  display: flex;
}

.report-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-40 {
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.pillars-grid {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  width: 100%;
}

.pillars-grid.pillar-breakdown-container-actual {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.pillar-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--swatch--white);
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  padding: 12px;
  transition: all .3s;
  display: flex;
}

.pillar-card:hover {
  box-shadow: 6px 4px 25px #00000021;
}

.pillar-cell-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.area-to-improve {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fcfbed;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.icon-16 {
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: flex;
}

.orange {
  color: #dd7314;
}

.pillar-progress-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pillar-info-div {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 10px;
}

.pillar-info-div.area-improve {
  background-color: #fdfcf3;
}

.good-potiential {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #4b8df71a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.blue {
  color: #1269f5;
}

.green {
  color: #437f01;
}

.strength {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f0fdf4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.strength-div {
  background-color: #f5fef8;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 10px;
}

.good-potiential-div {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 10px;
}

.next-steps-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fdfdff;
  background-image: linear-gradient(#e5dcf7, #fbf8ff);
  border: 1px solid #4c338440;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 20px #0000000f;
}

.where-to-go-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.next-steps-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--swatch--white);
  border: 1px solid #e5dcf7;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.growth-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 9.07813px;
  display: flex;
}

.idea-takeaways-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--swatch--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.idea-takeaways-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.list-takeways {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.idea-takeaways-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f5f1fc;
  border: 1px solid #e5dcf7;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  display: flex;
}

.key-takeaways-card {
  background-color: var(--swatch--white);
  border: 1px solid #4c338440;
  border-radius: 16px;
  width: 100%;
  padding: 24px 16px 16px;
  box-shadow: 0 4px 20px #0000000f;
}

.idea-takeaways-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.white-button-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0px solid var(--_theme---button--border);
  color: var(--_theme---button--text);
  cursor: pointer;
  background-color: #f2eefb;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 20px;
  text-decoration: none;
  transition: box-shadow 1s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #e5dcf7, inset 0 -2px 2px #e5dcf7;
}

.white-button-copy:hover {
  box-shadow: none;
}

.report-btns-actual {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.purple-white {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--swatch--white);
  color: var(--swatch--white);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 20px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.purple-white:hover {
  transform: translate(0, -4px);
}

.tool-top-section-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.bot-trigger {
  z-index: 3;
  cursor: pointer;
  background-color: #0000;
  width: 48px;
  height: 65.4531px;
  padding: 0;
  transition: all .2s;
  position: fixed;
  inset: auto 21px 40px auto;
}

.bot-trigger:hover {
  transform: scale(1.05);
}

.tool-widget {
  z-index: 99999;
  background-color: #160a24b3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: scale(0);
}

.let-s_talk_container-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--swatch--dark-purple);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem 3.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pillar-progress-bg {
  background-color: #f3f1f7;
  border-radius: 16px;
  width: 100%;
  height: 12px;
  min-height: 12px;
}

.progress-bar-fill-actual {
  background-color: var(--swatch--dark-purple);
  border-radius: 16px;
  width: 50%;
  height: 12px;
  min-height: 12px;
}

.arabic-questions-container-actual {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--swatch--white);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 913px;
  height: 100%;
  min-height: 516.719px;
  padding-top: 24px;
  padding-bottom: 16px;
  display: flex;
}

.arabic-questions-container-actual.questions-container {
  display: none;
}

.scale-buttons-container-actual {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.scale-buttons-container-actual.options-container.scale-buttons-container {
  display: flex;
}

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

.bottom-btns-actual {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.area-improve {
  background-color: #fdfcf3;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 10px;
}

.share-report-div {
  z-index: 1;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #fdfdff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.polygon {
  width: 30px;
  height: 30px;
  display: none;
  position: absolute;
  inset: -20px 170px auto auto;
}

.report-share-form {
  z-index: 6;
  border-radius: 16px;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.share-report-head {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.share-repotr-grid {
  grid-template-rows: auto;
  place-items: center;
  width: 100%;
}

.close-report-form {
  cursor: pointer;
  background-color: #fdfcff;
  border: 1px solid #e5dcf7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  transition: all .3s;
  display: flex;
}

.close-report-form:hover {
  background-color: var(--swatch--light-purple);
}

.form-block-2 {
  width: 100%;
  margin-bottom: 0;
}

.bottom-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.close-widget {
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: all .2s;
  position: absolute;
  inset: -32px -32px auto auto;
}

.close-widget:hover {
  transform: scale(1.1);
}

.idea-validator-code-embed {
  display: none;
}

.arabic-font {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.icon-32 {
  width: 32px;
  height: 32px;
  position: relative;
}

.process-arrow {
  z-index: 2;
  background-color: var(--swatch--white);
  transform-style: preserve-3d;
  border-radius: 8px;
  padding: 8px 20px;
  position: absolute;
  inset: auto -28px auto auto;
  box-shadow: 0 2px 5px #0003;
}

.process-arrow.purple {
  background-color: var(--swatch--dark-purple);
}

.validation-process-card {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-purple-arrow {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-white-arrow {
  width: 100%;
  height: 100%;
}

.benefits-idea-validation-grid {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.icon-56 {
  background-color: #e5dcf7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.icon-56.simple {
  background-color: #f2eefb;
}

.idea-validation-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(132deg, #e5dcf77a, #fffc);
  border: 1px solid #e5dcf7;
  border-radius: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  transition: all .3s;
  display: flex;
}

.idea-validation-cell.simple {
  background-image: none;
  border-color: #0000;
}

.idea-validation-cell.simple:hover {
  background-image: linear-gradient(132deg, #e5dcf77a, #fffc);
  border-color: #e5dcf7;
}

.benefits-idea-validation-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefits-idea-validation-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-image: linear-gradient(#f5f3f9, #fffc);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 4.5rem;
  display: flex;
  position: relative;
}

.idea-validation {
  background-image: linear-gradient(#e5dcf72e, #ffffff4d), url('../images/Vector-2762_1.avif');
  background-position: 0 0, 50% 20px;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.idea-validation-container {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 4.5rem 3rem;
  display: flex;
}

.idea-validation-card-home {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--swatch--white);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding: 12px 12px 12px 32px;
  display: grid;
  box-shadow: 0 4px 20px #00000021;
}

.id-home-container-right {
  width: 100%;
  height: 364px;
  position: relative;
}

.id-home-container-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.id-validation-card-left-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.validation-step {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-image: linear-gradient(#e5dcf766, #e5dcf73d);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px 16px;
  display: flex;
  position: relative;
}

.id-validation-card-left-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.id-cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.cta-arrow {
  width: 32px;
  height: 57px;
  position: absolute;
  inset: -36px auto auto -45px;
}

.idea-validation-cta {
  position: relative;
}

.process-arrow-copy {
  z-index: 2;
  background-color: var(--swatch--white);
  transform-style: preserve-3d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 28px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: auto -22px auto auto;
  box-shadow: 0 2px 5px #0003;
}

.icon-32-copy {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.div-block-84 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.complementary-report {
  width: 180px;
  height: 78.9063px;
  position: absolute;
  inset: 0% auto auto -177px;
}

.embed-code-button {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: sticky;
  top: 100px;
  right: 0;
}

.embed-code-button.mobile {
  display: none;
}

.redirected-url-form {
  width: 100%;
  margin-bottom: 0;
}

.success-message-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 586.984px;
  padding-bottom: 1rem;
  display: flex;
}

.embed-code-guide {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--swatch--white);
  border-radius: 32px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 85%;
  max-width: 1000px;
  padding: 12px 28px 12px 12px;
  display: grid;
  position: absolute;
  inset: 15% auto auto;
  transform: scale(0);
  box-shadow: 0 4px 36px #00000054;
}

.graphic {
  justify-content: flex-end;
  align-items: flex-start;
  width: 76px;
  height: 42px;
  margin-bottom: -7px;
}

.guide-left {
  grid-column-gap: 53px;
  grid-row-gap: 53px;
  background-color: #f0ebfa;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-top: 50px;
  display: flex;
}

.text-span-32 {
  color: #646366;
}

.guide-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.guide-steps {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.guide-step-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-span-33 {
  font-weight: 600;
}

.text-span-34 {
  color: var(--swatch--grey);
  font-size: var(--_responsive---font-size--text-16);
  font-weight: 500;
}

.guide-head {
  width: 100%;
}

.guide-left-theme {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-94 {
  width: 52px;
  height: 69px;
}

.div-block-95 {
  width: 100%;
  height: 240.813px;
}

.div-block-96 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.embed-text {
  display: none;
}

.close-widget-copy {
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: all .2s;
  position: absolute;
  inset: 12px 12px auto auto;
}

.close-widget-copy:hover {
  transform: scale(1.1);
}

.rendering-functions, .event-handlers-and-initialization, .code-embed {
  margin-bottom: 0;
}

.hero-wrapper-container {
  height: 100%;
  position: relative;
}

.embed-button-container {
  z-index: 2;
  width: 229px;
  height: 90%;
  position: absolute;
  inset: 18px 0% auto auto;
}

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

.div-block-85-copy {
  width: 140px;
  height: 61.375px;
  position: absolute;
  inset: -27px auto auto -136px;
}

.early-access {
  z-index: 1;
  background-color: #ef6351;
  border-radius: 5px;
  padding: 3px 12px;
  position: absolute;
  inset: -15px -18px auto auto;
  transform: rotate(7deg);
}

.div-block-99 {
  position: relative;
}

.top-article-thumbnail-copy {
  width: 330px;
  height: 221px;
  position: relative;
}

.div-block-99-copy {
  position: relative;
}

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

.paragraph-3-copy {
  margin-bottom: 8px;
}

.rough-bg {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.image-copy {
  width: 100%;
  height: 100%;
}

.image-copy.absolute {
  position: absolute;
  inset: 0%;
}

.image-copy.contain {
  z-index: 1;
}

.image-copy.contain.radius {
  border-radius: 14px;
}

.image-copy.contain.absolute {
  z-index: 4;
}

.image-copy.contain.desktop {
  display: none;
}

.image-copy.contain {
  object-fit: contain;
}

.image-copy.checked {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-copy.checked._2, .image-copy.checked._3, .image-copy.checked._4, .image-copy.checked._5, .image-copy.checked._6 {
  z-index: -1;
  opacity: 0;
  width: 3.2rem;
  height: 3.2rem;
  inset: auto;
}

.image-copy._4 {
  z-index: 2;
}

.image-copy.cover {
  object-fit: cover;
  object-position: 50% 50%;
}

.image-copy.cover.radius {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.image-copy.cover.radius.this {
  object-position: 50% 30%;
}

.image-copy.cover.radius-all {
  border-radius: 1rem;
}

.image-copy.cover.radius-all.this {
  object-position: 50% 30%;
}

.image-copy.cover.top {
  object-position: 50% 0%;
}

.image-copy.active {
  position: absolute;
}

.image-copy.contain-top {
  object-fit: contain;
  object-position: 100% 0%;
}

.image-copy.contain-left-align {
  z-index: 1;
  object-fit: contain;
  object-position: 0% 50%;
}

.share-lclose-btn {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: -11px 5px auto auto;
}

.share-btn-platform {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
}

.share-platform-div {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f2eefb;
  border: 1px solid #b8add1;
  border-radius: 5vw;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 16px;
  display: none;
  position: absolute;
  top: 60%;
  right: 0%;
}

.whatsapp-share {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
}

.share {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-20-2 {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.button-3 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  color: #080808;
  cursor: pointer;
  background-color: #c271ff;
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  padding: .75rem 3rem;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-3:hover {
  background-color: #b3e940;
}

.button-3.share {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  background-color: #0000;
  border: 1px solid #d8d8d8;
  width: 150px;
  padding: 10px 20px;
}

.button-3.share:hover {
  background-color: #f3f3f3;
}

.share-btn {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: all .3s;
  display: flex;
}

.page-url {
  display: none;
}

.share-b {
  cursor: pointer;
  background-color: #fdfcff;
  border: 1px solid #e5dcf7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: all .3s;
  display: flex;
}

.share-b:hover {
  box-shadow: inset 0 1px 4px #e5dcf7, inset 0 -4px 4px #e5dcf7;
}

.social-links {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  justify-content: center;
  display: flex;
}

.h2-2 {
  letter-spacing: .09px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.625rem;
  line-height: 1.05;
}

.h2-2.coolvetica-font {
  font-weight: 400;
}

.h2-2.coolvetica-font.capital-letter {
  line-height: .78;
}

.share-btn-platform-2 {
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: relative;
}

.all-blogs {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-div {
  grid-column-gap: 3.5vw;
  grid-row-gap: 3.5vw;
  border: 1px solid #fff6;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 2rem;
  display: flex;
}

.nav-div.black-border {
  border-color: #08080866;
}

.blog-top-2 {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.links {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-bar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-content {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-img {
  object-fit: cover;
  object-position: 50% 10%;
  width: 100%;
  height: 100%;
}

.h1-2 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.5rem;
  line-height: .9;
}

.h1-2.coolvetica-font {
  font-weight: 400;
}

.h1-2.coolvetica-font.capital-letter {
  line-height: .9;
}

.h1-2.coolvetica-font.capital-letter.center._80 {
  width: 60%;
}

.h1-2.coolvetica-font.capital-letter.blog {
  border-bottom-width: 0;
  font-size: 5.5rem;
}

.inner-footer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.transfom-img {
  z-index: -1;
  border-radius: 2vw;
  width: 100%;
  height: 36vw;
  margin-top: -13%;
  position: relative;
  overflow: hidden;
}

.social-link-hover-box {
  z-index: -1;
  background-color: #d8d8d8;
  border-radius: .4vw;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.blog-container {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3vw;
  padding-bottom: 3vw;
  display: flex;
  overflow: hidden;
}

.details {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.success-message-2 {
  background-color: #c271ff;
  border-radius: 1vw;
  padding: 1.5vw 3vw;
  font-size: 1.25rem;
}

.background-video-2 {
  width: 62px;
  height: 62px;
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #080808;
  background-color: #d8d8d8;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 239px;
  margin-top: 10px;
  padding: 16px;
  display: flex;
}

.text-24-2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}

.text-24-2.coolvetica-font {
  font-weight: 400;
}

.text-24-2.coolvetica-font.capital-letter.no-wrap {
  white-space: nowrap;
}

.text-24-2.coolvetica-font.capital-letter.black {
  color: #080808;
  text-decoration: none;
}

.text-24-2.coolvetica-font.capital-letter.black.w--current {
  text-decoration: underline;
}

.menu_open {
  width: 100%;
  height: 100%;
}

.blog-thumbnail {
  border: 1px solid #0000001a;
  border-radius: .833vw;
  height: 24vw;
  overflow: hidden;
}

.blog-thumbnail.item {
  height: 300px;
}

.author-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-container {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.email-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.icon-25 {
  color: #fff;
  margin-right: 0;
  position: static;
}

.icon-25.this {
  color: #080808;
}

.newsletter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.logo-div {
  justify-content: flex-start;
  align-items: center;
  width: 205px;
  display: flex;
  position: relative;
}

.blog-d {
  justify-content: space-between;
  align-items: center;
  padding-right: .5rem;
  display: flex;
}

.menu-close_white {
  width: 100%;
  height: 100%;
}

.blog-list-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.error-message-2 {
  opacity: 0;
  border-radius: 1vw;
  width: 0;
  height: 0;
  margin-top: 0;
  padding: 0;
}

.button-arrow {
  justify-content: center;
  align-items: center;
  width: 1vw;
  height: 1vw;
  display: flex;
}

.navbar-2 {
  background-color: #0000;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2.5rem;
}

.share-lclose-btn-2 {
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: relative;
}

.transform-container {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.blog-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h5-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  line-height: 1.1;
}

.h5-2.coolvetica-font {
  letter-spacing: 1px;
}

.link-block-2 {
  color: #080808;
  text-decoration: none;
}

.text-20-3 {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.text-20-3.coolvetica-font {
  letter-spacing: .5px;
}

.text-20-3._20 {
  max-width: 620px;
}

.transform-section {
  overflow: hidden;
}

.blog-item-content {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image---no-radius {
  width: 80%;
  height: 100%;
}

.text-field-2 {
  border: .052vw solid #a9a9a9;
  border-radius: 5vw;
  width: 300px;
  height: 48px;
  max-height: 48px;
  margin-bottom: 0;
  padding: 0 0 0 24px;
  font-size: 18px;
}

.text-field-2:focus {
  border-color: #646464;
}

.text-field-2::placeholder {
  font-size: 18px;
}

.footer {
  border-top: .052vw solid #d8d8d8;
}

.footer-link-2 {
  color: #a9a9a9;
  font-size: 1.125rem;
  text-decoration: underline;
  transition: all .25s;
}

.footer-link-2:hover {
  color: #080808;
}

.whatsapp-share-2 {
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: relative;
}

.blog {
  border-bottom: 1px solid #d8d8d8;
}

.hover-line {
  z-index: -1;
  background-color: #b3e940;
  width: 100%;
  height: 2px;
  padding: 0;
}

.nav-link-2 {
  z-index: 1;
  color: #080808;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .078vw .4vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.social-link-block {
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  display: flex;
  position: relative;
}

.menu_open_white {
  width: 100%;
  height: 100%;
}

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

.blog-category {
  border: 1px solid #ebebeb;
  border-radius: 50px;
  padding: 6px 16px;
  box-shadow: 0 6px 12px #0000000f;
}

.email-form {
  border: 0 solid #000;
  margin-bottom: 0;
}

.blog-img-div {
  border-radius: .833vw;
  width: 100%;
  height: 35vw;
  overflow: hidden;
}

.blog-top-section {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-buttons {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.button-4 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  color: #080808;
  cursor: pointer;
  background-color: #c271ff;
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  padding: .75rem 3rem;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-4:hover {
  background-color: #b3e940;
}

.button-4.share {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  background-color: #0000;
  border: 1px solid #d8d8d8;
  width: 150px;
  padding: 10px 20px;
}

.button-4.share:hover {
  background-color: #f3f3f3;
}

.button-4.simple {
  background-color: #0000;
  border: 1px solid #a9a9a9;
  width: auto;
}

.button-4.simple:hover {
  background-color: #f3f3f3;
}

.button-4.link-copied-popup {
  z-index: 1;
  background-color: var(--swatch--dark-purple);
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  transition-property: none;
  position: fixed;
  inset: auto 0% 5%;
  transform: scale(0);
}

.button-4.view-alll {
  background-color: #0000;
  border: 1px solid #d8d8d8;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.button-4.view-alll:hover {
  background-color: #f3f3f3;
}

.button-4.simple-animation {
  background-color: #0000;
  border: 1px solid #a9a9a9;
  width: auto;
}

.button-4.simple-animation:hover {
  background-color: #d8d8d8;
}

.button-4.simple-animation.length {
  width: 280px;
}

.button-4.simple-animation.length:hover {
  background-color: #f3f3f3;
}

.h6 {
  color: #080808;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.h6._500 {
  font-weight: 500;
}

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

.top {
  z-index: 999999;
  border: 2px solid #b3e940;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: none;
  position: fixed;
  inset: auto 5% 5% auto;
}

.menu-close {
  width: 100%;
  height: 100%;
}

.h3-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  line-height: .95;
}

.h3-2._500 {
  font-weight: 500;
}

.share-btn-2 {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: all .3s;
  display: flex;
}

.nav-container-2 {
  width: 100%;
  max-width: 100vw;
}

.page_wrapper {
  padding-top: 2rem;
}

.form-container-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.share-platform-div-2 {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #080808;
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  display: none;
  position: absolute;
  top: 110%;
  right: 0%;
}

.share-platform-div-2.bottom {
  top: auto;
  bottom: 110%;
}

.nav-bar-menu {
  justify-content: space-between;
  align-items: center;
  width: 67%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.3vw;
  padding-bottom: 1.3vw;
  display: none;
}

.foot {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  flex-flow: column;
  display: flex;
}

.text-18-3 {
  font-size: 1.125rem;
  line-height: 1.5;
}

.text-18-3.capital-letter {
  color: #080808;
}

.text-18-3.darkgrey.footer {
  border-top-width: 0;
}

.author-image {
  border-radius: 50px;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.h4-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  line-height: 1;
}

.h4-2.coolvetica-font {
  letter-spacing: 1px;
}

.h4-2.coolvetica-font.capital-letter {
  font-weight: 400;
}

.sf {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.content {
  font-size: 18px;
}

@media screen and (min-width: 1280px) {
  .hero-section {
    height: 95vh;
  }

  .hero-container {
    padding-top: 0;
  }

  .nav-menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image.checked {
    inset: 0%;
  }

  .services-category {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .service-card {
    padding: 1.3rem;
  }

  .arrow-div {
    width: 3.2rem;
    height: 3.2rem;
  }

  .porfolio {
    height: 105vh;
  }

  .solutions-container {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .solution-info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tab-link {
    padding: .75rem 2.5rem;
  }

  .tabs-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tab-pane {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lets-started {
    height: 85%;
  }

  .get-started-content {
    width: 75%;
  }

  .testimonials-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 90%;
  }

  .join-us {
    margin-top: -10%;
  }

  .proven-results {
    width: 80%;
  }

  .results-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .inner-content {
    width: 90%;
  }

  .vision-container {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .steps-info {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .step-no {
    top: -47%;
  }

  .div-block-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .steps-div {
    position: relative;
  }

  .contents {
    width: 90%;
  }

  .contact-information {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
  }

  .post-thumbnail {
    height: 17rem;
  }

  .post-cards, .post-cards.desktop, .post-cards-this {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .post-thumbnail-this {
    height: 20.75rem;
  }

  .details-container {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .details-header {
    width: 90%;
  }

  .privacy-policy {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .contact-us {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .contact-form {
    padding: 2rem;
  }

  .contact-div {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding: 2rem;
    top: 15%;
  }

  .contact-inner-div {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .services-dos, .tech-stack-row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .tech-stack-row.this-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .testimonials-content2 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
  }

  .steps-divs {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .steps-div-new {
    position: relative;
  }

  .step-details {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .faqs-list {
    width: 65%;
  }

  .pendulum {
    right: 173px;
  }

  .marketing_service_container {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .marketing-grid {
    height: 380px;
  }

  .marketing-grid.desktop {
    height: 360px;
  }

  .milestone_grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .page-links-container {
    justify-content: center;
    align-items: flex-start;
  }

  .top-article-grid-left {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .top-article {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
  }

  .casestudy-hero-head {
    width: 73%;
  }

  .outcomes_container {
    grid-column-gap: 10.556vw;
    grid-row-gap: 10.556vw;
  }

  .outcomes_contanier-right {
    justify-content: flex-start;
  }

  .outcome-box {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #f2eefb;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    display: flex;
  }

  .website-outcomes {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .solution_container {
    grid-column-gap: 10.556vw;
    grid-row-gap: 10.556vw;
  }

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

  .improvments_details {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grid-3-copy {
    grid-column-gap: 4.688rem;
    grid-row-gap: 4.688rem;
    grid-template-columns: 1fr .5fr;
  }

  .app-dos {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .arrow-img {
    width: 3.2rem;
    height: 3.2rem;
  }

  .bot-header, .language-selection-page-actual.tool-first-screen {
    min-width: 888px;
  }

  .bot-window {
    width: auto;
  }

  .process-arrow {
    right: -35px;
  }

  .id-home-container-right {
    width: 541px;
  }

  .image-copy.checked {
    inset: 0%;
  }
}

@media screen and (min-width: 1440px) {
  .h5._600._94 {
    width: 83%;
  }

  .h5.center._50 {
    width: 63%;
  }

  .h5.center._60 {
    width: 40%;
  }

  .image.checked {
    position: absolute;
    inset: 0%;
  }

  .image.checked._1 {
    top: 0%;
  }

  .services-category {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .service-card {
    padding: 1.5rem;
  }

  .arrow-div {
    width: 3.5rem;
    height: 3.5rem;
    bottom: -4%;
    right: -3%;
  }

  .tab-link {
    padding-left: 2.5rem;
  }

  .tabs-menu {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .tab-pane {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lets-started {
    height: 84%;
  }

  .vision-container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .steps-indicator {
    width: 85%;
    height: 3.5rem;
  }

  .steps-info {
    position: relative;
  }

  .step-no {
    z-index: 1;
    position: absolute;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .checked._1 {
    z-index: 1;
    position: absolute;
    top: -35%;
  }

  .steps-div {
    position: relative;
  }

  .contents {
    width: 85%;
  }

  .details-container {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .post-head {
    justify-content: space-between;
    align-items: center;
  }

  .privacy-policy {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .hero-service-container {
    grid-template-columns: .9fr 1fr;
  }

  .services-dos {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .vision-container2 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .steps-div-new, .step-details {
    position: relative;
  }

  .project_image._1, .project_image._2, .project_image._3 {
    margin-top: -33.5vw;
  }

  .marketing_service_container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .marketing_service_container.this {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }

  .marketing-grid {
    height: 400px;
  }

  .marketing-grid.desktop {
    height: 380px;
  }

  .milestone_grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .worth_sharing_details {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .grid-2 {
    width: 80%;
  }

  .page-links-container {
    justify-content: center;
    align-items: flex-start;
  }

  .hero-work-container, .hero-casestudy_container {
    grid-template-columns: .9fr 1fr;
  }

  .casestudy-hero-head {
    width: 64%;
  }

  .controls {
    justify-content: center;
    align-items: center;
  }

  .results, .improvements {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .impovement_container {
    margin-left: auto;
    margin-right: auto;
  }

  .app-dos {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .ai-service-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px;
  }

  .ai-service-card-img {
    height: 262px;
  }

  .hero-service-container-tool {
    grid-template-columns: .9fr 1fr;
  }

  .arrow-img {
    width: 3.5rem;
    height: 3.5rem;
    bottom: -4%;
    right: -3%;
  }

  .process-arrow {
    padding: 9px 25px;
    right: -45px;
  }

  .idea-validation-cell {
    padding: 32px;
  }

  .benefits-idea-validation-container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .icon-32-copy {
    min-width: 20px;
  }

  .complementary-report {
    width: 200px;
    left: -187px;
  }

  .div-block-95 {
    height: 280px;
  }

  .image-copy.checked {
    position: absolute;
    inset: 0%;
  }

  .image-copy.checked._1 {
    top: 0%;
  }

  .h1-2.coolvetica-font.capital-letter.center._80 {
    width: 50%;
  }

  .text-field-2 {
    padding-bottom: 3px;
  }
}

@media screen and (min-width: 1920px) {
  .nav-container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .button.get-started, .button.hire-us, .button.hire-us-copy, .button.next, .button.get-started-copy, .button.embed, .button.copy, .button.validate-idea, .button.validate-idea-copy {
    overflow: hidden;
  }

  .h5._600._94 {
    width: 60%;
  }

  .section {
    margin-left: auto;
    margin-right: auto;
  }

  .services-container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .tag {
    opacity: 1;
  }

  .solution-head {
    margin-left: 0;
    margin-right: auto;
  }

  .solution-head.process, .solution-head.process-copy {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
  }

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

  .lets-started {
    height: 84%;
  }

  .testimonials-content {
    width: 100%;
    max-width: 90rem;
  }

  .join-us {
    margin-top: -3.5%;
  }

  .proven-results {
    width: 100%;
    max-width: 90rem;
  }

  .results-grid {
    width: 80%;
  }

  .inner-content {
    width: 75%;
  }

  .steps {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .contents {
    width: 63%;
  }

  .container-2 {
    width: 80%;
  }

  .footer-divider {
    width: 80%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }

  .consultation-form {
    width: 40%;
  }

  .post-thumbnail {
    height: 16vw;
  }

  .post-cards {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .post-cards.desktop {
    width: 100%;
    max-width: 90rem;
  }

  .call-btn {
    width: 3.2rem;
    height: 3.2rem;
  }

  .post-cards-this {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .post-thumbnail-this {
    height: 16vw;
  }

  .blog-top-container {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .details-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .post-head {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .privacy-policy, .contact-us {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-us-container {
    grid-column-gap: 20rem;
    grid-row-gap: 20rem;
  }

  .contact-div {
    top: 12%;
  }

  .hero-service-container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .service-hero-left {
    padding-left: 0;
  }

  .service-hero-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .do-s-container, .features-container, .stack-container.tag-content-wrapper {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .clients-say {
    max-width: 75rem;
  }

  .solution-head2 {
    width: 100%;
    max-width: 90rem;
  }

  .steps-divs.this {
    max-width: 90rem;
  }

  .faq-container {
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .showcase_container, .casestudies_container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .casestudies_container.this {
    padding-left: 0;
    padding-right: 0;
  }

  .let-s_talk_container, .marketing-grid {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .milestones_client_container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .worth_sharing_value {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .grid-2 {
    max-width: 80rem;
  }

  .hero-work-container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .casestudy-card-thumbnail-copy {
    height: 362px;
  }

  .swiper-slide {
    width: 480px;
    height: 480px;
  }

  .swiper-nav-btn:hover, .swiper-nav-btn.prev:hover, .swiper-nav-btn.next:hover {
    transform: none;
  }

  .portfolio-cards_container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-casestudy_container {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
  }

  .casestudy-hero-head {
    width: 54%;
  }

  .outcomes_container {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .website-detail-thumbnail {
    align-self: flex-end;
  }

  .solution_container {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .results_con, .impovement_container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .achivements-copy {
    width: 100%;
  }

  .hero-service-container-tool {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .tool-top-section, .analyze-report-container {
    max-height: none;
  }

  .let-s_talk_container-copy {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .process-arrow {
    right: -48px;
  }

  .benefits-idea-validation-grid, .idea-validation-container {
    max-width: 90rem;
  }

  .div-block-95 {
    height: 310px;
  }

  .hero-wrapper-container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .h1-2 {
    font-size: 8.5rem;
  }

  .h1-2.coolvetica-font.capital-letter.center._80 {
    width: 50%;
  }

  .newsletter {
    width: 41%;
  }

  .navbar-2 {
    width: 100%;
    max-width: 1440px;
  }

  .email-form {
    margin-bottom: 0;
  }

  .form-container-2 {
    grid-column-gap: .8vw;
    grid-row-gap: .8vw;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_responsive---container--padding-vertical: 6rem;
    --_responsive---font-size--h2: 28px;
    --_responsive---container--padding-horizontal: 20px;
    --_responsive---font-size--text-18: 16px;
    --_responsive---font-size--text-16: 14px;
    --_responsive---font-size--text-14: 14px;
    --_responsive---font-size--h1: 34px;
    --_responsive---font-size--h3: 24px;
    --_responsive---font-size--h4: 20px;
    --_responsive---font-size--h5: 20px;
    --_responsive---font-size--text-24: 16px;
    --_responsive---font-size--text-22: 16px;
    --_responsive---font-size--text-20: 16px;
  }

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

  .hero-section {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 20px;
  }

  .hero-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 80%;
    padding-top: 72px;
  }

  .cursor-element {
    display: none;
  }

  .navbar {
    display: none;
    transform: translate(0, -20vw);
  }

  .brand.this, .brand.this.w--current {
    width: 4rem;
  }

  .button {
    padding: 14px 30px;
  }

  .button.get-started {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button.get-started.this {
    margin-top: 8px;
  }

  .button.desktop {
    display: none;
  }

  .button.next {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button.simple-btn:hover {
    background-color: var(--swatch--white);
  }

  .button.get-started-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button.embed {
    max-width: none;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .button.copy, .button.validate-idea, .button.validate-idea-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button.share:hover {
    background-color: #fdfcff;
  }

  .nav-link-border {
    display: none;
  }

  .nav {
    width: 99.5%;
  }

  .text-18.grey._500.center-text-mobile.mobile {
    text-align: left;
  }

  .text-18.grey._500.tab-center {
    text-align: center;
  }

  .text-18.grey.padding {
    padding-top: .5rem;
  }

  .text-16._500, .text-16._500.dark-purple {
    font-size: 14px;
  }

  .text-16.light-text.dark-purple {
    color: var(--swatch--dark-purple);
  }

  .text-16.dektop, .text-16.service-text-hide {
    display: none;
  }

  .text-14.grey {
    font-size: 16px;
  }

  .h4.form {
    font-size: 24px;
    font-weight: 600;
  }

  .h5.dark-purple.max-width {
    max-width: none;
  }

  .h5.center._50 {
    width: 85%;
  }

  .hero-buttons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .section.hero {
    padding-top: 20px;
  }

  .image.absolute, .image.contain.desktop {
    display: block;
  }

  .image.checked {
    display: none;
  }

  .image.cover.top.mobile {
    display: block;
    position: static;
  }

  .image.cover.align-top.mobile {
    display: block;
  }

  .image.active {
    width: 100%;
    height: 100%;
  }

  .image.hide-mobile {
    opacity: 0;
  }

  .trusted-by {
    width: auto;
    padding: 5px;
    position: static;
    inset: auto auto 0%;
  }

  .side-img {
    width: .6rem;
  }

  .header-top {
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 10px;
    top: 12px;
    left: 12px;
    right: 12px;
  }

  .header-top.this {
    padding-top: 0;
  }

  .overflow-hd.this {
    display: none;
  }

  .services-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tag {
    padding: 8px 16px;
  }

  .solution-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 90%;
  }

  .solution-head.this.new {
    position: sticky;
    top: 20px;
  }

  .solution-head.this.new.ai {
    position: static;
  }

  .solution-head.this.center {
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .solution-head.this.new-copy {
    position: static;
  }

  .solution-head.process {
    padding-left: 8px;
  }

  .solution-head.process.sticky_mobile {
    position: sticky;
    top: 30px;
  }

  .solution-head.process-copy {
    padding-left: 8px;
    padding-right: 8px;
  }

  .services-category {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .service-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-width: .5px;
    border-color: #0b0b3305;
    justify-content: space-between;
    height: 209.969px;
    padding: 8px 8px 12px;
  }

  .service-card:hover {
    background-image: none;
  }

  .service-card.this {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 40px 16px 16px;
  }

  .service-card.this:hover {
    background-image: linear-gradient(#fbf8ff, #fbf8ff99);
  }

  .service-card.this.fisrt:hover {
    background-image: linear-gradient(#e3c2ff, #fbf8ff99);
  }

  .service-card.home {
    background-image: linear-gradient(#e5dcf7, #fbf8ff);
  }

  .service-tag {
    background-color: var(--swatch--dark-purple);
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .img-div {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
  }

  .features {
    margin-top: 0;
  }

  .arrow-div {
    width: 32px;
    height: 32px;
    transform: scale(1);
  }

  .clinets {
    overflow: hidden;
  }

  .clinets-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .carousal {
    width: 100%;
  }

  .solutions-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 40px;
  }

  .solution-info {
    grid-template-columns: 1fr;
  }

  .tab-link {
    padding: 12px 16px;
  }

  .text-22._500 {
    font-weight: 500;
  }

  .tabs-menu {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
  }

  .tab-pane {
    border-top-right-radius: 1.5rem;
    padding: 16px;
  }

  .key-solutions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 16px;
  }

  .text-24 {
    max-width: 13ch;
  }

  .text-24._600, .text-24._500 {
    max-width: none;
  }

  .linear-gradient {
    background-image: linear-gradient(-90deg, #fff 20%, #0000 40%), linear-gradient(90deg, #fff 20%, #0000 40%);
    width: 100%;
  }

  .lets-started {
    height: 100%;
    margin-top: 0%;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .get-started-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 50%;
  }

  .testimonial-container {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .testimonials-content {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .testimonial-col.padding {
    padding-top: 0;
  }

  .testimonial-card {
    box-shadow: 0 4px 10px #0000000f;
  }

  .testimonial-card._1 {
    top: 20%;
  }

  .testimonial-card._2 {
    top: 29%;
  }

  .testimonial-card._3 {
    top: 38%;
  }

  .testimonial-card._4 {
    top: 47%;
  }

  .testimonial-card._5 {
    top: 56%;
  }

  .company-logo.dental-copy {
    height: 2rem;
  }

  .ball {
    width: 4px;
    min-width: 4px;
    height: 4px;
    min-height: 4px;
  }

  .owner-info {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .join-us {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 0%;
  }

  .proven-results {
    width: 94%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .results-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 16px;
  }

  .results-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
    margin-top: 4px;
  }

  .result-card {
    padding: 8px 16px;
  }

  .text-20._500.center {
    font-size: 16px;
  }

  .text-20.grey.center-tab {
    text-align: center;
  }

  .inner-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .vision-container {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

  .steps-indicator {
    width: 70%;
  }

  .steps-info {
    justify-content: flex-start;
    align-items: center;
  }

  .step-no {
    top: -53%;
  }

  .div-block-4.this {
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

  .contents {
    width: 100%;
  }

  .footer-dark {
    padding: 40px var(--_responsive---container--padding-horizontal);
  }

  .footer-wrapper {
    justify-content: center;
    align-items: center;
  }

  .footer-content {
    grid-column-gap: 60px;
    display: none;
  }

  .footer-social-block {
    justify-content: space-between;
    align-items: center;
    width: auto;
  }

  .consultation-form {
    width: 80%;
    padding: 20px;
  }

  .text-field::placeholder {
    font-size: 14px;
  }

  .close-btn.menu {
    width: 35px;
    position: static;
  }

  .fields-div {
    flex-flow: wrap;
  }

  .success-message-icon {
    width: 80px;
    height: 80px;
  }

  .form-container-div {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .submit-btn-div {
    border-radius: .75rem;
  }

  .webflow-form.this {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .webflow-form.service {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
  }

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

  .posts-container {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .posts-container.this {
    padding-top: 40px;
  }

  .posts-container.insights {
    justify-content: flex-start;
    align-items: center;
  }

  .grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-bottom: 12px;
  }

  .post-thumbnail {
    height: 200px;
  }

  .post-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 20px;
  }

  .post-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .post-info {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-28 {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }

  .desktop {
    display: none;
  }

  .mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

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

  .slide {
    width: 32%;
    height: 100%;
    padding-right: 12px;
  }

  .mask {
    height: auto;
    padding-bottom: 10px;
    overflow: hidden;
  }

  .service-head {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .slider-dots-container {
    width: 100%;
  }

  .slider-dots {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .in-active {
    background-color: #c3bad8;
    border-radius: 50px;
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
    padding: 0;
  }

  .active {
    background-color: #8977b2;
    border-radius: 50px;
    width: 25px;
    height: 8px;
    padding: 0;
  }

  .button-mobile {
    padding: 14px 30px;
  }

  .button-mobile._100.mob {
    display: flex;
  }

  .testimonial-slide {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .mask-2 {
    padding-bottom: 8px;
  }

  .post-slider {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .mask-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-btn {
    width: 32px;
    height: 32px;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .menu-btn.desktop {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
  }

  .mobile-menu {
    z-index: 4;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #160a24b3;
    flex-flow: column;
    height: 100dvh;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0%;
    transform: translate(0, -305vw);
  }

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

  .mobile-nav-text {
    font-size: 20px;
    text-decoration: none;
  }

  .navbar-links {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 99%;
    height: 450px;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    overflow: auto;
  }

  .navlink {
    justify-content: space-between;
    align-items: center;
    width: 99.5%;
    text-decoration: none;
    display: flex;
  }

  .div-block-35 {
    width: 15px;
  }

  .page-div {
    position: relative;
  }

  .call-btns {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .call-btns-div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border: .5px solid #0f10484d;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: flex;
  }

  .call-btns-div.fixed.hide {
    display: none;
  }

  .call-btns-div.fixed.hide:hover {
    transform: none;
  }

  .call-btn {
    width: 40px;
    height: 40px;
  }

  .menu-container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    background-color: var(--swatch--white);
    flex-flow: column;
    width: 100%;
    height: 100vh;
    padding: 20px;
    display: flex;
  }

  .jum-to-top {
    z-index: 3;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    inset: auto 15px 400px auto;
  }

  .post-cards-this {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .post-content-this {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .post-thumbnail-this {
    height: 180px;
  }

  .arrow {
    width: 20px;
    height: 20px;
  }

  .blog-top-container {
    padding-top: 8.5rem;
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-container {
    display: flex;
  }

  .read-more {
    padding-top: 0;
  }

  .details-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .thumnail {
    height: 300px;
  }

  .description {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .more-details {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .paragraph {
    margin-top: 20px;
  }

  .privacy-policy {
    padding-top: 8.5rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-us {
    padding: 8.5rem 20px 48px;
  }

  .contact-us-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    position: static;
  }

  .contact-form {
    padding: 20px;
  }

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

  .checkbox-field-2.this {
    padding: 6px;
  }

  .contact-div {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    position: static;
  }

  .contact-inner-div {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .hero-service {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-service-container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .service-hero-left {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .service-inner {
    justify-content: flex-start;
    align-items: center;
  }

  .service-inner.work {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .services-dos {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .services-dos.ai {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .do-s {
    padding: 0 20px;
  }

  .do-s-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .key-features {
    padding: 0 20px;
  }

  .key-features.this {
    padding-bottom: 0;
  }

  .features-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .benefit-item {
    background-color: var(--_theme---button--backgournd);
    border-width: 0;
    padding: 0;
  }

  .benefits-head {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
  }

  .benefits-icon {
    width: 2rem;
    height: 2rem;
  }

  .benefits_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .technology-stack.tag-wrapper {
    padding: 40px 20px;
  }

  .stack-container.tag-content-wrapper {
    border-radius: 1.5rem;
    padding: 1rem 20px;
  }

  .text-span-22.center-text-mobile {
    text-align: center;
  }

  .tag-canvas {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 24px;
  }

  .tag-canvas.mobile {
    display: flex;
  }

  .service-icon {
    justify-content: flex-start;
    align-items: center;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    display: flex;
  }

  .service-icon.this {
    width: 8rem;
    height: 1.7rem;
    min-height: 1.7rem;
  }

  .service-icon.this-copy {
    height: 1.7rem;
    min-height: 1.7rem;
  }

  .tech-stack {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding: .5rem .75rem;
  }

  .tech-stack.border {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .tech-stack-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .tech-stack-row.this-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .testimonial-container2 {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .testimonials-content2 {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .join-us2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 0%;
  }

  .clients-say {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .solution-head2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 90%;
  }

  .vision-container2 {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .steps-divs.this {
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

  .steps-divs.this.desktop {
    display: none;
  }

  .steps-divs.this.mobile {
    display: flex;
  }

  .steps-div-new {
    width: 2.5rem;
    min-width: 2.5rem;
  }

  .step-details {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .75rem;
  }

  .step-details.this {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #0000;
    flex-flow: column;
  }

  .step-content.this {
    padding-top: .75rem;
  }

  .contents-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
  }

  .stacks-img {
    display: none;
  }

  .tech-hover:hover {
    transform: none;
  }

  .faq-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 40px 20px;
  }

  .faqs-list {
    width: 100%;
  }

  .faq-list-item {
    padding: .75rem;
  }

  .faq-arrow {
    justify-content: flex-start;
    align-items: center;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    display: flex;
  }

  .faq-answer {
    padding-top: .75rem;
  }

  .pendulum {
    right: 24px;
  }

  .pendulum-img {
    width: 56px;
    margin-top: -3px;
  }

  .pendulum-head {
    width: 34px;
  }

  .showcase_section {
    height: 100%;
    position: relative;
  }

  .showcase_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 40px 20px;
  }

  .showcase-projects {
    width: 100%;
  }

  .project_image {
    height: 300px;
  }

  .project_image._1 {
    margin-top: 0;
    top: 150px;
  }

  .project_image._2 {
    margin-top: 0;
    top: 180px;
  }

  .project_image._0 {
    top: 120px;
  }

  .project_image._3 {
    margin-top: 0;
    top: 180px;
  }

  .showcase-cover {
    position: static;
  }

  .casestudies_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 40px 20px;
  }

  .casestudy_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .casestudy_card {
    box-shadow: none;
  }

  .let-s-talk {
    padding: 40px 20px;
  }

  .let-s_talk_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 24px;
    padding: 24px;
  }

  .white-button {
    padding: 14px 48px;
  }

  .glass-div {
    height: 120px;
  }

  .view-icon {
    width: 3.5rem;
    height: 3.5rem;
    bottom: -24px;
    right: 24px;
  }

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

  .casestudy-slide {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .arrow-down {
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    display: flex;
  }

  .step-trigger {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .step-left {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .showcase_section_digital {
    height: 100%;
    position: relative;
  }

  .snapshots {
    width: 100%;
  }

  .snapshot-img {
    height: auto;
  }

  .marketing-services {
    position: relative;
  }

  .marketing_service_container {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .marketing_service_container.this {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .m_service {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .m_service.padding {
    padding: 12px 12px 16px;
  }

  .marketing_tools {
    opacity: 1;
    height: 10rem;
    position: static;
  }

  .marketing_tools.this {
    height: 7rem;
    position: static;
  }

  .marketing_tools.small {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

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

  .service_attributes {
    padding-top: .75rem;
  }

  .marketing-grid.mobile {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .attributes-con {
    width: auto;
    height: auto;
  }

  .hover-accordion {
    position: sticky;
    top: 140px;
  }

  .absolute-img {
    width: 80px;
    height: 80px;
  }

  .milestones_client_container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 40px 20px;
  }

  .milestone_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .worth_sharing_card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 1.25rem;
  }

  .inner-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: .75rem;
  }

  .worth_sharing_details {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .worth_sharing_bottom {
    width: 100%;
    height: 158px;
  }

  .worth_sharing_head {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .worth_sharing_values {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav_dropdown_toggle {
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .dropdown-arrow {
    margin-right: -4px;
  }

  .nav-link-copy._500 {
    font-size: 20px;
    font-weight: 400;
  }

  .nav-dropdown {
    width: 100%;
  }

  .nav_dropdown_list {
    background-color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .nav_dropdown_list.w--open {
    background-image: none;
    padding: 1rem 20px 0;
    top: auto;
  }

  .grid-2 {
    border-radius: .5rem;
    width: 100%;
    margin-left: 0;
    padding: 10px;
    display: flex;
    box-shadow: 0 2px 5px #0003;
  }

  .page-links-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .top-article-grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    background-color: #eae2fc;
    border-radius: 12px;
    flex-flow: column;
    width: 100%;
    padding: 16px 12px;
    display: flex;
  }

  .top-article-grid-left {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: flex-start;
    align-items: center;
  }

  .top-article {
    display: none;
  }

  .article-tab-content {
    padding-top: 30px;
  }

  .article-tab-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .hero-work-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 2rem 12px;
  }

  .casestudy_card-details-copy {
    padding-top: 0;
    padding-right: 0;
  }

  .casestudy-card-thumbnail-copy {
    border: 1px solid var(--swatch--light-purple);
    height: 30vw;
  }

  .image-hover {
    border: 1px solid #ececec;
    display: none;
  }

  .swiper-navigation {
    display: none;
  }

  .swiper-slide {
    width: 300px;
    height: 300px;
    margin-top: 5vh;
  }

  .products_container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .swiper-nav-btn.prev {
    top: 15%;
    transform: rotate(-20deg);
  }

  .swiper-nav-btn.next {
    top: 15%;
    transform: rotate(20deg);
  }

  .portfolio-cards_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 40px 20px;
  }

  .portfolio-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero-casestudy_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 2rem 12px;
  }

  .casestudy-hero-head {
    width: 80%;
  }

  .thumbnail-con {
    max-width: 600px;
  }

  .thumbnail-tags {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    top: 12px;
    right: 18px;
  }

  .outcomes_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .website-stack {
    height: 100%;
    padding: .85rem;
  }

  .website-stack.this {
    align-self: flex-start;
    width: 400px;
  }

  .outcomes_contanier-right {
    width: 100%;
    height: 100%;
  }

  .website-detail-thumbnail {
    width: 400px;
  }

  .outcomes_contanier-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .outcome-box {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .outcomes {
    padding: 40px 20px;
  }

  .list-div {
    margin-bottom: 0;
  }

  .controls {
    padding-bottom: 20px;
    display: block;
  }

  .swiper-pagination-bullet {
    background-color: #c3bad8;
  }

  .swiper-pagination-bullet-active {
    background-color: #8977b2;
  }

  .solution {
    padding: 40px 20px;
  }

  .solution_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

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

  .results {
    padding-left: 20px;
    padding-right: 20px;
  }

  .table-cell {
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .achivements {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 1rem;
  }

  .improvements {
    padding: 40px 20px;
  }

  .impovement_container {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .improvements_grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    display: flex;
  }

  .improvement_left {
    width: 300px;
    min-width: 300px;
  }

  .improvements_list_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .improvement_icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .improvement_right {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .improvments_details {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .grid-3-copy {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    display: flex;
  }

  .app-dos {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .solutions_list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .achivements-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    padding-left: 1rem;
  }

  .simple-button {
    padding: 14px 30px;
  }

  .achievement_cell, .achievement_cell_2 {
    padding: 1rem;
  }

  .achievement_cell_img {
    width: 60px;
    height: 65px;
    bottom: 12px;
    right: 14px;
  }

  .header-social-icons {
    width: auto;
    padding: 5px;
    right: 1rem;
  }

  .button-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 50px;
    padding: 12px 36px;
  }

  .button-2:hover {
    background-color: #c271ff;
  }

  .button-2.link-copied-popup {
    width: 20%;
  }

  .button-2.link-copied-popup:hover {
    background-color: var(--swatch--black);
  }

  .text-18-2 {
    font-size: 16px;
  }

  .link-2:hover {
    color: var(--swatch--black);
  }

  .ai-service-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(#8257e4d9, #fbf8ff 62%, #fbf8ff99 84%);
    padding: 16px;
  }

  .ai-service-card:hover {
    background-image: linear-gradient(200deg, #8257e4d9, #fbf8ff 62%, #fbf8ff99 84%);
  }

  .ai-showcase {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 24px 48px;
  }

  .second-opinion-video-2 {
    width: 100%;
    height: 400px;
  }

  .background-video-3 {
    border-radius: 1rem;
  }

  .ad-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px 16px 16px;
  }

  .ad-card:hover {
    background-image: none;
  }

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

  .table-container {
    width: 800px;
  }

  .table-cell-div {
    padding: 8px;
  }

  .table-wrapper {
    overflow: auto;
  }

  .hero-service-container-tool {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding: 48px 20px;
    display: flex;
  }

  .arrow-img {
    width: 32px;
    height: 32px;
    transform: scale(1);
  }

  .hero-head {
    justify-content: flex-start;
    align-items: center;
  }

  .bot-header, .language-selection-page-actual {
    min-width: auto;
  }

  .tool-first-screen-mid {
    width: 100%;
  }

  .english-questions-container-actual {
    min-height: 450px;
  }

  .simplify-question-btn-actual {
    color: var(--swatch--black);
  }

  .simplify-question-btn-actual:hover {
    background-color: #f4f4f4;
  }

  .option-button:hover {
    background-color: var(--swatch--white);
    color: var(--swatch--grey);
  }

  .option-button.scale:hover {
    background-color: var(--swatch--white);
  }

  .tool-top-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .loading-page-actual {
    min-height: 450px;
  }

  .bot-window.this {
    width: 95%;
  }

  .overall-score-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .validation-score-div, .validation-score-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .performance-breakdown {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pillars-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .pillar-card:hover {
    box-shadow: none;
  }

  .idea-takeaways-container {
    background-image: none;
  }

  .idea-takeaways-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .list-takeways {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .idea-takeaways-cell {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    height: 100%;
    padding: 16px;
  }

  .idea-takeaways-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .white-button-copy {
    padding: 14px 16px;
  }

  .report-btns-actual {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .purple-white {
    padding: 14px 16px;
  }

  .purple-white:hover {
    transform: translate(0);
  }

  .bot-trigger {
    width: 48px;
    bottom: 48px;
    left: auto;
    right: 21px;
  }

  .let-s_talk_container-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    padding: 24px;
  }

  .arabic-questions-container-actual {
    min-height: 450px;
  }

  .share-report-div {
    z-index: 6;
  }

  .polygon {
    right: 100px;
  }

  .close-widget {
    top: -48px;
    right: 0;
  }

  .icon-32 {
    width: 24px;
    height: 24px;
  }

  .process-arrow {
    right: -20px;
  }

  .process-arrow.hidetab {
    display: none;
  }

  .icon-56 {
    width: 48px;
    height: 48px;
  }

  .idea-validation-cell {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px;
  }

  .idea-validation-cell.simple:hover {
    background-image: none;
    border-color: #0000;
  }

  .benefits-idea-validation-container {
    padding: 40px var(--_responsive---container--padding-horizontal);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .idea-validation-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 40px 1.25rem;
  }

  .idea-validation-card-home {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 650px;
    padding: 24px;
    display: flex;
  }

  .id-home-container-right {
    width: 100%;
    min-width: 100%;
  }

  .id-home-container-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: center;
  }

  .id-validation-card-left-top {
    justify-content: flex-start;
    align-items: center;
  }

  .cta-arrow {
    width: 28px;
    height: 49.875px;
    top: -26px;
    left: -35px;
  }

  .process-arrow-copy {
    right: -20px;
  }

  .icon-32-copy {
    width: 24px;
    height: 24px;
  }

  .complementary-report.mobile {
    width: 179.969px;
    height: 45.7031px;
    top: -17px;
    left: 10px;
  }

  .embed-code-button {
    position: static;
    top: 8px;
  }

  .embed-code-button.mobile {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .embed-code-guide {
    width: 95%;
  }

  .graphic {
    margin-bottom: -12px;
    display: none;
  }

  .guide-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 30px;
  }

  .div-block-94 {
    width: 40px;
    height: 53.0625px;
  }

  .div-block-95 {
    width: 200px;
    height: 216.953px;
  }

  .embed-button-container {
    display: none;
  }

  .div-block-99-copy {
    margin-top: 20px;
  }

  .image-copy.absolute, .image-copy.contain.desktop {
    display: block;
  }

  .image-copy.checked, .image-copy.cover.top.mobile {
    display: none;
  }

  .image-copy.active {
    width: 100%;
    height: 100%;
  }

  .image-copy.hide-mobile {
    opacity: 0;
  }

  .share-platform-div {
    z-index: 2;
    border-radius: 50px;
  }

  .share {
    z-index: 1;
  }

  .text-20-2 {
    font-size: 16px;
    line-height: 1.5;
  }

  .button-3 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 50px;
    padding: 12px 36px;
  }

  .button-3:hover {
    background-color: #c271ff;
  }

  .button-3.share {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 120px;
    padding: 12px 16px;
  }

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

  .h2-2 {
    font-size: 52px;
  }

  .all-blogs {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
  }

  .nav-div {
    flex-flow: column;
    display: none;
  }

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

  .div-block-2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 89%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    display: flex;
  }

  .links {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .nav-bar {
    z-index: 10;
    background-color: #130f0e;
    border: 1px solid #423f3e;
    border-radius: 50px;
    width: 90%;
    padding: .5rem 1rem;
  }

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

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

  .h1-2 {
    font-size: 3.5rem;
    line-height: .8;
  }

  .h1-2.coolvetica-font {
    letter-spacing: 0;
  }

  .h1-2.coolvetica-font.capital-letter.center {
    font-size: 130px;
  }

  .h1-2.coolvetica-font.capital-letter.center._80 {
    width: 50%;
    font-size: 64px;
  }

  .h1-2.coolvetica-font.capital-letter.blog {
    font-size: 64px;
  }

  .inner-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .menu-button {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
  }

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

  .transfom-img {
    height: 380px;
  }

  .blog-container {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    width: 90%;
    max-width: none;
    padding-top: 0;
    padding-bottom: 64px;
  }

  .div-block-46 {
    z-index: 10;
    background-color: #130f0e;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2rem;
    padding-bottom: 1rem;
    display: flex;
    position: relative;
  }

  .div-block-46.white {
    background-color: #fff;
  }

  .background-video-2 {
    width: 46px;
    height: 46px;
  }

  .text-24-2 {
    font-size: 1.25rem;
  }

  .text-24-2.coolvetica-font.capital-letter.no-wrap {
    font-size: 1.35rem;
  }

  .menu_open {
    position: absolute;
    inset: 0%;
  }

  .menu_open.this {
    display: none;
  }

  .blog-thumbnail {
    border-radius: 1rem;
    height: auto;
  }

  .blog-thumbnail.item {
    border-radius: 1rem;
    height: 250px;
  }

  .footer-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 56px;
    padding-bottom: 32px;
  }

  .email-container {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .newsletter {
    width: 60%;
  }

  .logo-div {
    width: 140px;
    margin-left: 0%;
  }

  .logo-div.w--current {
    width: 140px;
  }

  .logo-div.hide {
    opacity: 0;
  }

  .menu-close_white {
    opacity: 0;
    height: 25px;
  }

  .blog-list-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 0;
    padding-bottom: 64px;
  }

  .button-arrow {
    width: 14px;
    height: 14px;
  }

  .navbar-2 {
    width: 100%;
  }

  .transform-container {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    width: 90%;
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .h5-2 {
    font-size: 22px;
  }

  .text-20-3 {
    font-size: 16px;
    line-height: 1.5;
  }

  .text-20-3._20 {
    max-width: 600px;
  }

  .blog-item-content {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .text-field-2 {
    border-width: 1px;
    border-radius: 50px;
    max-height: 44px;
  }

  .text-field-2::placeholder, .footer-link-2 {
    font-size: 16px;
  }

  .blog {
    z-index: 1;
    border-bottom-width: 0;
  }

  .hover-line {
    display: none;
  }

  .nav-link-2 {
    cursor: pointer;
    text-decoration: none;
  }

  .social-link-block {
    width: 30px;
    height: 24px;
  }

  .menu_open_white {
    position: absolute;
    inset: 0%;
  }

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

  .email-form {
    width: 100%;
    margin-bottom: 0;
  }

  .blog-img-div {
    border-radius: 16px;
    height: 350px;
  }

  .blog-top-section {
    z-index: 3;
    position: relative;
  }

  .blog-buttons {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .button-4 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 50px;
    padding: 12px 36px;
  }

  .button-4:hover {
    background-color: #c271ff;
  }

  .button-4.share {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 120px;
    padding: 12px 16px;
  }

  .button-4.simple {
    border-width: 1px;
  }

  .button-4.desktop, .button-4.link-copied-popup {
    display: none;
  }

  .button-4.view-alll, .button-4.simple-animation {
    border-width: 1px;
  }

  .button-4.simple-animation:hover {
    background-color: #fff;
  }

  .h6 {
    font-size: 1.5rem;
  }

  .top {
    width: 48px;
    height: 48px;
  }

  .menu-close {
    opacity: 0;
    height: 25px;
  }

  .menu-close.this {
    display: none;
  }

  .h3-2 {
    font-size: 40px;
  }

  .share-btn-2 {
    width: 22px;
    height: 22px;
  }

  .nav-container-2 {
    z-index: 2;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .page_wrapper {
    padding-top: 0;
  }

  .form-container-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .share-platform-div-2 {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 50px;
  }

  .nav-bar-menu {
    z-index: 9;
    color: #130f0e;
    background-color: #130f0e;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100dvh;
    margin-top: 100px;
    display: flex;
    position: absolute;
    inset: 0%;
    transform: translate(0, -305vw);
  }

  .nav-bar-menu.white {
    background-color: #fff;
    transform: translate(0, -305vw);
  }

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

  .text-18-3 {
    font-size: 16px;
  }

  .h4-2 {
    letter-spacing: 1px;
    font-size: 24px;
  }

  .h4-2.coolvetica-font.capital-letter.title {
    font-size: 34px;
  }

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

@media screen and (max-width: 767px) {
  body {
    --_responsive---container--padding-vertical: 6rem;
    --_responsive---font-size--h2: 28px;
    --_responsive---container--padding-horizontal: 20px;
    --_responsive---font-size--text-18: 16px;
    --_responsive---font-size--text-16: 14px;
    --_responsive---font-size--text-14: 14px;
    --_responsive---font-size--h1: 34px;
    --_responsive---font-size--h3: 24px;
    --_responsive---font-size--h4: 20px;
    --_responsive---font-size--h5: 20px;
    --_responsive---font-size--text-24: 16px;
    --_responsive---font-size--text-22: 16px;
    --_responsive---font-size--text-20: 16px;
  }

  .hero-section {
    padding-top: 3.7rem;
  }

  .hero-container {
    width: 92%;
  }

  .navbar {
    transform: translate(0, -18vw);
  }

  .brand {
    padding-left: 0;
  }

  .button, .button.get-started {
    padding-left: 52px;
    padding-right: 52px;
  }

  .button.get-started.hide {
    display: none;
  }

  .button.hire-us, .button.hire-us-copy, .button.next {
    padding-left: 52px;
    padding-right: 52px;
  }

  .button.next.next-btn-actual {
    width: 119px;
    padding-left: 0;
    padding-right: 0;
  }

  .button.simple-btn.this {
    padding-left: 28px;
    padding-right: 28px;
  }

  .button.simple-btn.this.skip-btn-actual, .button.simple-btn.back-btn-actual {
    width: 119px;
    padding-left: 0;
    padding-right: 0;
  }

  .button.get-started-copy {
    padding-left: 52px;
    padding-right: 52px;
  }

  .button.embed {
    max-width: none;
    margin-right: 0;
    padding: 12px 24px;
  }

  .button.copy {
    padding-left: 52px;
    padding-right: 52px;
  }

  .button.copy._100 {
    width: 100%;
    margin-right: 0;
  }

  .button.validate-idea, .button.validate-idea-copy {
    width: 200px;
  }

  .button.validate-idea-copy.this {
    width: 100%;
  }

  .button.share {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav {
    width: 99%;
  }

  .text-18.center.grey.language-select-subheadline {
    font-size: 16px;
  }

  .text-18._500.progress-percentage-display {
    font-size: 1rem;
  }

  .text-18.grey._500.mobile.center-text-mobile {
    text-align: center;
  }

  .text-16._500.center.dark-purple.benefit1-text, .text-16._500.center.dark-purple.benefit2-text, .text-16._500.center.dark-purple.benefit3-text {
    font-size: 15px;
  }

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

  .h4.form {
    font-size: 24px;
  }

  .hero-buttons {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .tag.hero {
    padding: 4px 12px;
  }

  .solution-head {
    width: 100%;
  }

  .solution-head.this {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .solution-head.this.center {
    width: 100%;
  }

  .solution-head.process-copy {
    flex-flow: wrap;
    padding-right: 0;
  }

  .services-category.mobile {
    overflow: hidden;
  }

  .service-card {
    height: 196.375px;
  }

  .features {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .feat {
    padding: 4px 8px;
  }

  .curosal-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .clinet-logo {
    width: 80px;
    height: 80px;
  }

  .porfolio {
    height: 100vh;
  }

  .portfolio-container {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

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

  .portfolio-img {
    width: 94px;
    height: 204px;
  }

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

  .text-22._500.top-strengths-headline, .text-22._500.top-areas-for-growth-headline {
    font-size: 1.125rem;
  }

  .text-22._500.this {
    font-size: 18px;
  }

  .tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }

  .tab-pane {
    border-top-right-radius: 0;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }

  .text-24.center._500._50.language-select-headline {
    font-size: 22px;
  }

  .get-started-content {
    width: 80%;
  }

  .testimonial-card._1 {
    top: 19%;
  }

  .testimonial-card._2 {
    top: 28%;
  }

  .testimonial-card._3 {
    top: 37%;
  }

  .testimonial-card._4 {
    top: 46%;
  }

  .testimonial-card._5 {
    top: 55%;
  }

  .company-logo.dental-copy {
    height: 1.75rem;
  }

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

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

  .steps-info {
    width: 100%;
  }

  .step-no {
    top: -45%;
  }

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

  .div-block-4.this {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .consultation-form {
    width: 94%;
  }

  .close-btn {
    top: 20px;
    right: 20px;
  }

  .form-field.hide {
    display: none;
  }

  .check {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 6px;
  }

  .submit-btn {
    background-color: #4c3384;
    width: 100%;
    padding: 14px;
  }

  .checkbox-field {
    padding-top: 3px;
  }

  .checkbox {
    width: 30px;
    height: 30px;
  }

  .success-message {
    width: 90%;
  }

  .form-container-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    overflow: auto;
  }

  .form-container-div.fix-height {
    height: 340px;
  }

  .submit-btn-div {
    background-color: #0000;
    border-radius: .75rem;
    width: 100%;
  }

  .webflow-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .webflow-form.this {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .contact-information {
    flex-flow: column;
  }

  .post-thumbnail {
    height: 180px;
  }

  .post-cards {
    flex-flow: column;
    display: flex;
  }

  .post-cards.desktop {
    display: none;
  }

  .post-content {
    width: 93%;
  }

  .mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .slide {
    width: 50%;
  }

  .button-mobile {
    padding-left: 52px;
    padding-right: 52px;
  }

  .testimonial-slide {
    width: 100%;
  }

  .post-slider {
    width: 70%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .mask-3 {
    padding-bottom: 10px;
  }

  .navbar-links {
    width: 100%;
  }

  .navlink {
    width: 99%;
  }

  .jum-to-top {
    z-index: 999;
  }

  .post-cards-this {
    flex-flow: column;
    display: flex;
  }

  .post-cards-this.desktop {
    display: none;
  }

  .post-content-this {
    width: 93%;
  }

  .post-thumbnail-this {
    border-radius: 12px;
    height: 180px;
  }

  .details-header {
    width: 100%;
  }

  .thumnail {
    height: 280px;
  }

  .thumnail.content-image {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .view-all {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .contact-us-container {
    grid-template-columns: auto;
  }

  .checkbox-field-2.this {
    padding: 5px;
  }

  .checkbox-2 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .contact-con {
    display: none;
  }

  .hero-service-container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .service-hero-left {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: center;
    align-items: center;
  }

  .service-inner {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
  }

  .service-inner.work {
    justify-content: flex-start;
    align-items: center;
  }

  .service-hero-wrapper {
    padding-top: .5rem;
  }

  .benefit-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
  }

  .benefits-head {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .benefits-icon {
    border-radius: 50px;
    box-shadow: 2px 2px 4px #0000001a;
  }

  .benefits_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image-purple {
    display: none;
  }

  .tech-stack {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .tech-stack-row {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: wrap;
  }

  .container-stack.aws {
    width: 51.1875px;
    max-width: 51.1875px;
  }

  .solution-head2 {
    width: 100%;
  }

  .vision-container2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .steps-divs {
    display: flex;
  }

  .steps-divs.this {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .steps-div-new {
    width: 2.25rem;
    min-width: 2.25rem;
  }

  .step-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .step-details.this {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .stacks-img {
    width: 70vw;
    height: 70vw;
  }

  .faq-question {
    align-items: center;
  }

  .question-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    width: 91%;
  }

  .project_image._1 {
    top: 140px;
  }

  .project_image._2, .project_image._3 {
    top: 160px;
  }

  .casestudy_grid {
    flex-flow: column;
    display: flex;
  }

  .casestudy_grid.desktop {
    display: none;
  }

  .casestudy_card.this._1.sticky {
    z-index: 2;
  }

  .casestudy_card.this._2.sticky {
    z-index: 3;
  }

  .casestudy_card.this._3.sticky {
    z-index: 4;
  }

  .casestudy_card.this.sticky {
    z-index: 1;
    position: sticky;
    top: 40px;
  }

  .casestudy_card.this._4.sticky {
    z-index: 5;
  }

  .casestudy_card.this._5.sticky {
    z-index: 6;
  }

  .let-s_talk_container {
    justify-content: flex-start;
    align-items: center;
    padding: 20px 16px;
  }

  .let-talk-content {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .white-button {
    padding-left: 52px;
    padding-right: 52px;
  }

  .glass-div {
    height: 100px;
  }

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

  .casestudy-slide {
    width: 70%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .arrow-down {
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
  }

  .snapshot-img.padding-20 {
    display: none;
  }

  .marketing-services {
    height: 100%;
  }

  .marketing_service_container {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .marketing-grid, .marketing-grid.mobile {
    width: 100%;
  }

  .milestone_grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .worth_sharing_bottom {
    height: 149px;
  }

  .grid-2 {
    padding: 5px;
  }

  .article-tab-menu {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: wrap;
  }

  .hero-work-container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .work-container {
    height: 300px;
    display: none;
  }

  .casestudy-card-thumbnail-copy {
    height: 200px;
  }

  .swiper-slide {
    width: 270px;
    height: 270px;
  }

  .swiper-nav-btn.prev {
    width: 70px;
    left: 35%;
  }

  .swiper-nav-btn.next {
    width: 70px;
    right: 35%;
  }

  .portfolio-cards_container {
    position: relative;
  }

  .portfolio-grid {
    flex-flow: column;
    display: flex;
  }

  .hero-casestudy_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .casestudy-hero-head {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .service-inner-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
  }

  .thumbnail-tags {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: none;
    top: 8px;
    right: 14px;
  }

  .tag-info {
    padding: 4px 8px;
  }

  .website-stack.this {
    width: 100%;
  }

  .website-detail-thumbnail {
    width: 100%;
    height: 294px;
  }

  .outcome-box {
    padding: 1.25rem .75rem;
  }

  .website-outcomes {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .controls {
    padding-bottom: 15px;
  }

  .solution_container {
    flex-flow: column;
  }

  .achivements {
    flex-flow: column;
    display: flex;
  }

  .improvements_grid, .grid-3-copy {
    flex-flow: column;
  }

  .achivements-copy {
    flex-flow: column;
    display: flex;
  }

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

  .simple-button {
    padding-left: 52px;
    padding-right: 52px;
  }

  .button-2.link-copied-popup {
    width: 30%;
  }

  .icon-24 {
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
  }

  .ai-service-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 14px;
  }

  .ai-card-content {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .ai-showcase {
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .second-opinion-video-2 {
    height: 62vw;
  }

  .ad-service-cards {
    grid-template-columns: 1fr 1fr;
  }

  .ad-card-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .ad-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px 16px 16px;
  }

  .in-list {
    padding-left: 60px;
  }

  .table-container {
    width: 800px;
  }

  .tags-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 95%;
  }

  .table-wrapper {
    width: 100%;
    overflow: auto;
  }

  .hero-service-container-tool {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding: 30px 12px 24px;
    display: flex;
  }

  .cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding: 12px;
  }

  .hero-head {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
  }

  .tags-con {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: wrap;
  }

  .side-image {
    width: 80px;
    height: 72.4688px;
  }

  .bot-content-actual {
    padding: 4px;
  }

  .bot-content-actual.bot-content {
    padding: 0;
  }

  .bot-header {
    padding-left: 14px;
    padding-right: 14px;
  }

  .language-selection-page-actual {
    width: 100%;
    padding-top: 24px;
  }

  .language-selection-page-actual.tool-first-screen {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto;
  }

  .bulb-ico {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .tool-first-screen-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .tool-first-screen-top {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .tool-first-screen-mid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    display: grid;
  }

  .tool-intro-cell {
    flex-flow: row;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .icon-20 {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
  }

  .english-questions-container-actual {
    width: 100%;
    min-height: 530px;
  }

  .english-questions-container-actual.questions-container {
    min-height: auto;
    padding-top: 20px;
    overflow: auto;
  }

  .tool-progress-bar {
    padding-left: 0;
    padding-right: 0;
  }

  .progress-bar-bg, .pillar-progress-fill {
    height: 10px;
    min-height: 10px;
  }

  .question-progress-text {
    justify-content: space-between;
    width: 100%;
  }

  .question-category {
    padding-left: 14px;
    padding-right: 14px;
  }

  .question-detail {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: wrap;
  }

  .simplify-question-btn-actual.simplify-question-btn {
    display: flex;
  }

  .question-div-top {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-buttons-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center stretch;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .option-button {
    width: 100%;
    min-width: auto;
    max-width: none;
    padding: 12px;
  }

  .scale-labels-actual {
    padding-left: 0;
    padding-right: 0;
  }

  .tool-top-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
    padding-left: 14px;
    padding-right: 14px;
  }

  .idea-validator {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .analyze-report-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .loading-page-actual {
    width: 100%;
    min-height: 420px;
    padding-top: 24px;
  }

  .loading-page-actual.loading-container {
    min-height: auto;
    overflow: auto;
  }

  .report-loader {
    width: 140px;
    min-width: 140px;
    height: 140px;
    min-height: 140px;
  }

  .overall-score-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .validation-score-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-top: 24px;
  }

  .validation-score-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .validation-score-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
  }

  .performance-breakdown {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 20px 14px 14px;
  }

  .report-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .icon-40 {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

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

  .pillar-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 10px;
  }

  .pillar-cell-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .next-steps-card {
    padding: 14px;
  }

  .next-steps-info {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 10px;
  }

  .idea-takeaways-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .idea-takeaways-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
    place-items: center;
  }

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

  .idea-takeaways-cell {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    height: 100%;
  }

  .key-takeaways-card {
    padding: 14px 14px 10px;
  }

  .report-btns-actual {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
  }

  .purple-white {
    width: 100%;
  }

  .bot-trigger {
    left: auto;
    right: 16px;
  }

  .bot-trigger.open-modal {
    z-index: 1000;
  }

  .let-s_talk_container-copy {
    justify-content: center;
    align-items: center;
    padding: 20px 16px;
  }

  .pillar-progress-bg, .progress-bar-fill-actual {
    height: 10px;
    min-height: 10px;
  }

  .arabic-questions-container-actual {
    width: 100%;
    min-height: 530px;
  }

  .arabic-questions-container-actual.questions-container {
    min-height: auto;
    overflow: auto;
  }

  .bottom-btns-actual {
    flex-flow: wrap;
    display: flex;
  }

  .share-report-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

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

  .share-repotr-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    display: flex;
  }

  .close-widget {
    width: 32px;
    height: 32px;
  }

  .benefits-idea-validation-grid {
    grid-template-columns: 1fr 1fr;
  }

  .benefits-idea-validation-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .idea-validation-card-home {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .id-home-container-right {
    width: 100%;
    min-width: 100%;
    height: auto;
  }

  .id-home-container-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .id-validation-card-left-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .process-arrow-copy.hide-here {
    display: none;
  }

  .complementary-report.mobile {
    width: 150px;
    height: 38.0938px;
    top: -12px;
    left: -14px;
  }

  .embed-code-button {
    position: static;
  }

  .embed-code-guide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 12px;
    display: flex;
  }

  .graphic {
    display: none;
  }

  .guide-left {
    background-image: url('../images/Frame-1686556619.svg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 123px;
    padding-top: 5px;
  }

  .guide-right {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .guide-head, .guide-left-theme, .div-block-96 {
    display: none;
  }

  .embed-text {
    font-size: 28px;
    font-weight: 500;
    display: block;
  }

  .close-widget-copy {
    width: 32px;
    height: 32px;
  }

  .share-lclose-btn, .share-btn-platform, .whatsapp-share {
    width: 24px;
    height: 24px;
  }

  .button-3.share {
    padding: 12px 16px;
  }

  .h2-2.coolvetica-font.capital-letter.center-mobile {
    text-align: center;
  }

  .share-btn-platform-2 {
    width: 24px;
    height: 24px;
  }

  .all-blogs {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .h1-2 {
    font-size: 48px;
  }

  .h1-2.coolvetica-font.capital-letter.center {
    font-size: 105px;
  }

  .h1-2.coolvetica-font.capital-letter.center._80 {
    font-size: 56px;
  }

  .h1-2.coolvetica-font.capital-letter.blog {
    font-size: 48px;
  }

  .inner-footer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .transfom-img {
    margin-top: -17%;
  }

  .blog-container {
    width: 90%;
  }

  .blog-thumbnail {
    height: 250px;
  }

  .blog-thumbnail.item {
    height: 270px;
  }

  .newsletter {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .blog-d {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
  }

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

  .share-lclose-btn-2 {
    width: 24px;
    height: 24px;
  }

  .text-20-3.coolvetica-font {
    font-size: 18px;
  }

  .text-20-3._20 {
    width: 100%;
    max-width: none;
  }

  .text-20-3._20.center-mobile {
    text-align: center;
  }

  .text-field-2 {
    width: 100%;
  }

  .whatsapp-share-2 {
    width: 24px;
    height: 24px;
  }

  .blog-img-div {
    height: 300px;
  }

  .button-4.share {
    padding: 12px 16px;
  }

  .button-4.link-copied-popup {
    display: none;
  }

  .button-4.view-alll {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .share-btn-2 {
    width: 24px;
    height: 24px;
  }

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

@media screen and (max-width: 479px) {
  body {
    --_responsive---container--padding-vertical: 6rem;
    --_responsive---font-size--h2: 28px;
    --_responsive---container--padding-horizontal: 14px;
    --_responsive---font-size--text-18: 16px;
    --_responsive---font-size--text-16: 14px;
    --_responsive---font-size--text-14: 14px;
    --_responsive---font-size--h1: 34px;
    --_responsive---font-size--h3: 24px;
    --_responsive---font-size--h4: 20px;
    --_responsive---font-size--h5: 20px;
    --_responsive---font-size--text-24: 16px;
    --_responsive---font-size--text-22: 16px;
    --_responsive---font-size--text-20: 16px;
  }

  .navbar {
    transform: translate(0, -60vw);
  }

  .button.get-started.hide {
    display: none;
  }

  .button.get-started.padding {
    padding-left: 48px;
    padding-right: 48px;
  }

  .button.next.next-btn-actual {
    min-width: 119px;
    padding-left: 0;
    padding-right: 0;
  }

  .button.simple-btn.this {
    padding-left: 24px;
  }

  .button.simple-btn.this.skip-btn-actual {
    min-width: 119px;
    padding-left: 0;
    padding-right: 0;
  }

  .button.simple-btn.back-btn-actual {
    width: auto;
    min-width: 119px;
    padding-left: 0;
    padding-right: 0;
  }

  .button.get-started-copy {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .button.validate-idea, .button.validate-idea-copy {
    padding-left: 32px;
    padding-right: 32px;
  }

  .nav {
    width: 98.5%;
  }

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

  .text-18.form-label {
    font-size: 16px;
  }

  .text-16._500, .text-16._500.dark-purple {
    font-size: 14px;
  }

  .text-16.light-text.dark-purple {
    color: var(--swatch--dark-purple);
  }

  .text-16.light-purple-text {
    font-size: 14px;
  }

  .text-16.mobile {
    justify-content: flex-start;
    align-items: center;
  }

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

  .h3.sticky {
    position: sticky;
    top: 1rem;
  }

  .h4.form {
    max-width: 15ch;
  }

  .h5._600._94.mobile-100, .h5._600._80.mobile-100 {
    width: 100%;
  }

  .image.cover.top {
    border-radius: 1rem;
    display: none;
  }

  .image.cover.top.mobile {
    display: block;
  }

  .image.cover.align-top {
    display: none;
  }

  .image.hide {
    display: block;
  }

  .trusted-by {
    padding-right: 10px;
  }

  .hero-top {
    width: 250px;
    padding: .5rem;
  }

  .side-img {
    z-index: 1;
  }

  .header-top {
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 0;
  }

  .grid-cells {
    display: none;
  }

  .overflow-hd.mobile-stick {
    position: sticky;
    top: 40px;
  }

  .tag.hero {
    z-index: 1;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
  }

  .solution-head.this.center {
    width: 93%;
  }

  .solution-head.process-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .solution-head.sticky {
    position: sticky;
    top: 40px;
  }

  .service-card {
    height: 200px;
  }

  .service-card.this {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
  }

  .service-info {
    justify-content: space-between;
    height: 100%;
  }

  .clinets-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .curosal-container {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .clinet-logo {
    width: 90px;
    height: 90px;
  }

  .tab-link {
    padding: 10px 8px;
  }

  .text-22 {
    font-size: 13px;
  }

  .text-22._500 {
    font-size: 13.5px;
  }

  .text-22._500.top-strengths-headline, .text-22._500.top-areas-for-growth-headline {
    font-size: 1rem;
  }

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

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

  .bullet {
    margin-top: 6px;
  }

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

  .text-24._600.this {
    font-size: 18px;
  }

  .text-24._500.question-display-text, .text-24._500.simplified-question-output {
    font-size: 16px;
  }

  .text-24.center._500._50 {
    width: 100%;
  }

  .linear-gradient {
    background-image: linear-gradient(-90deg, #fff 25%, #0000 30%), linear-gradient(90deg, #fff 25%, #0000 30%);
  }

  .get-started-content {
    width: 90%;
  }

  .testimonials {
    position: relative;
  }

  .test-head {
    justify-content: space-between;
    align-items: flex-start;
  }

  .company-logo.dental {
    height: 1.2rem;
  }

  .company-logo.dental-copy {
    height: 1.35rem;
  }

  .results-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .results-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .result-card {
    padding-left: 10px;
  }

  .text-20.dark-purple.capital-letter._700 {
    font-size: 14px;
  }

  .inner-content {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .steps-info {
    padding: 14px 8px;
  }

  .step-no {
    width: 45px;
    height: 45px;
    top: -57%;
  }

  .div-block-4.this {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .container-2 {
    max-width: none;
  }

  .footer-social-block {
    justify-content: space-between;
    align-items: center;
  }

  .consultation-form {
    padding-left: 18px;
    padding-right: 18px;
  }

  .consultation-form.this {
    padding: 16px 14px;
  }

  .close-btn {
    top: 15px;
    right: 10px;
  }

  .form-container {
    z-index: 9999;
  }

  .fields-div, .fields-div.this-grid {
    display: flex;
  }

  .form-field {
    grid-column-gap: .45rem;
    grid-row-gap: .45rem;
  }

  .check {
    padding-top: 10px;
  }

  .check.this {
    padding-top: 0;
  }

  .checkbox {
    min-width: 30px;
  }

  .checkbox.w--redirected-checked {
    background-size: contain;
    min-width: 30px;
  }

  .success-message {
    width: 100%;
  }

  .success-message-icon {
    width: 70px;
    height: 70px;
  }

  .form-container-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .form-container-div.this {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .webflow-form {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .post-cards {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .slider {
    width: 100%;
  }

  .slide {
    width: 50%;
  }

  .button-mobile._100 {
    width: 100%;
  }

  .testimonial-slide {
    width: 100%;
    height: 100%;
    margin-right: 12px;
  }

  .post-slider {
    width: 85%;
  }

  .menu-btn.desktop {
    width: 46px;
    height: 46px;
  }

  .navbar-links {
    width: 99%;
  }

  .navlink {
    width: 98.5%;
  }

  .menu-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .jum-to-top {
    width: 60px;
    height: 60px;
    bottom: 450px;
    right: 10px;
  }

  .blog-top {
    width: auto;
  }

  .blog-top.no-link {
    text-decoration: none;
  }

  .blog-top-container {
    width: auto;
    padding-top: 8rem;
    padding-left: 24px;
    padding-right: 24px;
  }

  .read-more {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .details-header {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .minor-details {
    flex-flow: wrap;
  }

  .thumnail {
    height: 220px;
  }

  .post-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .view-all {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .list {
    margin-top: 10px;
    padding-left: 20px;
  }

  .list-2, .list-3, .list-4, .list-5, .list-6, .list-7 {
    padding-left: 20px;
  }

  .privacy-policy, .contact-us {
    padding-top: 8rem;
  }

  .contact-form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 14px;
  }

  .checkboxes {
    grid-column-gap: .5rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .checkbox-field-2.this {
    height: 100%;
    padding: .5rem 3px;
  }

  .service-inner {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    width: 100%;
  }

  .services-dos.ai {
    grid-template-columns: 1fr;
  }

  .services-dos.this {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .do-s {
    z-index: 1;
    height: 100%;
    position: relative;
  }

  .do-s-container {
    height: 100%;
    position: relative;
  }

  .stack-container.tag-content-wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tech-stack {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    padding-left: .65rem;
    padding-right: .65rem;
  }

  .tech-stack.border {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .tech-stack-row {
    justify-content: center;
    align-items: center;
  }

  .tech-stack-row.this-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .steps-divs.this.mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .step-details {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    padding: 1rem .75rem;
  }

  .step-details.this {
    padding: .75rem;
  }

  .step-content.this {
    padding-top: .5rem;
  }

  .contents-copy {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .stacks-img {
    width: 90vw;
    height: 90vw;
  }

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

  .pendulum {
    right: 12px;
  }

  .project_image {
    box-shadow: none;
    height: 268px;
  }

  .white-button {
    padding-left: 64px;
    padding-right: 64px;
  }

  .glass-div {
    height: 60px;
    display: none;
  }

  .casestudy-slide {
    width: 100%;
  }

  .step-trigger {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .step-left {
    grid-column-gap: .65rem;
    grid-row-gap: .65rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .m_service {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .m_service_details {
    padding-bottom: .75rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .hover-accordion {
    top: 170px;
  }

  .absolute-img {
    width: 60px;
    height: 60px;
  }

  .milestones_client_container {
    position: relative;
  }

  .milestone_grid {
    display: flex;
  }

  .worth_sharing_card {
    width: 100%;
    position: sticky;
    top: 150px;
  }

  .inner-container {
    width: 100%;
  }

  .worth_sharing_details {
    flex-flow: row;
  }

  .worth_sharing_bottom {
    height: 200px;
  }

  .article-tab-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .artcile-tab {
    padding: 12px;
  }

  .casestudy_card-details-copy {
    padding-bottom: .5rem;
    padding-left: .5rem;
  }

  .swiper-nav-btn.prev {
    left: 40%;
  }

  .swiper-nav-btn.next {
    right: 40%;
  }

  .service-inner-copy {
    width: 88%;
  }

  .website-detail-thumbnail {
    height: auto;
  }

  .outcome-box {
    padding: 1rem .25rem;
  }

  .improvement_left {
    width: auto;
  }

  .solutions_list {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .achivements-copy {
    position: relative;
  }

  .achievments_grid {
    flex-flow: column;
    display: flex;
  }

  .achievement_cell, .achievement_cell_2 {
    height: 152.797px;
    position: sticky;
    top: 68px;
  }

  .header-social-icons {
    padding-right: 10px;
  }

  .button-2.link-copied-popup {
    width: 44%;
  }

  .icon-24 {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }

  .ai-service-card {
    z-index: 1;
    position: sticky;
    top: 170px;
  }

  .ai-showcase {
    padding-top: 20px;
  }

  .second-opinion-video-2 {
    height: 60vw;
  }

  .ad-service-cards {
    grid-template-columns: 1fr;
  }

  .ad-card {
    z-index: 1;
    position: sticky;
    top: 165px;
  }

  .in-list {
    padding-left: 40px;
  }

  .table-container {
    width: 700px;
  }

  .table-cell-div {
    padding: 6px;
  }

  .hero-service-container-tool {
    padding: 24px 10px 12px;
  }

  .hero-head {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    width: 100%;
  }

  .tags-con {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 94%;
  }

  .bot-header, .tool-first-screen-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .tool-first-screen-mid {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .tool-intro-cell {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 6px;
  }

  .question-progress-text {
    justify-content: space-between;
    width: 100%;
  }

  .question-category {
    padding: 4px 10px;
  }

  .simplify-question-btn-actual.simplify-question-btn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-buttons-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .option-button {
    width: 100%;
    padding: 12px;
  }

  .analyze-report-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .bot-window {
    width: 100%;
  }

  .overall-score-card {
    padding: 20px 12px 12px;
  }

  .validation-score-container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding: 0;
  }

  .validation-score-div {
    border: 1px solid var(--swatch--light-purple);
    padding: 22px 10px 10px;
  }

  .validation-score-info {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .performance-breakdown {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .report-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .icon-40 {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .pillar-card {
    padding: 10px;
  }

  .pillar-cell-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .area-to-improve {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pillar-progress-bar {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .pillar-info-div {
    padding: 8px;
  }

  .good-potiential, .strength {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .strength-div {
    padding: 5px;
  }

  .good-potiential-div {
    padding: 8px;
  }

  .next-steps-card {
    padding: 20px 12px 12px;
  }

  .idea-takeaways-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .idea-takeaways-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .idea-takeaways-cell {
    width: 100%;
    max-width: none;
    padding: 14px;
  }

  .key-takeaways-card {
    padding: 20px 12px 12px;
  }

  .white-button-copy, .purple-white {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bot-trigger {
    z-index: 2;
  }

  .let-s_talk_container-copy {
    justify-content: center;
  }

  .scale-buttons-container-actual.options-container.scale-buttons-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .area-improve {
    padding: 8px;
  }

  .share-report-div {
    min-width: 322px;
  }

  .polygon {
    right: 60px;
  }

  .report-share-form {
    margin-top: -3px;
  }

  .form-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .icon-32 {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
  }

  .icon-32.transfomr {
    transform: rotate(90deg);
  }

  .process-arrow {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 44px;
    padding: 0;
    display: flex;
    inset: auto 20px -26px auto;
    transform: translate3d(0, 0, 90px);
  }

  .process-arrow.purple {
    transform: rotate(0);
  }

  .process-arrow.hidetab {
    display: flex;
  }

  .benefits-idea-validation-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    display: flex;
  }

  .icon-56 {
    width: 36px;
    height: 36px;
  }

  .icon-56.simple {
    background-color: #e5dcf7;
  }

  .idea-validation-cell {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 16px;
  }

  .idea-validation-cell.simple, .idea-validation-cell.simple:hover {
    background-image: linear-gradient(132deg, #e5dcf77a, #fffc);
    border-color: #e5dcf7;
  }

  .benefits-idea-validation-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .idea-validation-card-home {
    padding-left: 16px;
    padding-right: 16px;
  }

  .id-validation-card-left-bottom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .validation-step {
    padding: 18px 14px;
  }

  .cta-arrow {
    left: -28px;
  }

  .process-arrow-copy {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    inset: auto -15px auto auto;
    transform: translate3d(0, 0, 90px);
  }

  .icon-32-copy {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
  }

  .complementary-report.mobile {
    width: 100px;
    height: 25.3906px;
    top: -8px;
  }

  .embed-code-guide {
    z-index: 1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
  }

  .guide-left {
    background-position: 50% 100%;
  }

  .guide-right {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-bottom: 0;
  }

  .top-article-thumbnail-copy {
    width: 100%;
    height: auto;
  }

  .image-copy.cover.top {
    border-radius: 1rem;
    display: none;
  }

  .image-copy.cover.top.mobile {
    display: block;
  }

  .button-3 {
    padding: 8px 26px;
  }

  .button-3.share {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: 110px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

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

  .blog-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .h1-2 {
    font-size: 44px;
  }

  .h1-2.coolvetica-font.capital-letter.center {
    font-size: 80px;
  }

  .h1-2.coolvetica-font.capital-letter.center._80 {
    width: 100%;
  }

  .h1-2.coolvetica-font.capital-letter.blog {
    font-size: 40px;
  }

  .transfom-img {
    margin-top: -21%;
  }

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

  .div-block-46.white {
    background-color: #fff;
  }

  .menu_open.this {
    display: none;
  }

  .blog-thumbnail.item {
    height: 250px;
  }

  .footer-container {
    padding-bottom: 48px;
  }

  .logo-div, .logo-div.w--current {
    width: 120px;
  }

  .blog-d {
    padding-right: .3rem;
  }

  .blog-list-container {
    padding-bottom: 24px;
  }

  .transform-container {
    width: 90%;
  }

  .h5-2 {
    font-size: 22px;
  }

  .blog-category {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .blog-img-div {
    height: 250px;
  }

  .blog-buttons {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .button-4 {
    padding: 8px 26px;
  }

  .button-4.share {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: 110px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .h6 {
    font-size: 1.25rem;
  }

  .flex-category {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .menu-close.this {
    display: none;
  }

  .h3-2 {
    font-size: 30px;
  }

  .share-btn-2 {
    width: 20px;
    height: 20px;
  }

  .form-container-2 {
    flex-flow: column;
  }

  .share-platform-div-2.bottom {
    left: -139%;
  }

  .text-18-3 {
    font-size: 14px;
  }

  .text-18-3.darkgrey.footer {
    text-align: center;
  }

  .h4-2.coolvetica-font.capital-letter.title {
    font-size: 30px;
  }
}

#w-node-_33367f19-f6a8-55af-8df9-63c751a4e124-d920df25 {
  align-self: start;
}

#w-node-_24aeccd1-6e59-ffc9-5432-0d3c45242043-d920df25 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_24aeccd1-6e59-ffc9-5432-0d3c45242072-d920df25 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_24aeccd1-6e59-ffc9-5432-0d3c4524208a-d920df25 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_24aeccd1-6e59-ffc9-5432-0d3c452420b8-d920df25, #w-node-e13cb06a-9eb3-5709-d07c-3ab5a58ef505-d920df25 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-f8d9aa0c-b37e-b0db-0b77-c875e73a1a76-d920df25 {
  align-self: end;
}

#w-node-_49846cab-e987-b4e5-4e4c-ff1fe0d574ab-d920df25, #w-node-_36e5520f-5238-bf82-518d-c275bd781f2f-bd781f16, #w-node-_36e5520f-5238-bf82-518d-c275bd781f38-bd781f16, #w-node-_36e5520f-5238-bf82-518d-c275bd781f43-bd781f16, #w-node-_36e5520f-5238-bf82-518d-c275bd781f4e-bd781f16, #w-node-dd878333-dcc1-2dec-d469-0f3c29a62140-bd781f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d938ff2-b528-cc2f-7f41-5dea8a11c61d-f12dbce1, #w-node-_251e337a-f9c5-c955-0561-901c4e2d4526-f12dbce1, #w-node-_114cc8f0-19d8-c381-d527-ea05a5f7a14c-a21a3c7f {
  align-self: start;
}

#w-node-e9801b34-a065-9c64-f6c9-8ca912878b48-12878b3c, #w-node-e9801b34-a065-9c64-f6c9-8ca912878b4d-12878b3c, #w-node-e9801b34-a065-9c64-f6c9-8ca912878c70-12878b3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ca2b680-d30f-71ee-1033-ca33e3f4743c-2b260845, #w-node-_754c6897-c0ec-d754-e04b-651cee152f88-27e9e5b0 {
  justify-self: end;
}

#w-node-c3b26204-a16e-c32a-8d9a-d7c9c3ccd3ce-27e9e5b0, #w-node-_88d6cd38-ab2d-79a3-6903-8566db426646-27e9e5b0, #w-node-a660ddcd-0fe0-c133-eca3-6afbe41637b6-27e9e5b0, #w-node-_826b600d-da16-7587-68c2-0788ea963a04-27e9e5b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_754c6897-c0ec-d754-e04b-651cee152f88-f5082f20 {
  justify-self: end;
}

#w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72cfc6-54e4d7db, #w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72cfe6-54e4d7db {
  align-self: end;
}

#w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72d05f-54e4d7db {
  align-self: start;
}

#w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72d07e-54e4d7db {
  place-self: start end;
}

#w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72d080-54e4d7db {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_774ba0b2-dc61-6a9b-57eb-87f3050dba4e-ab031e49, #w-node-b4728d7f-ca14-7fce-2e43-cf31b391fcca-ab031e49 {
  align-self: end;
}

#w-node-_9e30defd-bd38-c6cc-4468-a48de2a64100-ab031e49 {
  align-self: start;
}

#w-node-_317b4e76-446a-6d83-c83a-d6f88580f5de-ab031e49 {
  place-self: start end;
}

#w-node-_317b4e76-446a-6d83-c83a-d6f88580f5e0-ab031e49 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_09e70fe6-d324-cd76-626f-e0fefb0bfbe4-6f73948b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_754c6897-c0ec-d754-e04b-651cee152f88-6f73948b {
  justify-self: end;
}

#w-node-c3b26204-a16e-c32a-8d9a-d7c9c3ccd3ce-6f73948b, #w-node-_88d6cd38-ab2d-79a3-6903-8566db426646-6f73948b, #w-node-a660ddcd-0fe0-c133-eca3-6afbe41637b6-6f73948b, #w-node-_826b600d-da16-7587-68c2-0788ea963a04-6f73948b, #w-node-_580160ca-a50f-c7eb-f74a-120956988241-6f73948b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_774ba0b2-dc61-6a9b-57eb-87f3050dba4e-7011b985 {
  place-self: end;
}

#w-node-b4728d7f-ca14-7fce-2e43-cf31b391fcca-7011b985 {
  align-self: end;
}

#w-node-_9e30defd-bd38-c6cc-4468-a48de2a64100-7011b985 {
  align-self: start;
}

#w-node-_754c6897-c0ec-d754-e04b-651cee152f88-d48d9324, #w-node-_754c6897-c0ec-d754-e04b-651cee152f88-a7e26e75 {
  justify-self: end;
}

#w-node-_09e70fe6-d324-cd76-626f-e0fefb0bfbe4-8aff12e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_754c6897-c0ec-d754-e04b-651cee152f88-8aff12e6 {
  place-self: center end;
}

#w-node-_0fdef58e-d9e9-fa42-8185-feb648cba817-365066b2, #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba820-365066b2, #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba829-365066b2, #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba832-365066b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72cfb4-54e4d7db, #w-node-_9ec6350c-9cfa-3c79-9c8b-28a87a72cfcb-54e4d7db, #w-node-fcdbc20b-a23c-8460-5a56-835f4c6aecdb-ab031e49, #w-node-b4728d7f-ca14-7fce-2e43-cf31b391fca1-ab031e49, #w-node-fcdbc20b-a23c-8460-5a56-835f4c6aecdb-7011b985, #w-node-b4728d7f-ca14-7fce-2e43-cf31b391fca1-7011b985 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d291a7a9-a214-3482-234f-daaff6c41026-d920df25 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5b0e9d67-64bc-fcc9-1bf8-11f5d23f0ab2-d920df25 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_737182a0-2dd6-e86d-819e-9f3c703aca36-d920df25 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b65f40b3-4bd6-5cff-cac9-e588fae80bdf-d920df25 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-bb88f1db-4297-e02a-f944-239ef30840f8-d920df25 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-f497107a-142e-c3f8-4823-4817b2b8a9cc-d920df25 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_24aeccd1-6e59-ffc9-5432-0d3c45242043-d920df25 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_24aeccd1-6e59-ffc9-5432-0d3c45242072-d920df25 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_24aeccd1-6e59-ffc9-5432-0d3c4524208a-d920df25 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_24aeccd1-6e59-ffc9-5432-0d3c452420b8-d920df25, #w-node-e13cb06a-9eb3-5709-d07c-3ab5a58ef505-d920df25 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-c3b26204-a16e-c32a-8d9a-d7c9c3ccd3ce-27e9e5b0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_88d6cd38-ab2d-79a3-6903-8566db426646-27e9e5b0 {
    grid-area: 1 / 2 / 2 / 2;
  }

  #w-node-a660ddcd-0fe0-c133-eca3-6afbe41637b6-27e9e5b0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_826b600d-da16-7587-68c2-0788ea963a04-27e9e5b0 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c3b26204-a16e-c32a-8d9a-d7c9c3ccd3ce-6f73948b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_88d6cd38-ab2d-79a3-6903-8566db426646-6f73948b {
    grid-area: 1 / 2 / 2 / 2;
  }

  #w-node-a660ddcd-0fe0-c133-eca3-6afbe41637b6-6f73948b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_826b600d-da16-7587-68c2-0788ea963a04-6f73948b {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_580160ca-a50f-c7eb-f74a-120956988241-6f73948b {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba817-365066b2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba820-365066b2 {
    grid-area: 1 / 2 / 2 / 2;
  }

  #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba829-365066b2 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0fdef58e-d9e9-fa42-8185-feb648cba832-365066b2 {
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7ca2b680-d30f-71ee-1033-ca33e3f4743c-2b260845 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_833584b1-3a4a-2795-91f2-21f876d9a4fb-d920df25, #w-node-_48c47736-005b-21db-8345-d2449cd4479d-27e9e5b0, #w-node-_619c95a1-ec4d-ab55-8279-cc8192aaf82e-27e9e5b0, #w-node-_48c47736-005b-21db-8345-d2449cd4479d-f5082f20, #w-node-_619c95a1-ec4d-ab55-8279-cc8192aaf82e-f5082f20 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a660ddcd-0fe0-c133-eca3-6afbe41637b6-6f73948b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_48c47736-005b-21db-8345-d2449cd4479d-6f73948b, #w-node-_619c95a1-ec4d-ab55-8279-cc8192aaf82e-6f73948b, #w-node-_48c47736-005b-21db-8345-d2449cd4479d-d48d9324, #w-node-_619c95a1-ec4d-ab55-8279-cc8192aaf82e-d48d9324, #w-node-_2c9298da-ac66-b3f1-2a26-40fdf2f07fce-a7e26e75, #w-node-_48c47736-005b-21db-8345-d2449cd4479d-a7e26e75, #w-node-_619c95a1-ec4d-ab55-8279-cc8192aaf82e-a7e26e75, #w-node-bbde6e75-7a43-0420-145e-5884295080b9-8aff12e6, #w-node-bbde6e75-7a43-0420-145e-588429508120-8aff12e6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}