:root {
  --black: black;
  --_typhography---font-size--font-size-16: 16px;
  --_size---2: -.02em;
  --_typhography---font-size--font-size-20: 20px;
  --primary: #4878f4;
  --_space---space-60: 60px;
  --_space---space-40: 40px;
  --dark-200: #3e3e3e;
  --_typhography---font-size--font-size-32: 32px;
  --_space---space-32: 32px;
  --_space---space-12: 12px;
  --dark: #232323;
  --_typhography---font-size--font-size-24: 24px;
  --gray--gray-200: #818181;
  --gray--gray-800: #656565;
  --gray--gray-500: #f4f4f4;
  --gray--gray-400: #ececec;
  --_typhography---font-size--font-size-64: 64px;
  --white: white;
  --_size---1: -.01em;
  --gray--gray-300: #9f9f9f;
  --_typhography---font-size--font-size-18: 18px;
  --_space---space-24: 24px;
  --_space---space-16: 16px;
  --_typhography---font-size--font-size-14: 14px;
  --transparent: transparent;
  --_typhography---font-size--font-size-40: 40px;
  --_typhography---font-size--font-size-48: 48px;
  --_space---space-120: 120px;
  --_space---space-140: 140px;
  --_space---space-100: 100px;
  --_space---space-20: 20px;
  --_space---space-80: 80px;
  --_control-panel-mhs---gaps--small: 16px;
  --_space---space-30: 30px;
  --gray--gray-100: #414141;
  --gray--gray-600: #e6e6e6;
  --_typhography---font-size--font-size-28: 28px;
  --_typhography---font-size--font-size-36: 36px;
  --_space---space-130: 130px;
  --_space---space-70: 70px;
  --_typhography---font-size--font-size-56: 56px;
  --_space---space-36: 36px;
  --_space---space-50: 50px;
  --_space---space-96: 96px;
  --dark-100: #818181;
  --_space---space-48: 48px;
  --_space---space-0: 0px;
  --_typhography---font-size--font-size-45: 45px;
  --gray--gray-700: #d9d9d9;
  --_typhography---font-size--font-size-22: 22px;
  --_size---font-44: 44px;
  --_size---font-12: 12px;
  --_typhography---font-size--font-size-30: 30px;
  --dark-300: #4c4c4c;
  --dark-2: #000c;
  --gray-400: #9ca3af;
  --_control-panel-mhs---gaps--xhuge: 80px;
  --_control-panel-mhs---gaps--xlarge: 48px;
  --_control-panel-mhs---gaps--regular: 20px;
  --_control-panel-mhs---border-radius--xsmall: 6px;
  --_control-panel-mhs---border-radius--xregular: 12px;
  --_control-panel-mhs---gaps--xsmall: 12px;
  --_control-panel-mhs---gaps--xxsmall: 8px;
  --_control-panel-mhs---gaps--huge: 64px;
  --_control-panel-mhs---border-radius--small: 8px;
  --_control-panel-mhs---gaps--xregular: 24px;
  --_control-panel-mhs---border-radius--xxsmall: 4px;
  --_control-panel-mhs---border-radius--regular: 10px;
  --_typhography---font-size--font-size-60: 60px;
  --_typhography---font-size--font-66: 66px;
}

body {
  color: var(--black);
  font-family: Intertight, Arial, sans-serif;
  font-size: var(--_typhography---font-size--font-size-16);
  --_space---space-60: 60px;
  --_space---space-40: 40px;
  --_space---space-32: 32px;
  --_space---space-12: 12px;
  --_space---space-24: 24px;
  --_space---space-16: 16px;
  --_space---space-120: 120px;
  --_space---space-140: 140px;
  --_space---space-100: 100px;
  --_space---space-20: 20px;
  --_space---space-80: 80px;
  --_space---space-30: 30px;
  --_space---space-130: 130px;
  --_space---space-70: 70px;
  --_space---space-36: 36px;
  --_space---space-50: 50px;
  --_space---space-96: 96px;
  --_space---space-48: 48px;
  --_space---space-0: 0px;
  --_typhography---font-size--font-size-16: 16px;
  --_typhography---font-size--font-size-20: 20px;
  --_typhography---font-size--font-size-32: 32px;
  --_typhography---font-size--font-size-24: 24px;
  --_typhography---font-size--font-size-64: 64px;
  --_typhography---font-size--font-size-18: 18px;
  --_typhography---font-size--font-size-14: 14px;
  --_typhography---font-size--font-size-40: 40px;
  --_typhography---font-size--font-size-48: 48px;
  --_typhography---font-size--font-size-28: 28px;
  --_typhography---font-size--font-size-36: 36px;
  --_typhography---font-size--font-size-56: 56px;
  --_typhography---font-size--font-size-45: 45px;
  --_typhography---font-size--font-size-22: 22px;
  --_typhography---font-size--font-size-30: 30px;
  --_typhography---font-size--font-size-60: 60px;
  --_typhography---font-size--font-66: 66px;
  font-weight: 400;
  line-height: 1.2em;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 50px;
  margin-bottom: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

h5 {
  color: var(--black);
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

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

p {
  margin-bottom: 0;
  line-height: 1.5em;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 18px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  font-size: var(--_typhography---font-size--font-size-20);
  border-left: 5px #e2e2e2;
  margin-bottom: 10px;
  padding: 0;
  font-weight: 500;
  line-height: 100%;
}

.mobile-margin-top-12 {
  display: none;
}

.nav-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.nav-link-text {
  color: var(--black);
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  transition: all .3s;
}

.nav-link-text:hover, .nav-link-text.w--current {
  color: var(--primary);
}

.nav-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.rich-text {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  line-height: 120%;
}

.rich-text h2 {
  margin-top: var(--_space---space-60);
  margin-bottom: var(--_space---space-40);
  color: var(--dark-200);
  font-size: var(--_typhography---font-size--font-size-32);
  font-weight: 500;
  line-height: 120%;
}

.rich-text h3 {
  margin-top: var(--_space---space-32);
  margin-bottom: var(--_space---space-12);
  color: var(--dark);
  font-size: var(--_typhography---font-size--font-size-24);
  font-weight: 500;
  line-height: 140%;
}

.rich-text h4 {
  color: var(--gray--gray-200);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
}

.rich-text h5 {
  margin-top: 0;
}

.rich-text h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text p {
  color: var(--gray--gray-800);
  letter-spacing: 0;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.rich-text ol {
  color: var(--gray--gray-800);
  padding-left: 16px;
}

.rich-text ul {
  color: var(--gray--gray-800);
  padding-left: 19px;
}

.rich-text a {
  color: var(--gray--gray-800);
  text-underline-offset: 2px;
  font-weight: 500;
  transition: color .3s;
}

.rich-text a:hover {
  color: var(--primary);
}

.rich-text strong {
  color: var(--dark);
}

.rich-text li {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.rich-text blockquote {
  margin-bottom: 4px;
  line-height: 110%;
}

.nav-menus {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.navbar {
  z-index: 5;
  background-color: #fff;
  position: relative;
}

.navbar-container-wrap {
  width: 100%;
  max-width: 1378px;
  margin-left: auto;
  margin-right: auto;
}

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

.nav-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-item.none {
  display: none;
}

.navbar-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1418px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 20px;
}

.navbar-brand-logo {
  width: 80px;
}

.page-wrapper {
  position: relative;
}

.container {
  width: 100%;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container.project-container {
  max-width: 1420px;
}

.container.small {
  max-width: 1070px;
}

.container.medium {
  max-width: 1188px;
}

.container.is-scroll {
  container-type: inline-size;
}

.paragraph-small {
  color: var(--black);
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-weight: 600;
  line-height: 150%;
}

.paragraph-small.text-gray-2 {
  color: var(--gray--gray-300);
}

.paragraph-small.text-gray-2.bottom-padding {
  padding-bottom: 12px;
}

.paragraph-small.text-gray-2.top-bottom-padding {
  padding-top: 10px;
  padding-bottom: 12px;
}

.paragraph-small.text-gray-1 {
  color: var(--gray--gray-200);
}

.button-01 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--black);
  align-items: center;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.button-01:where(.w-variant-7d821be0-ee9d-d208-4081-f7f03f60ec58) {
  color: var(--primary);
  font-size: var(--_typhography---font-size--font-size-14);
  padding-top: 8px;
  padding-bottom: 8px;
}

.button-01:where(.w-variant-0e323fa5-1a43-7e61-92f3-ce45f6e142a0) {
  background-color: var(--white);
  border: 1px #000;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  overflow: hidden;
}

.button-01:where(.w-variant-b90cba76-7059-6ea6-bf3f-e049e221ffd3) {
  background-color: var(--white);
  border: 1px #000;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 35px;
  overflow: hidden;
}

.button-01:where(.w-variant-d8ff2a8f-530f-2366-5edd-74afe3c7c846) {
  border: 0 #000;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  overflow: hidden;
}

.button-01:hover {
  color: var(--primary);
}

.button-01:hover:where(.w-variant-7d821be0-ee9d-d208-4081-f7f03f60ec58) {
  color: var(--black);
}

.button-01-text:where(.w-variant-0e323fa5-1a43-7e61-92f3-ce45f6e142a0) {
  color: var(--primary);
  font-size: var(--_space---space-12);
  font-weight: 400;
}

.button-01-text:where(.w-variant-b90cba76-7059-6ea6-bf3f-e049e221ffd3) {
  color: var(--primary);
  font-size: var(--_typhography---font-size--font-size-18);
  font-weight: 400;
}

.button-01-text:where(.w-variant-d8ff2a8f-530f-2366-5edd-74afe3c7c846) {
  color: var(--dark);
  font-size: var(--_typhography---font-size--font-size-18);
  font-weight: 400;
}

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

.button-01-arrow-wrap {
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.button-01-arrow-wrap:where(.w-variant-0e323fa5-1a43-7e61-92f3-ce45f6e142a0), .button-01-arrow-wrap:where(.w-variant-b90cba76-7059-6ea6-bf3f-e049e221ffd3), .button-01-arrow-wrap:where(.w-variant-d8ff2a8f-530f-2366-5edd-74afe3c7c846) {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-01-arrow-box {
  display: flex;
}

.button-01-arrow-box:where(.w-variant-0e323fa5-1a43-7e61-92f3-ce45f6e142a0), .button-01-arrow-box:where(.w-variant-b90cba76-7059-6ea6-bf3f-e049e221ffd3), .button-01-arrow-box:where(.w-variant-d8ff2a8f-530f-2366-5edd-74afe3c7c846) {
  justify-content: flex-start;
  align-items: center;
}

.button-01-arrow {
  width: 20px;
  height: 20px;
}

.button-primary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--transparent);
  color: var(--black);
  --_typhography---font-size--font-size-16: 16px;
  --_typhography---font-size--font-size-20: 20px;
  --_typhography---font-size--font-size-32: 32px;
  --_typhography---font-size--font-size-24: 24px;
  --_typhography---font-size--font-size-64: 64px;
  --_typhography---font-size--font-size-18: 18px;
  --_typhography---font-size--font-size-14: 14px;
  --_typhography---font-size--font-size-40: 40px;
  --_typhography---font-size--font-size-48: 48px;
  --_typhography---font-size--font-size-28: 28px;
  --_typhography---font-size--font-size-36: 36px;
  --_typhography---font-size--font-size-56: 56px;
  --_typhography---font-size--font-size-45: 45px;
  --_typhography---font-size--font-size-22: 22px;
  --_typhography---font-size--font-size-30: 30px;
  --_typhography---font-size--font-size-60: 60px;
  --_typhography---font-size--font-66: 66px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary:where(.w-variant-11224d7c-b237-39d6-5dcf-3ebe4e1901b6) {
  color: var(--black);
}

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

.button-primary.project-button {
  padding: 10px 16px;
}

.button-primary.blog-button {
  width: max-content;
  padding: 10px 16px;
}

.button-text-box {
  z-index: 2;
  height: 22px;
  position: relative;
  overflow: hidden;
}

.button-text-box.secondary-4:where(.w-variant-633a1df0-e940-22f3-88d4-d73bcd021627) {
  display: none;
}

.button-icon-box {
  z-index: 4;
  flex: none;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.button-icon-box.secondary-2:where(.w-variant-2c7c685c-3db2-f261-1fa1-748a8b580219) {
  display: none;
}

.button-02-bg {
  z-index: 1;
  background-color: var(--white);
  width: 110%;
  height: 110%;
  position: absolute;
  inset: -5% 0% 0% -5%;
}

.button-02-bg:where(.w-variant-11224d7c-b237-39d6-5dcf-3ebe4e1901b6) {
  background-color: var(--gray--gray-400);
}

.button-02-bg.bg-black-btn {
  background-color: var(--black);
}

.button-02-bg.bg-orange, .button-02-bg.secondary-8 {
  background-color: var(--primary);
}

.button-02-bg.secondary-8 {
  background-color: var(--primary);
}

.button-02-bg.secondary-8:where(.w-variant-b45daa6c-e75c-5a08-c039-55c1b426c87d) {
  background-color: var(--black);
}

.button-02-bg.secondary-8:where(.w-variant-4453e31e-df0f-e996-31dc-64d5bee36bdb) {
  background-color: var(--transparent);
}

.button-02-bg.secondary-8:where(.w-variant-2c7c685c-3db2-f261-1fa1-748a8b580219) {
  background-color: var(--black);
}

.button-02-hover-bg {
  z-index: 1;
  background-color: var(--primary);
  width: 110%;
  height: 110%;
  position: absolute;
  inset: -5% 0% 0% -5%;
  transform: translate(101%);
}

.button-02-hover-bg:where(.w-variant-ea578075-2a98-53ce-f862-02bfebd8163b), .button-02-hover-bg.bg-black, .button-02-hover-bg.secondary-9 {
  background-color: var(--black);
}

.button-02-hover-bg.secondary-9 {
  background-color: var(--black);
}

.button-02-hover-bg.secondary-9:where(.w-variant-b45daa6c-e75c-5a08-c039-55c1b426c87d) {
  background-color: var(--primary);
}

.button-02-hover-bg.secondary-9:where(.w-variant-4453e31e-df0f-e996-31dc-64d5bee36bdb) {
  background-color: var(--black);
}

.button-02-hover-bg.secondary-9:where(.w-variant-2c7c685c-3db2-f261-1fa1-748a8b580219) {
  background-color: var(--primary);
}

.button-text {
  flex-flow: column;
  display: flex;
}

.button-02-text {
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

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

.button-01-icon {
  z-index: 2;
  position: relative;
}

.button-01-icon.hover-icon {
  inset: 0%;
  position: absolute;
  inset: 0%;
}

.footer {
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 20px;
}

.footer-wrap {
  grid-column-gap: var(--_space---space-60);
  grid-row-gap: var(--_space---space-60);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

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

.footer-top-wrap.v2 {
  grid-column-gap: var(--_space---space-60);
  grid-row-gap: var(--_space---space-60);
  grid-column-gap: var(--_space---space-60);
  grid-row-gap: var(--_space---space-60);
  flex-flow: column;
}

.footer-bottom-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid var(--gray--gray-400);
  text-align: center;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  padding-top: 16px;
  display: flex;
}

.footer-top-right {
  width: 100%;
  max-width: 500px;
}

.footer-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

.footer-arrow-icon {
  height: 100%;
}

.footer-icon-wrap {
  width: 36px;
  height: 36px;
  display: flex;
}

.footer-menu-wrap.footer-menu-02 {
  max-width: 228px;
}

.footer-menu-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
}

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

.category-and-date-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.tag-wrap {
  background-color: var(--gray--gray-400);
  border-radius: 6px;
  padding: 10px;
}

.blog-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.blog-image-wrap {
  width: 100%;
  max-width: 100%;
  min-height: 270px;
  position: relative;
}

.blog-image {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.blog-collection-list {
  grid-column-gap: var(--_space---space-20);
  grid-row-gap: var(--_space---space-20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-button-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.blog-button-wrap.display-none {
  width: max-content;
  height: max-content;
  display: flex;
}

.singel-blog {
  padding-top: var(--_space---space-80);
}

.blog-details-wrapper {
  grid-column-gap: var(--_control-panel-mhs---gaps--small);
  grid-row-gap: var(--_control-panel-mhs---gaps--small);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.blog-details-info-wrapper {
  max-width: 25%;
  margin-bottom: var(--_space---space-80);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: block !important;
}

.blog-details-aside {
  top: var(--_space---space-40);
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  max-width: 25%;
  position: static;
  overflow: visible;
}

.blog-details-aside.tab-on {
  display: none;
}

.blog-details-main {
  flex-flow: column;
  width: 100%;
  max-width: 48%;
  display: flex;
}

.social-share {
  padding: var(--_space---space-12);
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  color: var(--gray--gray-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-share.ai-summary {
  margin-top: 12px;
}

.social-icon-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.social-icon-wrap.ai-icons {
  flex-wrap: wrap;
}

.social-icon-list {
  background-color: var(--gray--gray-400);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  transition: background-color .3s;
  display: flex;
}

.social-icon-list:hover {
  background-color: var(--primary);
}

.related-blog {
  margin-top: 160px;
  margin-bottom: 60px;
}

.related-blog-list-wrap {
  margin-top: 30px;
}

.contact {
  margin-top: 60px;
  margin-bottom: 36px;
}

.contact.on-pricing {
  padding-top: var(--_space---space-140);
  padding-bottom: var(--_space---space-100);
  margin-top: 0;
  margin-bottom: 0;
}

.contact.on-pricing.cfrom-2 {
  padding-top: var(--_space---space-60);
  padding-bottom: var(--_space---space-60);
  padding-top: var(--_space---space-60);
  padding-bottom: var(--_space---space-60);
  background-color: #f4f4f4;
}

.contact-top-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.contact-top-left {
  width: 100%;
  max-width: 540px;
}

.contact-top-left.cfrom-2 {
  text-align: center;
  text-align: center;
  max-width: 100%;
}

.contact-form-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 563px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}

.contact-form-wrap.cfrom-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  margin-top: 60px;
  display: flex;
}

.contact-form-left {
  margin-top: 0;
}

.contact-form-left.cfrom-2 {
  max-width: 450px;
}

.contact-form-right {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.contact-form-right.cfrom-2 {
  justify-content: flex-start;
  align-items: stretch;
}

.office-and-email-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--gray--gray-600);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 30px;
  display: grid;
}

.office-and-email-info.cfrom-2 {
  background-color: var(--white);
  background-color: var(--white);
  border-radius: 6px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.office-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  max-width: 228px;
  display: flex;
}

.office-info.cfrom-2 {
  max-width: max-content;
}

.contact-form-main-wrap {
  color: var(--white);
  margin-bottom: 0;
}

.contact-form-main-wrap.cfrom-2 {
  height: 100%;
}

.contact-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.contact-form.cfrom-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--gray--gray-600);
  background-color: var(--white);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--gray--gray-600);
  background-color: var(--white);
  border-radius: 8px;
  height: 100%;
  padding: 28px;
}

.contact-form-item-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-form-item-wrap.mb-20 {
  margin-bottom: 20px;
}

.contact-form-input {
  border: 1px solid var(--gray--gray-600);
  background-color: var(--transparent);
  min-height: 56px;
  color: var(--black);
  border-radius: 6px;
  margin-bottom: 0;
  padding: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.contact-form-input:hover {
  color: var(--gray--gray-300);
}

.contact-form-input:active {
  color: var(--black);
}

.contact-form-input:focus {
  border: 1px solid var(--primary);
}

.contact-form-input.message-box {
  min-height: 146px;
}

.contact-form-input.message-box.cfrom-2 {
  min-height: 177px;
}

.contact-form-label {
  color: var(--black);
  --_typhography---font-size--font-size-16: 16px;
  --_typhography---font-size--font-size-20: 20px;
  --_typhography---font-size--font-size-32: 32px;
  --_typhography---font-size--font-size-24: 24px;
  --_typhography---font-size--font-size-64: 64px;
  --_typhography---font-size--font-size-18: 18px;
  --_typhography---font-size--font-size-14: 14px;
  --_typhography---font-size--font-size-40: 40px;
  --_typhography---font-size--font-size-48: 48px;
  --_typhography---font-size--font-size-28: 28px;
  --_typhography---font-size--font-size-36: 36px;
  --_typhography---font-size--font-size-56: 56px;
  --_typhography---font-size--font-size-45: 45px;
  --_typhography---font-size--font-size-22: 22px;
  --_typhography---font-size--font-size-30: 30px;
  --_typhography---font-size--font-size-60: 60px;
  --_typhography---font-size--font-66: 66px;
  --_space---space-60: 60px;
  --_space---space-40: 40px;
  --_space---space-32: 32px;
  --_space---space-12: 12px;
  --_space---space-24: 24px;
  --_space---space-16: 16px;
  --_space---space-120: 120px;
  --_space---space-140: 140px;
  --_space---space-100: 100px;
  --_space---space-20: 20px;
  --_space---space-80: 80px;
  --_space---space-30: 30px;
  --_space---space-130: 130px;
  --_space---space-70: 70px;
  --_space---space-36: 36px;
  --_space---space-50: 50px;
  --_space---space-96: 96px;
  --_space---space-48: 48px;
  --_space---space-0: 0px;
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.contact-form-label.cfrom-2 {
  color: var(--dark);
  font-weight: 400;
}

.contact-form-submit-button {
  background-color: var(--primary);
  width: 100%;
  color: var(--white);
  border-radius: 6px;
  margin-top: 6px;
  padding: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  transition: all .3s;
}

.contact-form-submit-button:hover {
  background-color: var(--black);
}

.select-option-field {
  background-color: var(--transparent);
  min-height: 56px;
  color: var(--gray--gray-200);
  border-radius: 6px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.select-option-field:hover {
  color: var(--gray--gray-300);
}

.select-option-field:focus {
  border: 1px solid var(--primary);
}

.success-message {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 6px;
}

.footer-email-icon-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.social-link {
  max-width: 86px;
}

.social-link.cfrom-2 {
  width: 60px;
  max-width: 60px;
  height: 60px;
}

.contact-subtitle {
  color: var(--black);
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 146%;
}

.button-02-text-2 {
  color: #000;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.button-02-bg-2 {
  z-index: 1;
  background-color: #fff;
  width: 110%;
  height: 110%;
  position: absolute;
  inset: -5% 0% 0% -5%;
}

.button-02-hover-bg-3 {
  z-index: 1;
  background-color: #4878f4;
  width: 110%;
  height: 110%;
  position: absolute;
  inset: -5% 0% 0% -5%;
  transform: translate(101%);
}

.blog-details-image-wrap {
  width: 100%;
  max-width: 100%;
  max-height: 640px;
  margin-bottom: var(--_space---space-60);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-details-image {
  width: 100%;
  height: NaN% ;
  object-fit: cover;
}

.blog-details-info {
  flex-flow: column;
  transition: max-height .3s;
  display: flex;
}

.blog-details-info-item {
  padding: var(--_space---space-16);
  border-left: 1px solid var(--transparent);
  color: var(--gray--gray-300);
  font-size: var(--_typhography---font-size--font-size-16);
  letter-spacing: var(--_size---2);
  line-height: 1.5em;
  text-decoration: none;
  transition: all .2s;
}

.blog-details-info-item:hover {
  border-left: 1px solid var(--black);
  color: var(--black);
}

.body-text-14px {
  color: var(--gray--gray-200);
  font-size: var(--_typhography---font-size--font-size-14);
  font-weight: 400;
  line-height: 1.5em;
}

.body-text-14px.is-black {
  color: var(--black);
  font-weight: 600;
}

.margin-bottom.margin-32 {
  margin-bottom: var(--_space---space-32);
}

.margin-bottom.margin-12 {
  margin-bottom: var(--_space---space-12);
}

.margin-bottom.margin-16 {
  margin-bottom: var(--_space---space-16);
}

.margin-bottom.margin-36 {
  margin-bottom: var(--_space---space-36);
}

.margin-bottom.margin-20 {
  margin-bottom: var(--_space---space-20);
}

.margin-bottom.margin-20._2 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom.margin-24 {
  margin-bottom: var(--_space---space-24);
}

.margin-bottom.margin-40 {
  margin-bottom: var(--_space---space-40);
  margin-bottom: 40px;
}

.button-secondary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--black);
  color: var(--white);
  font-size: var(--_typhography---font-size--font-size-14);
  --_typhography---font-size--font-size-16: 16px;
  --_typhography---font-size--font-size-20: 20px;
  --_typhography---font-size--font-size-32: 32px;
  --_typhography---font-size--font-size-24: 24px;
  --_typhography---font-size--font-size-64: 64px;
  --_typhography---font-size--font-size-18: 18px;
  --_typhography---font-size--font-size-14: 14px;
  --_typhography---font-size--font-size-40: 40px;
  --_typhography---font-size--font-size-48: 48px;
  --_typhography---font-size--font-size-28: 28px;
  --_typhography---font-size--font-size-36: 36px;
  --_typhography---font-size--font-size-56: 56px;
  --_typhography---font-size--font-size-45: 45px;
  --_typhography---font-size--font-size-22: 22px;
  --_typhography---font-size--font-size-30: 30px;
  --_typhography---font-size--font-size-60: 60px;
  --_typhography---font-size--font-66: 66px;
  --_space---space-60: 60px;
  --_space---space-40: 40px;
  --_space---space-32: 32px;
  --_space---space-12: 12px;
  --_space---space-24: 24px;
  --_space---space-16: 16px;
  --_space---space-120: 120px;
  --_space---space-140: 140px;
  --_space---space-100: 100px;
  --_space---space-20: 20px;
  --_space---space-80: 80px;
  --_space---space-30: 30px;
  --_space---space-130: 130px;
  --_space---space-70: 70px;
  --_space---space-36: 36px;
  --_space---space-50: 50px;
  --_space---space-96: 96px;
  --_space---space-48: 48px;
  --_space---space-0: 0px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-secondary:where(.w-variant-11224d7c-b237-39d6-5dcf-3ebe4e1901b6) {
  color: var(--white);
}

.button-secondary:where(.w-variant-b45daa6c-e75c-5a08-c039-55c1b426c87d) {
  background-color: var(--black);
}

.button-secondary:where(.w-variant-4453e31e-df0f-e996-31dc-64d5bee36bdb) {
  border: 1px solid var(--black);
  background-color: var(--transparent);
  color: var(--black);
}

.button-secondary:where(.w-variant-2c7c685c-3db2-f261-1fa1-748a8b580219) {
  background-color: var(--black);
}

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

.blog-info-text {
  color: var(--black);
  line-height: 1.5em;
}

.blog-info-text.is-black1 {
  color: var(--dark);
}

.blog-info-text.is-gray1 {
  color: var(--dark-100);
}

.blog-info-text.date {
  font-size: var(--_typhography---font-size--font-size-14);
}

.blog-details-title-wrap {
  margin-bottom: var(--_space---space-32);
}

.hide {
  display: none;
}

.nav-link-item {
  width: 100%;
  padding: 0px 0px var(--_space---space-12);
  grid-column-gap: var(--_space---space-16);
  grid-row-gap: var(--_space---space-16);
  color: var(--black);
  letter-spacing: var(--_size---1);
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-item:hover {
  color: var(--primary);
}

.dropdown-list {
  width: 2000%;
  max-width: 1020px;
  padding-top: var(--_space---space-24);
  background-color: var(--transparent);
  display: none;
  position: absolute;
  inset: 20px 0% auto;
  overflow: visible;
  transform: translate(-40%);
}

.dropdown-list.w--open {
  overflow: visible;
}

.dropdown-list.tools {
  width: max-content;
}

.dropdown-wrapper {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  border: 1px solid var(--gray--gray-400);
  background-color: var(--white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 122px 73px #0000000d, 0 54px 54px #00000017, 0 14px 30px #0000001a;
}

.dropdown-link-item-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.dropdown-wrap {
  grid-column-gap: var(--_space---space-60);
  grid-row-gap: var(--_space---space-60);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.dropdown-wrap.gap-48 {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
}

.nav-link-toggle {
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
  transition: all .3s;
}

.nav-link-icon {
  aspect-ratio: 1;
  background-color: var(--primary);
  opacity: 0;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-link-line-wrap {
  background-color: var(--gray--gray-400);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.image-default {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-24px {
  font-size: var(--_typhography---font-size--font-size-24);
  line-height: 150%;
}

.text-24px.is-medium {
  color: var(--black);
  -webkit-text-stroke-color: var(--black);
  -webkit-text-stroke-color: var(--black);
  font-weight: 600;
}

.blog-info-text-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-details-list-wrap {
  margin-bottom: var(--_space---space-60);
  padding: var(--_space---space-24) var(--_space---space-20);
  color: var(--white);
  background-color: #f9fafb;
  border-radius: 8px;
  display: block;
}

.div-block-2 {
  margin-bottom: var(--_space---space-20);
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-details-info-wrap {
  grid-column-gap: var(--_space---space-16);
  grid-row-gap: var(--_space---space-16);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-details-author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-decoration: none;
  display: flex;
}

.blog-details-author-image {
  aspect-ratio: 1;
  border-radius: 6px;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

.body-text-12px {
  color: var(--gray--gray-200);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.blog-info-dot {
  background-color: var(--gray--gray-700);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.blog-details-heading {
  font-size: var(--_typhography---font-size--font-size-40);
  letter-spacing: -.96px;
  font-weight: 600;
  line-height: 1.2em;
}

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

.dropdown-list-wrapper.tools {
  grid-template-columns: 1fr;
}

.dropdown-list-wrapper.is-border {
  padding-bottom: var(--_space---space-20);
  border-bottom: 1px solid var(--gray--gray-400);
  padding-bottom: var(--_space---space-20);
  border-bottom: 1px solid var(--gray--gray-400);
}

.dropdown-list-wrap {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.button-conteiner {
  flex: none;
}

.list-overview-top {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  font-size: var(--_typhography---font-size--font-size-22);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 1.2em;
  display: flex;
}

.list-overview-text {
  color: var(--gray--gray-800);
  font-size: var(--_typhography---font-size--font-size-14);
  line-height: 1.5em;
}

.list-overview-icon {
  background-color: var(--black);
  width: 30px;
  height: 30px;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

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

.nav-link-line {
  background-color: var(--primary);
  width: 0;
  height: 1px;
  position: absolute;
}

.dropdown-list-wraps {
  grid-column-gap: var(--_space---space-32);
  grid-row-gap: var(--_space---space-32);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.text-color-gray {
  color: var(--gray--gray-800);
}

.review-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.review-icon._02 {
  position: absolute;
}

.review-icon._01 {
  z-index: 1;
  position: relative;
}

.section-subtitle {
  margin-bottom: var(--_space---space-16);
  color: var(--primary);
  font-size: var(--_typhography---font-size--font-size-18);
  font-weight: 500;
  line-height: 1.2em;
}

.heading-56px {
  font-family: Intertight, Arial, sans-serif;
  font-size: var(--_typhography---font-size--font-size-56);
  letter-spacing: var(--_size---2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-56px.white-text {
  color: var(--white);
}

.blog-detail-info-wrap {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-detail-author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 4px;
  display: flex;
}

.blog-author-imge-wrap {
  border-radius: 50%;
  width: 24px;
  overflow: hidden;
}

.blog-info-devider {
  width: 100%;
  height: 1px;
  margin-top: var(--_space---space-12);
  margin-bottom: var(--_space---space-12);
  margin-left: var(--_space---space-12);
  background-color: var(--gray--gray-600);
}

.blog-details-aside-content {
  top: var(--_space---space-40);
  position: static;
}

.blog-reed-time-area {
  padding: var(--_space---space-12);
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  color: var(--gray--gray-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reed-time-line-wrap {
  background-color: var(--gray--gray-500);
  border-radius: 99px;
  width: 100%;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.reed-time-line {
  background-color: var(--primary);
  width: 0%;
  transition: width .3s;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.blog-details-cta-image {
  max-height: 200px;
  margin-bottom: var(--_space---space-16);
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.blog-details-cta-content {
  margin-bottom: var(--_space---space-24);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.btn-back-top {
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto 20px 30px auto;
  transform: rotate(180deg);
}

.toggle-btn {
  color: var(--primary);
  cursor: pointer;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-left: 18px;
  display: block;
}

.section-content-2 h4 {
  margin-top: var(--_space---space-24);
  margin-bottom: var(--_space---space-12);
  font-weight: 600;
}

.section-content-2 h2 {
  margin-top: var(--_space---space-32);
  margin-bottom: var(--_space---space-12);
  font-weight: 600;
}

.section-content-2 h3 {
  margin-top: var(--_space---space-40);
  margin-bottom: var(--_space---space-12);
  font-weight: 600;
}

.section-content-2 ol, .section-content-2 ul {
  margin-top: var(--_space---space-16);
  margin-bottom: var(--_space---space-16);
}

.section-content-2 p {
  margin-top: 8px;
  margin-bottom: 8px;
}

.free-resource-thumb {
  text-align: center;
  object-fit: cover;
  border-radius: 6px;
  outline: 5px solid #52e9c1;
  width: 100%;
  height: 100%;
}

.free-resource-img-wrapper {
  padding: 23px var(--_space---space-32);
  background-color: #00dea3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.free-res-content {
  padding: var(--_space---space-20) var(--_space---space-12);
  background-color: var(--gray--gray-500);
  border-radius: 0 0 10px 10px;
}

.free-res-heading {
  color: var(--black);
  letter-spacing: var(--_size---2);
  font-weight: 500;
}

.free-res-para {
  color: var(--gray--gray-800);
  margin-top: 8px;
  margin-bottom: 32px;
}

.rich-text-block {
  padding: var(--_space---space-20) 20px var(--_space---space-20) 38px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-2);
  background-color: #eff6ff;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.profile-image-wrap {
  background-color: #05040400;
  background-image: url("https://cdn.prod.website-files.com/68246c60fd19b53d3eaa963a/6a46254d94cff701b3e3c271_gradient-wallpapers.avif");
  background-position: 50% 213%;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 436px;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.profile-image-wrap.cfrom-2 {
  background-position: 50% 268%;
  background-size: cover;
  min-height: 546px;
}

.blog-profile-name {
  color: var(--white);
  font-size: var(--_typhography---font-size--font-size-24);
  line-height: var(--_space---space-24);
  text-align: center;
  font-weight: 600;
}

.blog-profile-deg {
  color: var(--white);
  font-size: var(--_typhography---font-size--font-size-16);
  line-height: var(--_typhography---font-size--font-size-22);
  text-align: center;
  letter-spacing: .36px;
  margin-top: 2px;
  font-weight: 400;
}

.blog-profile-deg.cfrom-2 {
  color: #9ca3af;
  font-weight: 400;
}

.profile-card-cta-para {
  color: var(--white);
  font-size: var(--_typhography---font-size--font-size-14);
  line-height: var(--_typhography---font-size--font-size-14);
  text-align: center;
}

.profile-card-cta-para.cfrom-2 {
  font-size: var(--_typhography---font-size--font-size-18);
  font-size: var(--_typhography---font-size--font-size-18);
}

.profile-card-cta {
  margin-top: var(--_space---space-32);
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-card-cont {
  background-image: linear-gradient(#0c0c0c00, #02020299 18%, #0c0c0c);
  width: 100%;
  padding-top: 52px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
}

.summary-ai-icon-wrap {
  background-color: var(--gray--gray-400);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
}

.ai-icon {
  width: 100%;
}

.image {
  width: 32px;
  height: 32px;
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-2 {
  background-image: url("https://cdn.prod.website-files.com/68246c60fd19b53d3eaa963a/6a4624a9a35f316a61cfb956_Grid.svg");
  background-position: 50% 10%;
  background-size: auto;
}

.div-block-14 {
  width: calc(100% - var(--_space---space-32));
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  top: 16px;
}

.image-3 {
  flex: none;
  width: 24px;
  height: 25px;
}

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

.paragraph-2 {
  color: var(--white);
  font-size: 8px;
  line-height: 10px;
}

.paragraph-2.cfrom-2 {
  font-size: 12px;
}

.certificate-links-con {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.certificate-links-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.certificate-links-wrap.cfrom-2 {
  width: 28px;
}

.cfrom2-img {
  background-image: url("https://cdn.prod.website-files.com/68246c60fd19b53d3eaa963a/6a4624a9a35f316a61cfb956_Grid.svg");
  background-position: 50% 0;
  background-size: auto;
  width: 100%;
  height: 18%;
  min-height: 510px;
}

.cfrom-2-logo {
  width: 29px;
  height: 30px;
}

.certificate-img {
  width: 100%;
}

.review-content-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.review-content-wrap:where(.w-variant-cf0da130-783f-5db1-4e7d-441ebdf18df1) {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.total-review {
  color: var(--dark);
}

.review-icon-wrap-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.review-platfrom-icon-wrap {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.review-platfrom-icon-wrap:where(.w-variant-cf0da130-783f-5db1-4e7d-441ebdf18df1) {
  width: 48px;
  height: 48px;
}

.review-two-text {
  color: var(--gray--gray-800);
  font-size: var(--_typhography---font-size--font-size-18);
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}

.review-two-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  --_space---space-60: 60px;
  --_space---space-40: 40px;
  --_space---space-32: 32px;
  --_space---space-12: 12px;
  --_space---space-24: 24px;
  --_space---space-16: 16px;
  --_space---space-120: 120px;
  --_space---space-140: 140px;
  --_space---space-100: 100px;
  --_space---space-20: 20px;
  --_space---space-80: 80px;
  --_space---space-30: 30px;
  --_space---space-130: 130px;
  --_space---space-70: 70px;
  --_space---space-36: 36px;
  --_space---space-50: 50px;
  --_space---space-96: 96px;
  --_space---space-48: 48px;
  --_space---space-0: 0px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.review-two-item:where(.w-variant-5302e916-faf3-a818-9adf-a22b82da267d) {
  text-decoration: none;
}

.review-two-item:where(.w-variant-cf0da130-783f-5db1-4e7d-441ebdf18df1) {
  position: static;
}

.review-two-icon-warp {
  width: 44px;
  height: 44px;
  overflow: hidden;
}

.review-two-icon-warp:where(.w-variant-cf0da130-783f-5db1-4e7d-441ebdf18df1) {
  width: 50px;
  height: 52px;
}

.italic {
  font-family: Grandcru, Arial, sans-serif;
  font-weight: 400;
}

.footer-menus-wrap {
  padding-bottom: var(--_space---space-40);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--gray--gray-600);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-menu-heading {
  color: var(--dark);
  font-family: Intertight, Arial, sans-serif;
  font-size: var(--_typhography---font-size--font-size-18);
  letter-spacing: var(--_size---2);
  font-weight: 500;
  line-height: 150%;
}

.footer-menu-item-wrap {
  margin-top: var(--_space---space-80);
}

.footer-menu-links {
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-menu-link {
  color: var(--gray--gray-800);
  font-size: var(--_typhography---font-size--font-size-16);
  letter-spacing: var(--_size---2);
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
}

.footer-menu-link:hover {
  color: var(--black);
}

.footer-image-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

.footer-webflow-text {
  color: var(--dark);
  font-size: var(--_space---space-24);
  font-weight: 600;
}

.footer-webflow-icon {
  width: 62px;
  height: 41px;
}

.footer-cta-wrap {
  padding-bottom: var(--_space---space-60);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid var(--gray--gray-600);
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.footer-cta-item {
  grid-column-gap: var(--_space---space-48);
  grid-row-gap: var(--_space---space-48);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer-cta-heading-wrap {
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footar-cta-logo {
  width: 40px;
  height: 31px;
}

.footar-cta-logo.taqwah {
  width: 31px;
  height: 33px;
}

.footer-cta-heading {
  color: var(--dark);
  font-size: var(--_typhography---font-size--font-size-24);
  letter-spacing: var(--_size---2);
  font-weight: 500;
}

.footer-cta-para {
  color: var(--gray--gray-800);
  font-size: var(--_typhography---font-size--font-size-18);
  font-weight: 400;
  line-height: 1.5em;
}

.footer-cta-left {
  max-width: 489px;
}

.footer-cta-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  max-width: 545px;
  display: grid;
}

.footer-cta-content-wrap {
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-cta-link {
  color: var(--dark);
  font-size: var(--_typhography---font-size--font-size-20);
  font-weight: 500;
  text-decoration: none;
}

.footer-botom-text {
  color: var(--gray--gray-800);
  font-size: var(--_typhography---font-size--font-size-18);
  font-weight: 400;
}

.footer-botom-text.link {
  text-decoration: none;
}

.footer-botom-right {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-content-2 {
  color: #000;
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.social-icon-list-2 {
  background-color: #ececec;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  transition: background-color .3s;
  display: flex;
}

.social-icon-list-2:hover {
  background-color: #4878f4;
}

.footer-wrap-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.nav-link-2 {
  color: #000;
  text-decoration: none;
  transition: color .3s;
}

.nav-link-2:hover {
  color: #4878f4;
}

.email-link-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2em;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.email-link-2:hover {
  color: #4878f4;
}

.footer-bottom-wrap-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  border-top: 1px solid #ececec;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  padding-top: 16px;
  display: flex;
}

.footer-mail-title-2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 120%;
  display: block;
}

.paragraph-small-4 {
  color: #000;
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-weight: 600;
  line-height: 150%;
}

.paragraph-small-4.text-gray-2 {
  color: #9f9f9f;
}

.footer-cta-dwn {
  color: var(--dark);
  background-color: #0000;
  padding: 0;
  font-weight: 700;
}

.footer-dwn-btn-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: 115px;
}

.footer-gallery-container {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.footer-taqwah-logo {
  max-width: 758px;
  margin-left: auto;
  margin-right: auto;
}

.footer-gallery-wraper {
  justify-content: center;
  align-items: center;
  height: 280px;
  display: flex;
  position: relative;
}

.footer-img-wrap {
  width: 237px;
  max-width: 237px;
  height: 100%;
  max-height: 274px;
  position: absolute;
  transform: rotate(0);
}

.footer-img-wrap.six {
  z-index: 9;
  top: -37px;
  left: -83px;
  transform: none;
}

.footer-img-wrap.five {
  top: 0;
  left: -39px;
  transform: none;
}

.footer-img-wrap.four {
  z-index: 9;
  transform: none;
}

.footer-img-wrap.three {
  z-index: 99;
  top: 22px;
  transform: none;
}

.footer-img-wrap.two {
  transform: none;
}

.footer-img-wrap.one {
  z-index: 99;
  top: -35px;
  transform: none;
}

.footer-img {
  border-radius: 6px;
  overflow: hidden;
}

.nav-item {
  color: var(--gray--gray-300);
  font-size: var(--_typhography---font-size--font-size-18);
  font-weight: 500;
  line-height: 150%;
}

.nav-item.swiper-slide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
}

.blog-title-wrap {
  min-height: 90px;
}

.details-author-name {
  color: var(--dark);
  letter-spacing: var(--_size---2);
  justify-content: flex-start;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  display: inline-block;
}

.single-blog-author {
  color: var(--black);
  text-underline-offset: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  text-decoration: underline;
}

.blog-left-sticky {
  position: sticky;
  top: 40px;
}

.nav-cta-text {
  font-size: var(--_typhography---font-size--font-size-20);
  letter-spacing: -.4px;
  font-weight: 400;
  line-height: 120%;
}

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

.nav-cta-text.outcome-card-para {
  color: var(--gray--gray-600);
}

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

.nav-cta-btn-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  display: inline-flex;
  position: relative;
  bottom: 0;
}

.nav-cta-dwn {
  color: var(--dark);
  letter-spacing: -.28px;
  background-color: #0000;
  padding: 0;
  line-height: 110%;
}

.sticky-info {
  top: var(--_space---space-40);
  position: sticky;
}

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

@media screen and (min-width: 1280px) {
  .heading-one {
    font-size: 92px;
  }

  .heading-one.is-large {
    font-size: 100px;
  }

  .project-01-list {
    max-width: 750px;
  }

  .project-01-list.is-small {
    max-width: 500px;
  }

  .project-01-image {
    min-height: 560px;
  }

  .project-area {
    padding-top: 180px;
  }

  .releted-project-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .review-slider-arrow {
    width: 85px;
    height: 85px;
    right: 254px;
  }

  .review-slider-arrow.left {
    width: 85px;
    height: 85px;
    right: 148px;
  }

  .review-text-wrap {
    max-width: 562px;
  }

  .client-video-wrap {
    max-width: 446px;
  }

  .blog-details-wrapper {
    grid-column-gap: var(--_space---space-40);
    grid-row-gap: var(--_space---space-40);
    grid-template-columns: minmax(300px, .25fr) 5fr minmax(300px, .25fr);
  }

  .blog-details-info-wrapper {
    width: 100%;
  }

  .social-icon-wrap.ai-icons {
    flex-wrap: wrap;
  }

  .contact-form-wrap {
    grid-template-columns: 549px 1fr;
  }

  .faq-wrap {
    grid-column-gap: var(--_space---space-60);
    grid-row-gap: var(--_space---space-60);
  }

  .faq-left-wrap {
    flex-basis: 496px;
  }

  .hero-area.is-new {
    padding-top: 550px;
  }

  .founder-wrap {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .testimonial-content {
    font-size: var(--_typhography---font-size--font-size-28);
  }

  .client-box {
    max-width: 200px;
  }

  .project-video-wrap {
    height: 708px;
  }

  .contact-tab-pane {
    height: 670px;
  }

  .features-header-wrap {
    max-width: 1060px;
  }

  .features-header-wrap:where(.w-variant-4cabf91c-cfa3-16f5-d44a-fbfaca967eb3) {
    max-width: 760px;
  }

  .feature-card {
    min-height: 520px;
  }

  .feature-number {
    font-size: 100px;
  }

  .feature-title {
    font-size: 42px;
  }

  .services-header {
    max-width: 912px;
  }

  .why-us-header {
    max-width: 840px;
  }

  .priceing-amount {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .testimonial-card {
    max-width: 640px;
  }

  .section-title {
    font-size: 92px;
  }

  .cta-logo-wrap {
    max-width: 460px;
    right: -5%;
  }

  .process-header {
    max-width: 912px;
  }

  .process-table-text {
    font-size: 22px;
  }

  .blog-hero-details-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .about-title-wrap {
    max-width: 840px;
  }

  .static-item-amount {
    font-size: var(--_typhography---font-size--font-size-48);
  }

  .founder-name {
    font-size: 48px;
  }

  .work-benifit-area {
    padding-bottom: 160px;
  }

  .work-benifit-title {
    font-size: 32px;
  }

  .story-main-wrap, .story-testimonial {
    max-width: 900px;
  }

  .behind-image-wrap {
    max-width: 740px;
  }

  .behind-image-wrap.small {
    max-width: 520px;
  }

  .behind-title-wrap {
    max-width: 720px;
  }

  .design-process-title-wrap {
    max-width: 820px;
  }

  .services-title-wrap {
    max-width: 800px;
  }

  .overcome-title-wrap {
    max-width: 1000px;
  }

  .overcome-title {
    font-size: var(--_typhography---font-size--font-size-36);
  }

  .issues-image-wrap {
    height: 354px;
  }

  .free-trial-title-wrap {
    max-width: 900px;
  }

  .analytics-title-wrap {
    max-width: 760px;
  }

  .blog-author-title-wrap {
    margin-bottom: 70px;
  }

  .blog-cms-item.padding-top {
    padding-top: var(--_space---space-140);
    padding-top: var(--_space---space-140);
  }

  .from-team-image-wrap {
    max-width: 400px;
  }

  .from-team-quote {
    font-size: var(--_typhography---font-size--font-size-28);
  }

  .job-opening-title {
    font-size: var(--_space---space-40);
  }

  .hero-project-item {
    width: 720px;
  }

  .hero-project-item.is-small {
    width: 500px;
  }

  .blog-list {
    grid-column-gap: var(--_space---space-20);
    grid-row-gap: var(--_space---space-40);
  }

  .blog-details-author-image {
    width: 44px;
    height: 44px;
  }

  .blog-details-heading {
    font-size: var(--_typhography---font-size--font-size-45);
  }

  .pain-point-item {
    grid-template-columns: 1fr minmax(748px, 1fr);
  }

  .solution-wrap {
    grid-column-gap: var(--_space---space-20);
    grid-row-gap: var(--_space---space-20);
  }

  .solution-card {
    grid-column-gap: var(--_space---space-96);
    grid-row-gap: var(--_space---space-96);
  }

  .service-item {
    grid-column-gap: var(--_space---space-70);
    grid-row-gap: var(--_space---space-70);
  }

  .div-block-8 {
    grid-column-gap: var(--_space---space-120);
    grid-row-gap: var(--_space---space-120);
  }

  .service-header {
    max-width: 960px;
  }

  .service-card {
    grid-column-gap: var(--_space---space-70);
    grid-row-gap: var(--_space---space-70);
  }

  .service-card-content {
    grid-column-gap: var(--_space---space-60);
    grid-row-gap: var(--_space---space-60);
  }

  .service-list-item {
    padding-bottom: var(--_space---space-32);
  }

  .service-list-icon {
    width: 40px;
    height: 40px;
  }

  .service-list-title {
    font-size: var(--_typhography---font-size--font-size-36);
  }

  .service-card-title {
    font-size: var(--_typhography---font-size--font-size-48);
  }

  .outcomes-card-title {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .outcomes-card-title.white-text {
    font-size: var(--_typhography---font-size--font-size-56);
    font-size: var(--_typhography---font-size--font-size-56);
  }

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

  .mission-brand-item-2:where(.w-variant-87ebcb24-a3e1-8a0d-e6cc-3785c07accc9) {
    min-height: 140px;
  }

  .pricing-wrapper {
    grid-column-gap: var(--_space---space-96);
    grid-row-gap: var(--_space---space-96);
  }

  .why-choose-card-title {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .industry-wrap {
    grid-column-gap: var(--_space---space-96);
    grid-row-gap: var(--_space---space-96);
  }

  .industry-wrap.split-container {
    position: relative;
  }

  .industry-list-wrap {
    grid-column-gap: var(--_space---space-60);
    grid-row-gap: var(--_space---space-24);
  }

  .industry-content-wrap {
    grid-column-gap: var(--_space---space-60);
    grid-row-gap: var(--_space---space-60);
  }

  .industry-list-title {
    font-size: var(--_typhography---font-size--font-size-36);
  }

  .industry-list-icon {
    width: 40px;
    height: 40px;
  }

  .matter-wrapper {
    grid-column-gap: var(--_space---space-24);
    grid-row-gap: var(--_space---space-24);
  }

  .free-resource-img-wrapper {
    padding-bottom: 23px;
  }

  .blog-list-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .webapp-hero-left {
    max-width: 524px;
  }

  .outcome-heading-wrap {
    background-color: var(--dark);
    align-self: flex-start;
    position: sticky;
  }

  .outcome-wrap {
    flex-flow: row;
  }

  .outcome-card2 {
    top: 100px;
  }

  .hero-wraper {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .testimmonial-name {
    font-size: var(--_typhography---font-size--font-size-32);
  }

  .testimonial-role, .testimonial-description {
    font-size: var(--_typhography---font-size--font-size-18);
  }

  .outcome-top-wrap {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    height: auto;
    display: block;
  }

  .blog-thumb-wrap-2 {
    min-height: 200px;
  }

  .next-section-btn {
    bottom: 60px;
  }
}

@media screen and (min-width: 1440px) {
  .heading-one {
    font-size: 100px;
  }

  .heading-one.is-large {
    font-size: 120px;
  }

  .footer-mail-title {
    font-size: 45px;
  }

  .cta {
    padding-top: 160px;
  }

  .footer-top-right {
    max-width: 500px;
  }

  .project-01-list {
    max-width: 797px;
  }

  .project-01-list.is-small {
    max-width: 600px;
  }

  .project-01-image {
    min-height: 588px;
  }

  .project-01-image.is-small {
    min-height: 415px;
  }

  .project-area {
    padding-top: 194px;
  }

  .review-top-wrap {
    max-width: 860px;
  }

  .review-slider-arrow {
    right: 186px;
  }

  .review-slider-arrow.left {
    right: 65px;
  }

  .blog-image-wrap {
    min-height: 350px;
  }

  .blog-details-wrapper {
    grid-template-columns: minmax(330px, .25fr) 5fr minmax(330px, .25fr);
    position: sticky;
  }

  .contact-form-heading {
    padding-top: 70px;
  }

  .contact-form-wrap {
    grid-template-columns: 546px 1fr;
  }

  .hero-area.is-new {
    padding-top: 630px;
  }

  .about-02-text {
    max-width: 1172px;
  }

  .founder-area {
    min-height: auto;
  }

  .tech-item {
    grid-column-gap: 69px;
    grid-row-gap: 69px;
  }

  .tech-top {
    padding-left: 0;
  }

  .blog-content-wrap {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  .features-header-wrap {
    max-width: 1150px;
  }

  .features-header-wrap:where(.w-variant-4cabf91c-cfa3-16f5-d44a-fbfaca967eb3) {
    max-width: 720px;
  }

  .feature-card {
    min-height: 550px;
  }

  .feature-card:where(.w-variant-4cabf91c-cfa3-16f5-d44a-fbfaca967eb3) {
    width: 400px;
  }

  .feature-number {
    font-size: 110px;
  }

  .feature-title {
    font-size: 48px;
  }

  .why-us-header {
    max-width: 880px;
  }

  .why-us-title {
    font-size: 48px;
  }

  .why-us-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cta-content {
    max-width: 620px;
  }

  .testimonial-card {
    max-width: 680px;
  }

  .pricing-title-wrap {
    max-width: 1100px;
  }

  .section-title {
    font-size: 100px;
  }

  .cta-logo-wrap {
    right: -4%;
  }

  .process-table-text {
    font-size: 24px;
  }

  .case-study-list-wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
  }

  .blog-top-wrap {
    max-width: 1000px;
  }

  .about-title-wrap {
    max-width: 920px;
  }

  .mission-title-wrapper {
    margin-bottom: var(--_space---space-96);
  }

  .mission-title-wrap {
    max-width: 800px;
  }

  .mission-barnd-wrap {
    grid-auto-columns: 1fr;
  }

  .brand-line-1 {
    height: 208px;
  }

  .brand-line-2 {
    background-color: #d9d9d9;
    width: 208px;
    height: 2px;
  }

  .company-static-item {
    height: 372px;
  }

  .static-item-amount {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .case-study {
    grid-column-gap: 77px;
    grid-row-gap: 77px;
  }

  .testimonial-line {
    background-color: var(--gray--gray-400);
    height: 1px;
  }

  .work-benifit-area {
    padding-bottom: 200px;
  }

  .work-benifit-title-wrap {
    max-width: 780px;
  }

  .work-benifit-item {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
  }

  .work-benifit-title {
    font-size: 36px;
  }

  .story-main-wrap {
    max-width: 913px;
  }

  .story-testimonial {
    max-width: 915px;
  }

  .behind-image-wrap {
    max-width: 797px;
    max-height: 588px;
  }

  .behind-image-wrap.small {
    max-width: 563px;
  }

  .design-process-wrapper {
    grid-column-gap: var(--_space---space-140);
    grid-row-gap: var(--_space---space-140);
  }

  .design-process-title-wrap {
    max-width: 940px;
  }

  .design-process-item-wrap {
    grid-column-gap: var(--_space---space-60);
    grid-row-gap: var(--_space---space-60);
  }

  .design-process-text {
    font-size: 36px;
  }

  .services-title-wrap {
    max-width: 960px;
  }

  .overcome-title-wrap {
    max-width: 1060px;
  }

  .overcome-title {
    font-size: var(--_typhography---font-size--font-size-40);
  }

  .issues-title-wrap {
    max-width: 720px;
  }

  .issues-slider {
    max-width: 1380px;
  }

  .free-trial-title-wrap {
    max-width: 980px;
  }

  .analytics-title-wrap {
    max-width: 800px;
  }

  .blog-cms-item.padding-top {
    padding-top: 165px;
  }

  .project-title-wrap-main {
    max-width: 800px;
  }

  .from-team-image-wrap {
    max-width: 448px;
  }

  .career-hero-title-wrap {
    max-width: 800px;
  }

  .hero-project-item {
    width: 797px;
  }

  .hero-project-item.is-small {
    width: 563px;
  }

  .about-text {
    font-size: var(--_typhography---font-size--font-size-45);
  }

  .pain-point-header {
    max-width: 880px;
  }

  .heading-66px {
    font-size: 66px;
  }

  .heading-44px {
    font-size: var(--_typhography---font-size--font-size-45);
  }

  .mission-barnd-wrap-2 {
    grid-auto-columns: 1fr;
  }

  .brand-2-line-2 {
    background-color: #d9d9d9;
  }

  .blog-thumb-wrap {
    min-height: 355px;
  }

  .footer-mail-title-2 {
    font-size: 45px;
  }

  .blog-thumb-wrap-2 {
    min-height: 235px;
  }

  .work-section-scroll-container {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper {
    width: 100%;
  }

  .heading-one {
    font-size: 110px;
  }

  .heading-one.is-large {
    font-size: 140px;
  }

  .review-top-wrap {
    max-width: 1000px;
  }

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

  .blog-details-aside {
    position: static;
    overflow: visible;
  }

  .about-02-text.align-center {
    justify-content: center;
    align-items: center;
  }

  .founder-area {
    display: flex;
  }

  .founder-wrap {
    grid-template-columns: minmax(200px, 662px) minmax(200px, 840px);
  }

  .features-header-wrap {
    max-width: 1260px;
  }

  .features-header-wrap:where(.w-variant-4cabf91c-cfa3-16f5-d44a-fbfaca967eb3) {
    max-width: 680px;
  }

  .feature-card {
    max-width: 420px;
  }

  .feature-card:where(.w-variant-4cabf91c-cfa3-16f5-d44a-fbfaca967eb3) {
    width: 420px;
  }

  .why-us-header {
    max-width: 940px;
  }

  .pricing-title-wrap {
    max-width: 1200px;
  }

  .section-title {
    font-size: 110px;
  }

  .cta-logo-wrap {
    max-width: 490px;
    bottom: -12%;
    right: 14%;
  }

  .project-title-wrap {
    max-width: 760px;
  }

  .blog-top-wrap {
    max-width: 1120px;
  }

  .about-title-wrap {
    max-width: 1150px;
  }

  .work-benifit-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .work-benifit-item-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .work-benifit-item {
    padding: var(--_space---space-40) var(--_space---space-32);
  }

  .services-title-wrap {
    max-width: 1100px;
  }

  .overcome-title-wrap {
    max-width: 1180px;
  }

  .issues-title-wrap {
    max-width: 780px;
  }

  .issues-slider {
    max-width: 1850px;
  }

  .issues-musk {
    max-width: 446px;
  }

  .free-trial-title-wrap {
    max-width: 1040px;
  }

  .analytics-title-wrap {
    max-width: 880px;
  }

  .project-title-wrap-main {
    max-width: 920px;
  }

  ._404 {
    font-size: 24vw;
  }

  .hero-wrapper.hide {
    display: none;
  }

  .pain-point-area.two {
    height: 267vh;
  }

  .pain-point-area.two.app {
    height: 276vh;
  }

  .pain-point-header {
    max-width: 980px;
  }

  .service-header {
    max-width: 1060px;
  }

  .mission-barnd-wrap-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .toggle-btn {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .profile-image-wrap {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .div-block-13 {
    position: sticky;
  }

  .image-2 {
    vertical-align: baseline;
    display: inline-block;
  }

  .testimonial-container {
    min-height: calc(100vh - 120px);
  }

  .video-wrapper {
    width: 100%;
    max-width: 440px;
    overflow: hidden;
  }

  .outcome-top-wrap {
    display: block;
  }

  .div-block-16 {
    display: none;
  }

  .project-details-hero-v2 {
    justify-content: flex-start;
    align-items: flex-end;
    min-height: 100vh;
    display: flex;
  }

  .project-detailshero-wrapper {
    width: 100%;
  }

  .next-section {
    width: 48px;
    height: 48px;
  }

  .next-section-btn {
    bottom: 100px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_space---space-60: 48px;
    --_space---space-40: 32px;
    --_space---space-32: 28px;
    --_space---space-12: 12px;
    --_space---space-24: 20px;
    --_space---space-16: 16px;
    --_space---space-120: 80px;
    --_space---space-140: 80px;
    --_space---space-100: 80px;
    --_space---space-20: 18px;
    --_space---space-80: 72px;
    --_space---space-30: 24px;
    --_space---space-130: 80px;
    --_space---space-70: 60px;
    --_space---space-36: 32px;
    --_space---space-50: 42px;
    --_space---space-96: 72px;
    --_space---space-48: 40px;
    --_space---space-0: 0px;
    --_typhography---font-size--font-size-16: 16px;
    --_typhography---font-size--font-size-20: 18px;
    --_typhography---font-size--font-size-32: 28px;
    --_typhography---font-size--font-size-24: 22px;
    --_typhography---font-size--font-size-64: 54px;
    --_typhography---font-size--font-size-18: 18px;
    --_typhography---font-size--font-size-14: 14px;
    --_typhography---font-size--font-size-40: 36px;
    --_typhography---font-size--font-size-48: 40px;
    --_typhography---font-size--font-size-28: 24px;
    --_typhography---font-size--font-size-36: 32px;
    --_typhography---font-size--font-size-56: 48px;
    --_typhography---font-size--font-size-45: 36px;
    --_typhography---font-size--font-size-22: 20px;
    --_typhography---font-size--font-size-30: 26px;
    --_typhography---font-size--font-size-60: 48px;
    --_typhography---font-size--font-66: 66px;
  }

  .mobile-margin-top-12 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .nav-dropdown-menu-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .nav-menu-wrapper {
    background-color: #fff;
    display: none;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    box-shadow: none;
    margin-top: 16px;
    padding-top: 0;
    position: relative;
    left: 0;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide._5.w--open {
    left: 0;
  }

  .menu-button {
    color: #1f1f1f;
    background-color: #0b081c00;
    flex-flow: row;
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: var(--primary);
    color: #fff;
  }

  .nav-link-text {
    padding: 5px 10px;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
    display: none;
  }

  .nav-button-wrapper.mobile {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .rich-text {
    font-size: 32px;
  }

  .nav-dropdown-toggle {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .nav-dropdown-toggle.w--open {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-dropdown-box {
    border-top: 0 solid #ffffff05;
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menus {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding: 30px 40px 40px;
    display: flex;
  }

  .nav-right-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .navbar-wrapper {
    align-items: center;
  }

  .nav-item {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

  .utilty-page-wrap {
    height: 100vh;
  }

  .style-guide {
    margin-top: 60px;
    margin-bottom: 80px;
  }

  .style-guide-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 60px;
  }

  .style-guide-left {
    display: none;
  }

  .style-guide-right {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .typography-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .heading-one {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .heading-one.is-large {
    font-size: 80px;
  }

  .heading-two {
    font-size: 50px;
  }

  .service-feature-list {
    font-size: 18px;
  }

  .buttons-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cta {
    padding-bottom: 250px;
  }

  .cta-wrap {
    max-width: 100%;
  }

  .footer {
    padding-top: 80px;
  }

  .image-box-wrap, .image-box-wrap-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 40px;
  }

  .services-single {
    margin-top: 80px;
  }

  .services-single-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .services-single-top-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .services-single-bottom-wrap {
    max-width: 100%;
  }

  .services-singel-image {
    margin-top: 20px;
  }

  .service-details {
    font-size: 30px;
  }

  .services-cta {
    margin-top: 60px;
    padding-bottom: 40px;
  }

  .service-cta-top.align-center {
    max-width: 100%;
  }

  .service-cta-bottom {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .service-cta-card-list.bg-gray-4 {
    padding-bottom: 36px;
    padding-left: 36px;
  }

  .cta-card-text-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 80px;
  }

  .service-grid-item {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .project-01-wrap {
    padding-top: 16px;
  }

  .project-01-bottom-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 70px;
  }

  .project-01-list.project-01-list-03 {
    max-width: 100%;
  }

  .project-01-name-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    margin-top: 10px;
  }

  .project-coll-item, .project-coll-item.project-item-02 {
    max-width: 100%;
  }

  .project-coll-item.project-item-02 {
    max-width: 100%;
  }

  .project-coll-item.project-item-03 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .review-area {
    padding-top: 80px;
  }

  .related-project {
    margin-top: 80px;
  }

  .review-bottom-wrap {
    margin-top: 40px;
  }

  .review-slide {
    width: 100%;
    margin-right: 0%;
  }

  .team-block-info {
    height: 100%;
  }

  .review-slider-arrow {
    inset: auto 0% 0% auto;
  }

  .review-slider-arrow.left {
    right: 60px;
  }

  .review-text-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 350px;
    padding: 20px;
  }

  .client-video-wrap {
    max-width: 250px;
  }

  .breadcrumbs {
    margin-bottom: 10px;
  }

  .blog-image-wrap {
    min-height: auto;
  }

  .blog-details-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .blog-details-info-wrapper {
    margin-bottom: 0;
    display: none;
  }

  .blog-details-aside {
    max-width: 100%;
    margin-bottom: var(--_space---space-40);
    grid-column-gap: var(--_space---space-16);
    grid-row-gap: var(--_space---space-16);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
    position: static;
  }

  .blog-details-aside.tab-on {
    margin-bottom: var(--_space---space-30);
    margin-bottom: var(--_space---space-30);
    display: flex;
  }

  .related-blog {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .contact {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .contact-form-heading {
    align-items: center;
  }

  .contact-form-wrap {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-flow: column-reverse;
    grid-template-columns: 1fr;
    margin-top: 60px;
    display: flex;
  }

  .contact-form-wrap.hide {
    display: none;
  }

  .contact-form-left {
    max-width: 100%;
    margin-top: 0;
  }

  .contact-form-left.cfrom-2 {
    align-self: center;
  }

  .contact-form-image-wrap {
    height: 400px;
  }

  .office-and-email-info, .contact-form-main-wrap {
    margin-top: 40px;
  }

  .contact-form-submit-button {
    margin-top: 30px;
  }

  .priceing-bottom-wrap {
    margin-top: 60px;
  }

  .priceing-heading {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .item-name-title {
    margin-bottom: 30px;
  }

  .item-name-title._02 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .futures-list-wrap {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding: 24px;
  }

  .futures-list-wrap._02 {
    align-items: flex-start;
  }

  .priceing-features-wrap {
    max-width: 100%;
  }

  .pricing-list-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .features-title-text {
    margin-bottom: 6px;
    margin-left: 44px;
  }

  .singel-pricing {
    margin-top: 80px;
    margin-bottom: 40px;
  }

  .singel-pricing-bottom-wrap {
    flex-flow: column-reverse wrap;
    align-items: center;
    max-width: 100%;
    margin-top: 60px;
  }

  .singel-pricing-heading-subtitle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .priceing-left-wrap {
    max-width: 100%;
  }

  .priceing-right-wrap {
    width: 100%;
  }

  .priceing-features {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 22px;
  }

  .add-to-cart {
    background-position: 72px;
    height: 60px;
    padding-left: 100px;
    padding-right: 60px;
  }

  .ecommerce-btn {
    background-image: none;
    height: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .faq-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .faq-wrap {
    flex-flow: column;
    align-items: center;
  }

  .faq-left-wrap {
    flex: 0 auto;
  }

  .faq-list {
    padding: 40px;
  }

  .company-hero {
    margin-top: 80px;
  }

  .company-hero-top-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .company-hero-top-wrap.align-center-mobile {
    text-align: center;
    text-align: center;
  }

  .company-hero-bottom-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    margin-top: 60px;
  }

  .company-hero-left {
    max-width: 100%;
  }

  .company-hero-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 100%;
  }

  .company-hero-image {
    height: 500px;
  }

  .brand-area, .company-cta {
    margin-top: 100px;
  }

  .company-cta-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column-reverse wrap-reverse;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .cta-collection-01, .cta-collection-02 {
    position: static;
  }

  .cta-collection-03 {
    justify-content: center;
  }

  .awards {
    margin-top: 100px;
  }

  .awards-right-wrap {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    max-width: 550px;
  }

  .cta-card-1 {
    max-width: 100%;
    min-height: 230px;
    padding: 24px;
  }

  .cta-card-03 {
    width: 100%;
    max-width: 100%;
    max-height: 230px;
  }

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

  .awwward-list-wrap {
    padding-bottom: 20px;
  }

  .metrics-sticky-wrapper {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  .marqee-image-filed {
    max-width: 300px;
  }

  .hero-area {
    padding-top: 60px;
  }

  .works-area {
    margin-top: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .client-count-area {
    margin-bottom: 60px;
  }

  .marqee-filed, .big-dot {
    margin-right: 60px;
  }

  .about-02-wrap {
    height: auto;
  }

  .about-02-video-wrap {
    height: 350px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    position: static;
  }

  .about-02-main-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    height: auto;
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .project-details-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
  }

  .project-02-titel-wrap {
    grid-row-gap: 2px;
    flex-flow: wrap;
  }

  ._404-image-wrap {
    margin-bottom: 0;
  }

  ._404-text-wrap {
    margin-top: 200px;
  }

  .shop-hero {
    margin-top: 80px;
  }

  .shop-hero-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: center;
  }

  .shop-hero-right-wrap {
    margin-left: 0;
  }

  .shop-hero-right-wrap.align-center-tab {
    text-align: center;
    text-align: center;
  }

  .shop-item {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .item-list-wrap {
    margin-top: 60px;
  }

  .shop-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
    position: static;
    top: -114px;
  }

  .product-card {
    grid-column-gap: 20px;
    grid-row-gap: 26px;
  }

  .shop-image-02 {
    height: 280px;
  }

  .change-log-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 40px 50px;
  }

  .founder-area {
    padding-top: 60px;
  }

  .founder-wrap {
    grid-template-columns: 1fr;
  }

  .btn-password {
    background-image: none;
    height: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .metrics-text-2 {
    font-size: 128px;
  }

  .brand-top {
    margin-bottom: 10px;
  }

  .result-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .result-title {
    font-size: 60px;
  }

  .result-content {
    font-size: 16px;
  }

  .project-video-wrap {
    height: 416px;
  }

  .social-link {
    max-width: 72px;
  }

  .contact-tab-pane {
    height: auto;
  }

  .author-blog {
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .blog-top-left-wrap {
    max-width: 100%;
  }

  .blog-content-wrap {
    flex-flow: column;
    justify-content: center;
  }

  .blog-tab-menus {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 30px;
    position: static;
    top: -114px;
  }

  .pricing-top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .plan-feature-item {
    padding: 32px 24px;
  }

  .plan-icon-wrap {
    width: 45px;
    height: 45px;
  }

  .plan-feature-icon {
    width: 22px;
  }

  .plan-feature-text {
    font-size: 18px;
  }

  .feature-card {
    max-width: 300px;
    min-height: 440px;
    padding: 20px;
  }

  .feature-number {
    font-size: 72px;
  }

  .feature-title {
    font-size: 36px;
  }

  .service-tag {
    padding: 22px;
  }

  .why-us-title {
    font-size: 32px;
  }

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

  .pricing-tab-link {
    padding: 18px;
  }

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

  .priceing-amount {
    font-size: 48px;
  }

  .vertical-line {
    width: 1px;
    height: 100px;
  }

  .us-item-top {
    grid-template-columns: 1fr 2px 1fr;
  }

  .testimonial-card {
    max-width: 540px;
    padding: 24px;
  }

  .pricing-info-wrapper {
    padding: 24px;
  }

  .features-list-wrap {
    padding-bottom: 5px;
    overflow: auto;
  }

  .section-title {
    font-size: 60px;
  }

  .cta-logo-wrap {
    max-width: 320px;
    bottom: -18%;
    right: -7%;
  }

  .process-table-tite-wrap {
    min-width: 180px;
    min-height: 84px;
  }

  .process-table-text {
    font-size: 18px;
  }

  .testimonials-list-wrap {
    transform: translate(0%);
  }

  .mission-title-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
  }

  .mission-brand-wrapper.mobile {
    display: flex;
  }

  .mission-brand-wrapper.desktop {
    display: none;
  }

  .brand-line-1 {
    height: 120px;
  }

  .brand-line-2 {
    width: 120px;
  }

  .mission-title {
    font-size: 40px;
  }

  .company-static-item-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .static-item-amount {
    font-size: 36px;
  }

  .case-study {
    grid-column-gap: var(--_space---space-40);
    grid-row-gap: var(--_space---space-40);
    grid-template-columns: 1fr;
  }

  .case-study-tite {
    font-size: 32px;
  }

  .case-study-review-wrapper {
    grid-column-gap: var(--_space---space-40);
    grid-row-gap: var(--_space---space-40);
  }

  .team-item-wrapper {
    grid-column-gap: var(--_space---space-30);
    grid-row-gap: var(--_space---space-40);
  }

  .member-name {
    font-size: 30px;
  }

  .work-benifit-title {
    font-size: 28px;
  }

  .blog-details-image-wrap {
    max-height: 480px;
  }

  .blog-details-info-item {
    font-size: 22px;
  }

  .story-wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }

  .story-testimonial {
    align-self: flex-start;
  }

  .story-qoute {
    font-size: 32px;
  }

  .story-details-text {
    font-size: 22px;
  }

  .text-36px {
    font-size: 30px;
  }

  .behind-image-wrap {
    max-width: 480px;
  }

  .behind-image-wrap.small {
    max-width: 360px;
  }

  .design-process-step-text {
    margin-top: -11px;
  }

  .design-process-line {
    margin-bottom: -11px;
  }

  .design-process-text-wrap._02 {
    margin-left: 10%;
  }

  .design-process-text-wrap._03 {
    margin-left: 20%;
  }

  .design-process-text-wrap._04 {
    margin-left: auto;
  }

  .design-process-text {
    font-size: 24px;
  }

  .design-process-border {
    height: 10px;
  }

  .services-title-wrapper {
    grid-row-gap: var(--_space---space-48);
    flex-flow: wrap;
  }

  .overcome-item-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .issues-title-wrap {
    max-width: 440px;
  }

  .issues-slider-wrap {
    padding-bottom: 80px;
    padding-right: 0;
  }

  .issues-slider {
    margin-left: 0%;
  }

  .issues-musk {
    max-width: 380px;
  }

  .slider-arrow {
    width: 72px;
    height: 72px;
    padding: 20px;
    inset: auto 0% 0% auto;
  }

  .slider-arrow.left {
    right: 80px;
  }

  .deliver-item-wrap {
    grid-column-gap: var(--_space---space-16);
    grid-row-gap: var(--_space---space-16);
  }

  .deliver-item {
    min-width: 220px;
    max-width: 220px;
  }

  .deliver-text {
    font-size: var(--_typhography---font-size--font-size-40);
  }

  .bendfits-content-wrapper {
    grid-template-columns: 1fr;
  }

  .bendfits-image-wrap {
    max-width: none;
  }

  .blog-author-title-wrap {
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  .project-title-wrap-main {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .from-team-title-wrap {
    max-width: 300px;
    margin-left: 0;
  }

  .from-team-slider {
    max-width: 100%;
  }

  .job-opening-item-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .job-opening-title {
    font-size: 36px;
  }

  .hero-project-item {
    width: 460px;
  }

  .hero-project-item.is-small {
    width: 350px;
  }

  .nav-link-dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link-item {
    align-self: stretch;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .dropdown-list {
    flex-flow: wrap;
    padding-top: 10px;
    display: none;
    position: static;
  }

  .dropdown-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 24px;
  }

  .nav-link-toggle {
    color: #fff;
    align-self: stretch;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    display: flex;
  }

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

  .dropdown-list-wraps {
    grid-column-gap: var(--_space---space-32);
    grid-row-gap: var(--_space---space-32);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .services-hero-right {
    max-width: none;
  }

  .services-hero-header {
    max-width: 690px;
  }

  .hero-wrapper {
    max-width: 700px;
  }

  .review-item-wrap {
    flex-flow: wrap;
  }

  .pain-point-item {
    grid-template-columns: 1fr 1.5fr;
  }

  .pain-point-text {
    font-size: var(--_typhography---font-size--font-size-22);
  }

  .solution-area.two {
    padding-top: 60px;
  }

  .solution-header {
    grid-template-columns: minmax(400px, 1fr) 1fr;
  }

  .solution-wrap {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }

  .solution-card-bottom {
    flex-flow: wrap;
  }

  .service-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .service-card-image {
    aspect-ratio: 3 / 2;
    flex: 0 auto;
    order: -9999;
  }

  .service-card-content {
    flex: 0 auto;
  }

  .outcomes-headings {
    max-width: 300px;
  }

  .section-header-text {
    max-width: 320px;
  }

  .outcomes-card {
    min-height: 320px;
  }

  .compare-table {
    min-width: 980px;
  }

  .compare-table-title {
    flex-basis: 160px;
  }

  .compare-text {
    max-width: 350px;
  }

  .compare-table-wrap {
    overflow: auto;
  }

  .heading-66px {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .heading-44px.industries-title.is-new {
    font-size: var(--_typhography---font-size--font-size-28);
    font-size: var(--_typhography---font-size--font-size-28);
    font-size: var(--_typhography---font-size--font-size-28);
  }

  .mission-barnd-wrap-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .mission-brand-item-2:where(.w-variant-87ebcb24-a3e1-8a0d-e6cc-3785c07accc9) {
    min-height: 80px;
  }

  .brand-2-line-1 {
    height: 80%;
  }

  .brand-2-line-2 {
    width: 80%;
  }

  .heading-56px {
    font-size: var(--_typhography---font-size--font-size-64);
  }

  .case-study-heading {
    max-width: 360px;
  }

  .blog-author-name {
    font-size: 40px;
  }

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

  .pricing-left {
    grid-column-gap: var(--_space---space-48);
    grid-row-gap: var(--_space---space-48);
  }

  .why-choose-card {
    min-height: 320px;
  }

  .team-info-wrapper {
    grid-column-gap: var(--_space---space-16);
    grid-row-gap: var(--_space---space-16);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .industry-list-wrap {
    grid-column-gap: var(--_space---space-40);
  }

  .industry-content-wrap {
    grid-column-gap: var(--_space---space-36);
    grid-row-gap: var(--_space---space-36);
  }

  .industry-content-wrap.is-new {
    grid-template-columns: 1fr 1fr;
  }

  .industry-list-title.web-app.is-new {
    font-size: var(--_size---font-12);
    font-size: var(--_size---font-12);
    font-size: var(--_size---font-12);
  }

  .matter-wrapper {
    grid-column-gap: var(--_space---space-30);
    grid-row-gap: var(--_space---space-30);
    grid-template-columns: 1fr 1fr;
  }

  .matter-card:hover {
    transform: scale(1);
  }

  .section-content-2.industries-para {
    font-size: 14px;
  }

  .sub-form-wrap {
    margin-bottom: 0;
  }

  .blog-list-2 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-thumb-wrap {
    min-height: auto;
  }

  .webapp-hero-left {
    max-width: 100%;
  }

  .outcome-card-para-wrap {
    align-self: flex-start;
  }

  .industry-list-svg {
    width: 14px;
  }

  .footer-menus-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-cta-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-cta-right {
    place-items: start stretch;
  }

  .hero-wraper {
    flex-flow: column;
  }

  .author-page-heading {
    font-size: 40px;
  }

  .footer-dwn-btn-wrap {
    display: none;
  }

  .footer-gallery-container {
    width: 100%;
    overflow: visible;
  }

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

  .footer-gallery-wraper {
    display: none;
  }

  .video-wrapper {
    max-width: 400px;
  }

  .blog-thumb-wrap-2 {
    min-height: auto;
  }

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

  .resource-card_image {
    height: 480px;
  }

  .resource-card_title, .resource-card_price {
    font-size: 18px;
  }

  .resourse-details_banner-wrap {
    height: 520px;
  }

  .gallery-header {
    grid-template-columns: minmax(400px, 1fr) 1fr;
  }

  .inside-header {
    grid-column-gap: var(--_space---space-48);
    grid-row-gap: var(--_space---space-48);
    grid-template-columns: 1.5fr;
  }

  .built_card-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .built-card_title {
    font-size: 18px;
  }

  .resource_hero-wrap {
    grid-template-columns: 1.5fr;
  }

  .nav-cta-btn-wrap {
    display: none;
  }

  .where-started_heading, .what-solved_heading {
    max-width: 360px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_space---space-60: 40px;
    --_space---space-40: 28px;
    --_space---space-32: 24px;
    --_space---space-12: 12px;
    --_space---space-24: 18px;
    --_space---space-16: 16px;
    --_space---space-120: 72px;
    --_space---space-140: 72px;
    --_space---space-100: 70px;
    --_space---space-20: 16px;
    --_space---space-80: 60px;
    --_space---space-30: 20px;
    --_space---space-130: 72px;
    --_space---space-70: 48px;
    --_space---space-36: 28px;
    --_space---space-50: 36px;
    --_space---space-96: 60px;
    --_space---space-48: 32px;
    --_space---space-0: 0px;
    --_typhography---font-size--font-size-16: 16px;
    --_typhography---font-size--font-size-20: 16px;
    --_typhography---font-size--font-size-32: 24px;
    --_typhography---font-size--font-size-24: 20px;
    --_typhography---font-size--font-size-64: 48px;
    --_typhography---font-size--font-size-18: 16px;
    --_typhography---font-size--font-size-14: 14px;
    --_typhography---font-size--font-size-40: 32px;
    --_typhography---font-size--font-size-48: 36px;
    --_typhography---font-size--font-size-28: 22px;
    --_typhography---font-size--font-size-36: 28px;
    --_typhography---font-size--font-size-56: 40px;
    --_typhography---font-size--font-size-45: 32px;
    --_typhography---font-size--font-size-22: 18px;
    --_typhography---font-size--font-size-30: 24px;
    --_typhography---font-size--font-size-60: 40px;
    --_typhography---font-size--font-66: 66px;
  }

  .mobile-margin-top-12 {
    margin-top: 10px;
  }

  .nav-dropdown-menu-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    margin-top: 5px;
    margin-right: 0;
  }

  .nav-dropdown-menu.center {
    border-left-width: 0;
    border-right-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .rich-text {
    font-size: 28px;
  }

  .nav-dropdown-toggle.w--open {
    padding-left: 0;
  }

  .nav-dropdown-box {
    padding: 20px 32px;
  }

  .nav-menus {
    flex-direction: column;
    padding-top: 20px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .utility-content {
    width: 100%;
  }

  .style-guide {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .style-guide-main {
    margin-top: 40px;
  }

  .style-guide-right {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .typography-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 32px;
  }

  .typography-list {
    padding-bottom: 32px;
  }

  .typography-details {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-one {
    font-size: 54px;
  }

  .heading-one.is-large {
    font-size: 60px;
  }

  .heading-one.is-large.blog-page-title {
    font-size: 48px;
  }

  .heading-two {
    font-size: 56px;
  }

  .footer-mail-title {
    font-size: 44px;
  }

  .service-feature-list {
    font-size: 16px;
  }

  .section-content.width-438 {
    width: 100%;
  }

  .paragraph-small.text-gray-2.bottom-padding {
    padding-bottom: 10px;
  }

  .paragraph-small.text-gray-2.top-bottom-padding {
    padding-top: 18px;
    padding-bottom: 10px;
  }

  .color {
    height: 60px;
  }

  .buttons-main {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 32px 32px 28px;
  }

  .cta {
    padding-bottom: 200px;
  }

  .footer {
    padding-top: 60px;
  }

  .footer-top-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer-top-right {
    max-width: 100%;
  }

  .footer-content-wrap {
    margin-top: 40px;
  }

  .image-box-wrap {
    width: 48%;
  }

  .services-single {
    margin-top: 60px;
  }

  .services-single-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-details {
    font-size: 18px;
  }

  .service-details-wrap {
    margin-top: 24px;
  }

  .services-cta {
    margin-top: 40px;
    padding-bottom: 20px;
  }

  .service-cta-bottom {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .service-cta-card-list.bg-gray-4 {
    padding-bottom: 28px;
    padding-left: 28px;
  }

  .cta-card-text-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 60px;
  }

  .service-grid-item {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .project-01-bottom-wrap {
    margin-top: 60px;
  }

  .project-01-list.is-small {
    max-width: 100%;
  }

  .project-01-image-wrap {
    height: 340px;
  }

  .project-01-image.is-small {
    min-height: 360px;
  }

  .review-area {
    padding-top: 60px;
  }

  .related-project {
    margin-top: 60px;
  }

  .releted-project-list {
    flex-flow: column-reverse;
  }

  .review-bottom-wrap {
    margin-top: 30px;
  }

  .review-block {
    flex-flow: column;
  }

  .review-slider-arrow.left {
    right: 80px;
  }

  .review-text-wrap {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    max-width: 100%;
  }

  .client-video-wrap {
    max-width: 400px;
    overflow: hidden;
  }

  .breadcrumbs {
    margin-bottom: 8px;
  }

  .blog-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .blog-image-wrap {
    min-height: auto;
  }

  .blog-collection-list {
    grid-column-gap: var(--_space---space-32);
    grid-row-gap: var(--_space---space-32);
    grid-template-columns: 1fr;
  }

  .blog-tab-link {
    flex: auto;
  }

  .related-blog {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .contact {
    margin-top: 20px;
    margin-bottom: 16px;
  }

  .contact-top-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: flex-start;
  }

  .contact-top-left {
    max-width: 100%;
  }

  .contact-form-wrap {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .contact-form-left.cfrom-2 {
    align-self: center;
  }

  .contact-form-image-wrap {
    height: 350px;
  }

  .office-and-email-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-top: 30px;
  }

  .office-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    max-width: 100%;
  }

  .contact-form-main-wrap {
    margin-top: 30px;
  }

  .contact-form {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .contact-form-input {
    min-height: 50px;
  }

  .contact-form-input.message-box {
    min-height: 120px;
  }

  .contact-form-submit-button {
    margin-top: 24px;
    padding: 12px;
  }

  .select-option-field {
    min-height: 50px;
  }

  .price-area {
    margin-top: 60px;
  }

  .priceing-bottom-wrap {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: column;
    margin-top: 40px;
  }

  .priceing-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .item-name-title {
    margin-bottom: 24px;
  }

  .futures-list-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .futures-list-wrap._02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
  }

  .priceing-btn-wrap {
    margin-right: 0;
  }

  .singel-pricing {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .singel-pricing-bottom-wrap {
    margin-top: 40px;
  }

  .singel-pricing-heading-subtitle {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .priceing-left-wrap {
    max-width: 100%;
  }

  .priceing-features {
    margin-top: 16px;
    margin-bottom: 26px;
    padding: 20px;
  }

  .add-to-cart {
    background-position: 58px;
    padding-left: 86px;
    padding-right: 56px;
  }

  .ecommerce-btn {
    background-image: none;
    padding-left: 56px;
    padding-right: 56px;
  }

  .faq-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-list {
    padding: 30px;
  }

  .company-hero {
    margin-top: 40px;
  }

  .company-hero-bottom-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .company-hero-image {
    height: 300px;
  }

  .brand-area {
    margin-top: 60px;
  }

  .company-cta {
    margin-top: 80px;
  }

  .company-cta-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .awards {
    margin-top: 80px;
  }

  .awards-wrap {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    flex-flow: column;
    align-items: center;
  }

  .awards-right-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 100%;
  }

  .cta-card-1 {
    min-height: 200px;
  }

  .awwward-list-wrap {
    padding-bottom: 16px;
  }

  .metrics-sticky-wrapper {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .marqee-image-filed {
    max-width: 250px;
    height: 200px;
    margin-right: 14px;
  }

  .hero-area {
    padding-top: 40px;
  }

  .works-area {
    margin-top: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .work-list-wrap {
    width: 100%;
  }

  .client-count-area {
    margin-top: 80px;
    margin-bottom: 40px;
  }

  .marqee-filed, .big-dot {
    margin-right: 40px;
  }

  .about-02-video-wrap {
    height: 280px;
  }

  .about-02-main-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._404-text-wrap {
    margin-top: 140px;
  }

  ._404-text-wrap.align-center {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .shop-hero {
    margin-top: 60px;
  }

  .shop-item {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .item-list-wrap {
    margin-top: 40px;
  }

  .product-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .shop-image-02 {
    height: 300px;
  }

  .password-form {
    max-width: 80%;
  }

  .change-log-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 30px 40px;
  }

  .founder-area {
    padding-top: var(--_space---space-60);
  }

  .founder-wrap {
    grid-template-columns: 1fr;
  }

  .btn-password {
    background-image: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial-content {
    font-size: 28px;
  }

  .metrics-text-2 {
    font-size: 90px;
  }

  .brand-top {
    margin-bottom: 8px;
  }

  .project-details-hero {
    padding-top: 60px;
  }

  .project-detail-top {
    padding-bottom: 40px;
  }

  .result-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .result-title {
    font-size: 50px;
  }

  .tech-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .tech-right._1st {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .tech-item {
    grid-template-columns: 1fr;
  }

  .project-video-wrap {
    height: 306px;
  }

  .author-blog {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .blog-cms-wrap {
    margin-top: 0;
    padding-top: 0;
  }

  .blog-content-wrap {
    grid-template-columns: 1fr;
  }

  .blog-tab-menus {
    flex-flow: wrap;
  }

  .pricing-top, .plan-feature-list {
    grid-template-columns: 1fr;
  }

  .feature-card {
    max-width: 280px;
    min-height: 400px;
  }

  .feature-number {
    font-size: 64px;
  }

  .feature-title {
    font-size: 32px;
  }

  .case-study-section.secondary {
    padding-bottom: var(--_space---space-60);
    padding-bottom: var(--_space---space-60);
  }

  .service-tag {
    padding: 20px;
  }

  .case-study-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .cta-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-tab-link {
    padding: 16px;
  }

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

  .pricing-tab-menu {
    justify-content: flex-start;
    align-items: center;
  }

  .priceing-amount {
    font-size: 40px;
  }

  .vertical-line {
    width: 100%;
    height: 1px;
  }

  .us-item-top {
    grid-template-columns: 1fr;
  }

  .testimonial-card {
    max-width: 480px;
    padding: 20px;
  }

  .author-name {
    font-size: 24px;
    text-decoration: none;
  }

  .section-title {
    font-size: 54px;
  }

  .cta-logo-wrap {
    bottom: -20%;
    right: -9%;
  }

  .process-table-tite-wrap {
    min-width: 160px;
  }

  .process-table-row {
    min-height: 85px;
  }

  .process-table-text {
    font-size: 16px;
  }

  .blog-top-wrap {
    margin-bottom: var(--_space---space-40);
  }

  .about-title-wrapper {
    grid-column-gap: var(--_space---space-24);
    grid-row-gap: var(--_space---space-24);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-details-wrap {
    max-width: none;
  }

  .mission-barnd-wrap {
    grid-template-columns: 1fr 2px 1fr;
  }

  .brand-line-1 {
    height: 70%;
  }

  .brand-line-1.mobile-off {
    display: none;
  }

  .mission-line-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .brand-line-2 {
    width: 70%;
  }

  .brand-line-2.mobile-off {
    display: none;
  }

  .mission-title {
    font-size: 32px;
  }

  .company-static-item {
    height: 280px;
  }

  .static-item-amount {
    font-size: 32px;
  }

  .star-icon {
    width: 140px;
  }

  .case-study-tite {
    font-size: 28px;
  }

  .team-item-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .team-text-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

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

  .team-header {
    flex-flow: wrap;
  }

  .work-benifit-item-wrap {
    grid-template-columns: 1fr;
  }

  .work-benifit-title {
    font-size: 24px;
  }

  .blog-details-image-wrap {
    max-height: 360px;
  }

  .blog-details-info-item {
    font-size: 20px;
  }

  .story-qoute {
    font-size: 28px;
  }

  .story-details-text-wrap {
    grid-column-gap: var(--_space---space-48);
    grid-row-gap: var(--_space---space-48);
    grid-template-columns: 1fr;
  }

  .story-details-text {
    font-size: 20px;
  }

  .text-36px {
    font-size: 24px;
  }

  .behind-image-wrap {
    max-width: 380px;
  }

  .behind-image-wrap.small {
    max-width: 300px;
  }

  .design-process-step-text {
    margin-top: -9px;
  }

  .design-process-line {
    margin-bottom: -9px;
  }

  .design-process-text-wrap {
    max-width: 380px;
  }

  .design-process-text-wrap._02 {
    margin-left: 5%;
  }

  .design-process-text-wrap._03 {
    margin-left: 10%;
  }

  .design-process-text-wrap._04 {
    margin-left: 15%;
  }

  .design-process-text {
    font-size: 22px;
  }

  .design-process-border {
    height: 8px;
  }

  .services-title-wrapper {
    grid-column-gap: var(--_space---space-24);
    grid-row-gap: var(--_space---space-24);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .services-image-wrapper {
    grid-template-columns: 1.41fr;
  }

  .overcome-item-wrapper {
    grid-template-columns: 1fr;
  }

  .issues-slider-wrap {
    padding-bottom: 70px;
  }

  .issues-musk {
    max-width: 350px;
  }

  .slider-arrow {
    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .slider-arrow.left {
    right: 80px;
  }

  .deliver-item-wrap {
    grid-row-gap: var(--_space---space-32);
    flex-flow: wrap;
  }

  .blog-author-title-wrap {
    margin-bottom: 0;
  }

  .blog-cms-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .blog-cms-item.padding-top {
    padding-top: var(--_space---space-0);
    padding-top: var(--_space---space-0);
  }

  .from-team-slider-wrap {
    padding-bottom: 80px;
  }

  .from-team-slider {
    max-width: 100%;
    max-height: 330px;
  }

  .from-team-item {
    flex-flow: column;
  }

  .from-team-image-wrap {
    max-width: none;
    max-height: 580px;
  }

  .from-team-image-wrap.mobile-off {
    display: none;
  }

  .from-team-image-wrap.mobile-on {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
  }

  .from-team-content-wrap {
    grid-column-gap: var(--_space---space-24);
    grid-row-gap: var(--_space---space-24);
  }

  .job-opening-title {
    font-size: 32px;
  }

  .career-hero-title-wrapper {
    grid-column-gap: var(--_space---space-24);
    grid-row-gap: var(--_space---space-24);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-project-item {
    width: 360px;
  }

  .hero-project-item.is-small {
    width: 280px;
  }

  .about-text {
    font-size: 44px;
  }

  .dropdown-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border-radius: 20px;
    flex-flow: column;
  }

  .about-hero-details-wrap {
    max-width: none;
  }

  .review-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .blog-list {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .blog-list.is-author {
    grid-template-columns: 1fr;
  }

  .review-item-wrap {
    grid-row-gap: var(--_space---space-12);
  }

  .review-item-wrap.services {
    grid-column-gap: var(--_space---space-12);
    grid-row-gap: var(--_space---space-12);
    grid-column-gap: var(--_space---space-12);
    grid-row-gap: var(--_space---space-12);
    justify-content: center;
    align-items: center;
  }

  .pain-point-item {
    grid-column-gap: var(--_space---space-0);
    grid-row-gap: var(--_space---space-32);
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .pain-point-text {
    font-size: var(--_typhography---font-size--font-size-20);
  }

  .solution-header {
    grid-row-gap: var(--_space---space-32);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .problem-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .service-item {
    flex-flow: wrap;
    position: static;
  }

  .div-block-5 {
    flex-grow: 1;
  }

  .service-list-icon {
    width: 32px;
    height: 32px;
  }

  .section-header-text {
    max-width: none;
  }

  .outcomes-footer {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .outcomes-card {
    min-height: 280px;
  }

  .compare-table {
    min-width: 840px;
  }

  .compare-table-title {
    flex-basis: 150px;
    min-height: 70px;
  }

  .compare-text {
    max-width: 280px;
  }

  .heading-44px.industries-title {
    font-size: var(--_typhography---font-size--font-size-20);
    font-size: var(--_typhography---font-size--font-size-20);
  }

  .mission-barnd-wrap-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .brand-2-line-1 {
    height: 70%;
  }

  .brand-2-line-2 {
    width: 70%;
  }

  .case-study-heading {
    max-width: none;
  }

  .blog-detail-info-wrap {
    flex-flow: wrap;
  }

  .pricing-info-top {
    grid-row-gap: var(--_space---space-20);
    flex-flow: wrap;
  }

  .pricing-cta {
    grid-row-gap: var(--_space---space-16);
    flex-flow: wrap;
  }

  .why-choose-header {
    grid-row-gap: var(--_space---space-32);
    flex-flow: wrap;
  }

  .why-choose-card {
    min-height: 280px;
  }

  .section-header {
    flex-flow: wrap;
  }

  .industry-item.visual-card.is-new {
    padding-top: var(--_space---space-24);
    padding-top: var(--_space---space-24);
    padding-top: var(--_space---space-24);
  }

  .industry-list-wrap {
    grid-row-gap: var(--_space---space-0);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) minmax(200px, 1fr);
    width: 100%;
  }

  .industry-list-wrap.is-new {
    grid-column-gap: 40px;
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .industry-content-wrap {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .industry-content-wrap.is-new {
    grid-template-columns: 1fr;
  }

  .industry-image.mobile-hide {
    display: none;
  }

  .industry-content {
    grid-column-gap: var(--_space---space-12);
    grid-row-gap: var(--_space---space-12);
  }

  .industry-list-item {
    padding-bottom: var(--_space---space-0);
    justify-content: space-between;
    align-items: center;
  }

  .industry-list-title.web-app {
    line-height: 150%;
  }

  .industry-list-title.web-app.is-new {
    font-size: var(--_typhography---font-size--font-size-14);
    font-size: var(--_typhography---font-size--font-size-14);
  }

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

  .why-matter-header {
    grid-row-gap: var(--_space---space-32);
    flex-flow: wrap;
  }

  .matter-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .section-content-2.industries-para {
    font-size: 14px;
  }

  .blog-list-2 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .recent-blogs {
    padding-top: var(--_space---space-40);
    padding-bottom: var(--_space---space-40);
  }

  .rec-blog-title {
    font-size: 32px;
  }

  .webapp-hero-left {
    max-width: 100%;
  }

  .outcome-heading-wrap {
    width: 100%;
    top: 0;
  }

  .outcome-crads-wrap {
    width: 100%;
  }

  .outcome-card2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .industry-leftcontent-wrap.is-new {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-menus-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-menu-item-wrap {
    margin-top: var(--_space---space-32);
  }

  .footer-cta-wrap {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
  }

  .hero-wraper {
    grid-column-gap: var(--_space---space-40);
    grid-row-gap: var(--_space---space-40);
    flex-flow: column;
  }

  .author-page-heading {
    font-size: 30px;
  }

  .footer-mail-title-2 {
    font-size: 44px;
  }

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

  .testimonial-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .nav-list.swiper {
    max-width: 195px;
  }

  .nav-item.swiper-slide {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    font-size: var(--_typhography---font-size--font-size-14);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    font-size: var(--_typhography---font-size--font-size-14);
  }

  .swiper.myswiper {
    width: 100%;
    min-width: 250px;
    max-width: 75%;
  }

  .video-wrapper {
    min-width: 250px;
  }

  .info-wrapper {
    display: none;
  }

  .grid {
    grid-row-gap: var(--_space---space-40);
    grid-template-columns: 1fr 1fr;
  }

  .project-section {
    padding-bottom: var(--_space---space-40);
  }

  .blog-title-wrap {
    min-height: auto;
  }

  .details-author-name {
    text-decoration: none;
  }

  .industrie-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: block;
  }

  .industries-pagination {
    font-size: var(--_typhography---font-size--font-size-28);
    padding-top: 12px;
  }

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

  .resourse-details_banner {
    padding-top: 0;
  }

  .gallery-header {
    grid-row-gap: var(--_space---space-32);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .gallery-image {
    height: 380px;
  }

  .inside-card {
    height: 320px;
  }

  .built_card-wrap {
    grid-template-columns: 1fr;
  }

  .built-card {
    height: 320px;
  }

  .built-card_title {
    font-size: 16px;
  }

  .where-started_heading, .what-solved_heading {
    max-width: none;
  }

  .how-built-card, .how-built-card-small {
    height: 320px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_space---space-60: 32px;
    --_space---space-40: 24px;
    --_space---space-32: 20px;
    --_space---space-12: 12px;
    --_space---space-24: 16px;
    --_space---space-16: 16px;
    --_space---space-120: 60px;
    --_space---space-140: 60px;
    --_space---space-100: 60px;
    --_space---space-20: 16px;
    --_space---space-80: 48px;
    --_space---space-30: 18px;
    --_space---space-130: 60px;
    --_space---space-70: 40px;
    --_space---space-36: 24px;
    --_space---space-50: 30px;
    --_space---space-96: 48px;
    --_space---space-48: 28px;
    --_space---space-0: 0px;
    --_typhography---font-size--font-size-16: 16px;
    --_typhography---font-size--font-size-20: 16px;
    --_typhography---font-size--font-size-32: 22px;
    --_typhography---font-size--font-size-24: 16px;
    --_typhography---font-size--font-size-64: 40px;
    --_typhography---font-size--font-size-18: 16px;
    --_typhography---font-size--font-size-14: 14px;
    --_typhography---font-size--font-size-40: 28px;
    --_typhography---font-size--font-size-48: 32px;
    --_typhography---font-size--font-size-28: 20px;
    --_typhography---font-size--font-size-36: 24px;
    --_typhography---font-size--font-size-56: 36px;
    --_typhography---font-size--font-size-45: 28px;
    --_typhography---font-size--font-size-22: 16px;
    --_typhography---font-size--font-size-30: 20px;
    --_typhography---font-size--font-size-60: 36px;
    --_typhography---font-size--font-66: 36px;
  }

  .nav-dropdown-menu {
    padding-right: 26px;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .rich-text {
    font-size: 24px;
  }

  .nav-dropdown-box {
    width: 100%;
    padding: 10px 16px;
  }

  .nav-menus {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-right-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .cart-button {
    padding: 12px 30px;
    font-size: 18px;
  }

  .navbar-container {
    padding: 14px 16px;
  }

  .navbar-brand.w--current {
    width: 150px;
  }

  .style-guide {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .style-guide-main {
    margin-top: 20px;
  }

  .style-guide-right {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .typography-main {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 24px;
  }

  .typography-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 24px;
  }

  .typography-details {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .heading-one.is-large {
    font-size: 45px;
  }

  .heading-one.is-large.blog-page-title {
    font-size: 28px;
  }

  .heading-two {
    font-size: 37px;
  }

  .footer-mail-title {
    font-size: 25px;
  }

  .service-feature-list {
    font-size: 12px;
  }

  .service-feature-list.padding-faq {
    padding-top: 20px;
  }

  .paragraph-small.text-gray-2.bottom-padding {
    padding-bottom: 8px;
  }

  .paragraph-small.text-gray-2.top-bottom-padding {
    padding-top: 12px;
    padding-bottom: 8px;
  }

  .colors-main {
    grid-template-columns: 1fr 1fr;
  }

  .buttons-main {
    padding: 24px 24px 20px;
  }

  .cta {
    padding-top: 80px;
    padding-bottom: 109px;
  }

  .footer {
    padding-top: 40px;
  }

  .footer-top-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-top-wrap.v2 {
    display: block;
  }

  .footer-bottom-wrap {
    flex-flow: column-reverse wrap;
    margin-top: 30px;
  }

  .footer-content-wrap {
    flex-flow: column;
  }

  .footer-menu-wrap.footer-menu-02 {
    max-width: 100%;
  }

  .footer-bottom-left {
    max-width: 100px;
  }

  .image-box-wrap {
    width: 100%;
  }

  .services-single {
    margin-top: 40px;
  }

  .services-single-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-details-wrap {
    margin-top: 20px;
  }

  .services-cta {
    margin-top: 30px;
    padding-bottom: 0;
  }

  .service-cta-bottom {
    margin-top: 20px;
  }

  .service-cta-card-list.bg-gray-4 {
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .cta-card-text-wrap {
    margin-top: 16px;
  }

  .project-01-bottom-wrap {
    margin-top: 40px;
  }

  .project-01-image-wrap {
    height: 280px;
  }

  .project-01-image.is-small {
    min-height: 280px;
  }

  .project-01-name-wrap {
    flex-flow: wrap;
  }

  .review-area {
    padding-top: 40px;
  }

  .related-project {
    margin-top: 40px;
  }

  .related-project-wraper {
    margin-top: 24px;
  }

  .review-top-wrap {
    width: 100%;
    max-width: 100%;
  }

  .review-bottom-wrap {
    margin-top: 20px;
  }

  .review-slide {
    width: 100%;
    margin-right: 0%;
  }

  .review-slider-arrow {
    width: 46px;
    height: 46px;
    padding: 8px;
  }

  .review-slider-arrow.left {
    right: 60px;
  }

  .review-text-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 14px;
  }

  .review-slider-arrow-icon {
    width: 100%;
    height: 100%;
  }

  .breadcrumbs {
    margin-bottom: 6px;
  }

  .blog-image-wrap {
    min-height: auto;
  }

  .blog-details-info-wrapper {
    width: 100%;
  }

  .social-share {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: flex-start;
  }

  .related-blog {
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 50px;
  }

  .contact {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .contact-top-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-form-wrap {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .contact-form-image-wrap {
    height: 200px;
  }

  .contact-form-main-wrap {
    margin-top: 20px;
  }

  .contact-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-form-input {
    min-height: 44px;
  }

  .contact-form-input.message-box {
    min-height: 100px;
  }

  .contact-form-submit-button {
    margin-top: 18px;
  }

  .select-option-field {
    min-height: 44px;
  }

  .price-area {
    margin-top: 40px;
  }

  .priceing-bottom-wrap {
    margin-top: 20px;
  }

  .priceing-heading {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .item-name-title {
    margin-bottom: 20px;
  }

  .futures-list-wrap {
    padding: 16px;
  }

  .futures-list-wrap._02 {
    flex-flow: column;
    justify-content: flex-start;
    padding-top: 14px;
  }

  .priceing-btn-wrap {
    margin-right: auto;
  }

  .pricing-list-item {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .features-title-text {
    margin-left: 38px;
  }

  .list-icon {
    width: 22px;
    height: 22px;
  }

  .singel-pricing {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .singel-pricing-bottom-wrap {
    margin-top: 20px;
  }

  .singel-pricing-heading-subtitle {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .priceing-features {
    margin-top: 10px;
    margin-bottom: 22px;
    padding: 18px;
  }

  .add-to-cart {
    background-position: 48px;
    height: 56px;
    padding-left: 76px;
    padding-right: 46px;
  }

  .ecommerce-btn {
    background-image: none;
    height: 56px;
    padding-left: 46px;
    padding-right: 46px;
  }

  .faq-area {
    margin-top: 30px;
  }

  .faq-list {
    padding: 16px;
  }

  .company-hero {
    margin-top: 20px;
  }

  .company-hero-bottom-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 20px;
  }

  .company-hero-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .company-hero-image {
    height: 250px;
  }

  .brand-area {
    margin-top: 40px;
  }

  .company-cta {
    margin-top: 60px;
  }

  .company-cta-wrap {
    grid-template-columns: 1fr;
  }

  .awards {
    margin-top: 60px;
  }

  .awards-wrap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .team-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .cta-card-1 {
    min-height: 150px;
    padding: 20px;
  }

  .awwward-list-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .metrics-sticky-wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .marqee-image-filed {
    max-width: 170px;
    height: 150px;
    margin-right: 10px;
  }

  .hero-area {
    padding-top: 30px;
  }

  .hero-area.is-new {
    height: auto;
  }

  .works-area {
    margin-top: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .client-count-area {
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .marqee-filed, .big-dot {
    margin-right: 20px;
  }

  .about-02-video-wrap {
    height: 200px;
  }

  .about-02-main-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .project-details-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
  }

  .project-02-titel-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: wrap;
  }

  .shop-hero {
    margin-top: 40px;
  }

  .shop-item {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .item-list-wrap {
    margin-top: 20px;
  }

  .product-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .shop-image-02 {
    height: 200px;
  }

  .change-log-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 16px 20px;
  }

  .founder-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .autor-name-wrap {
    padding-bottom: 20px;
  }

  .btn-password {
    background-image: linear-gradient(#0000, #0000);
    height: 56px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .metrics-text-2 {
    font-size: 50px;
  }

  .brand-top {
    margin-bottom: 6px;
  }

  .project-gallery-grid, .result-wrap {
    grid-template-columns: 1fr;
  }

  .tech-right {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .project-video-wrap {
    height: 211px;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .social-link {
    max-width: 60px;
  }

  .contact-subtitle {
    font-size: 18px;
  }

  .contact-tab-pane {
    padding: 16px;
  }

  .author-blog {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .blog-cms-wrap {
    margin-top: 0;
    padding-top: 0;
  }

  .plan-feature-item {
    padding: 24px 20px;
  }

  .plan-feature-text {
    font-size: 16px;
  }

  .feature-card {
    max-width: 260px;
    min-height: 360px;
    padding: 16px;
  }

  .feature-number {
    font-size: 60px;
  }

  .feature-title {
    font-size: 28px;
  }

  .service-tag {
    padding: 16px;
  }

  .why-us-title {
    font-size: 24px;
  }

  .priceing-amount {
    font-size: 32px;
  }

  .testimonial-card {
    max-width: 320px;
  }

  .author-name {
    font-size: 36px;
  }

  .pricing-info-wrapper {
    padding: 16px;
  }

  .section-title {
    font-size: 45px;
  }

  .cta-logo-wrap {
    max-width: 240px;
    bottom: -15%;
  }

  .process-table-tite-wrap {
    min-height: 80px;
  }

  .process-table-row {
    min-height: 81px;
  }

  .brand-line-1 {
    width: 1px;
  }

  .brand-line-2 {
    height: 1px;
  }

  .mission-title {
    font-size: 24px;
  }

  .subtitle {
    font-size: 18px;
  }

  .company-static-item-wrap {
    grid-template-columns: 1fr;
  }

  .company-static-item {
    height: 250px;
  }

  .static-item-amount {
    font-size: 30px;
  }

  .star-icon {
    width: 120px;
  }

  .case-study-tite {
    font-size: 24px;
  }

  .team-item-wrapper {
    grid-template-columns: 1fr;
  }

  .work-benifit-title {
    font-size: 22px;
  }

  .blog-details-info-item {
    font-size: 18px;
  }

  .story-qoute {
    font-size: 24px;
  }

  .story-details-text {
    font-size: 18px;
  }

  .text-36px {
    font-size: 20px;
  }

  .behind-image-wrap {
    max-width: 280px;
  }

  .behind-image-wrap.small {
    max-width: 220px;
  }

  .design-process-item {
    grid-column-gap: var(--_space---space-24);
    grid-row-gap: var(--_space---space-24);
    flex-flow: column;
  }

  .design-process-step-text {
    margin-top: 0;
  }

  .design-process-line {
    display: none;
  }

  .design-process-text-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: none;
  }

  .design-process-text-wrap._02, .design-process-text-wrap._03 {
    max-width: none;
    margin-left: 0%;
  }

  .design-process-text-wrap._02, .design-process-text-wrap._03 {
    max-width: none;
    margin-left: 0%;
  }

  .design-process-text-wrap._04 {
    align-self: auto;
    max-width: 100%;
    margin-left: 0%;
  }

  .design-process-text-wrap._05 {
    align-self: auto;
  }

  .design-process-text {
    font-size: 20px;
  }

  .overcome-item-wrapper {
    grid-template-columns: 1fr;
  }

  .issues-slider-wrap {
    padding-bottom: 60px;
  }

  .slider-arrow {
    width: 46px;
    height: 46px;
    padding: 8px;
  }

  .slider-arrow.left {
    right: 60px;
  }

  .deliver-item {
    max-width: none;
  }

  .deliver-line {
    display: none;
  }

  .blog-author-title-wrap {
    margin-bottom: 0;
  }

  .from-team-title-wrap {
    max-width: 220px;
  }

  .from-team-slider-wrap {
    padding-bottom: 60px;
  }

  .from-team-slider {
    max-height: 280px;
  }

  .job-opening-item-wrap {
    grid-template-columns: 1fr;
  }

  .job-opening-title {
    font-size: 30px;
  }

  .hero-project-item {
    width: 300px;
  }

  .hero-project-item.is-small {
    width: 220px;
  }

  .about-text {
    font-size: 25px;
  }

  .dropdown-wrapper {
    border-radius: 16px;
  }

  .blog-list {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .dropdown-list-wrapper, .dropdown-list-wraps {
    grid-template-columns: 1fr;
  }

  .hero-button-wrap {
    grid-row-gap: var(--_space---space-12);
    flex-flow: wrap;
  }

  .pain-point-text {
    border-left-style: none;
    padding-left: 0;
  }

  .div-block-5 {
    order: -9999;
    max-height: 260px;
  }

  .service-list-icon {
    width: 28px;
    height: 28px;
  }

  .outcomes-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-header-text {
    max-width: none;
  }

  .outcomes-cards {
    grid-template-columns: 1fr;
  }

  .outcomes-card {
    min-height: 240px;
  }

  .blog-header {
    grid-column-gap: var(--_space---space-50);
    grid-row-gap: var(--_space---space-50);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .compare-table {
    min-width: 800px;
  }

  .compare-table-title {
    flex-basis: 120px;
    min-height: 66px;
  }

  .mission-barnd-wrap-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .mission-brand-item-2:where(.w-variant-87ebcb24-a3e1-8a0d-e6cc-3785c07accc9) {
    min-height: 70px;
  }

  .brand-2-line-1 {
    width: 1px;
  }

  .brand-2-line-2 {
    height: 1px;
  }

  .blog-author-name {
    font-size: 36px;
  }

  .blog-reed-time-area {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: flex-start;
  }

  .why-choose-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .why-choose-card {
    min-height: 240px;
  }

  .why-choose-cards {
    grid-template-columns: 1fr;
  }

  .industry-list-wrap, .industry-content-wrap {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .industry-list-icon {
    width: 28px;
    height: 28px;
  }

  .why-matter-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .profile-image-wrap.cfrom-2 {
    min-height: 450px;
  }

  .cfrom2-img {
    height: auto;
  }

  .blog-list-2 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .rec-blog-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .review-two-item-wraper {
    order: -9999;
  }

  .review-title-wraper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .outcome-area2 {
    width: 100%;
  }

  .outcome-heading-wrap {
    width: 100%;
    height: 100%;
  }

  .outcome-wrap {
    width: 100%;
  }

  .outcome-card2 {
    width: 100%;
    top: 250px;
  }

  .outcome-card-left, .outcome-card-para-wrap {
    width: 100%;
  }

  .footer-menus-wrap, .footer-cta-right {
    grid-template-columns: 1fr;
  }

  .author-page-heading {
    font-size: 20px;
  }

  .footer-bottom-wrap-2 {
    flex-flow: column-reverse wrap;
    margin-top: 30px;
  }

  .footer-mail-title-2 {
    font-size: 25px;
  }

  .footer-taqwah-logo {
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 74px;
  }

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

  .outcome-top-wrap {
    top: 0;
  }

  .resource_block {
    grid-column-gap: var(--_control-panel-mhs---gaps--xlarge);
    grid-row-gap: var(--_control-panel-mhs---gaps--xlarge);
  }

  .resource-card_image {
    height: 380px;
  }

  .resource-card_title.padding-faq, .resource-card_price.padding-faq, .resource-card_price.padding-faq {
    padding-top: 20px;
  }

  .gallery-grid-container {
    grid-column-gap: var(--_control-panel-mhs---gaps--xsmall);
    grid-row-gap: var(--_control-panel-mhs---gaps--xsmall);
  }

  .inside-cards {
    grid-template-columns: 1fr;
  }

  .inside-card.is-wide {
    width: 100%;
  }

  .built-card {
    padding: 20px;
  }

  .built-card_title {
    font-size: 12px;
  }

  .built-card_title.padding-faq {
    padding-top: 20px;
  }

  .inside-card_content h4 {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .how-built-card, .how-built-card-small {
    padding: 20px;
  }
}

#w-node-edaf134d-bb57-3fad-4cc2-105bce9a007a-3eaa96c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}