@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --black: #0A0A0A;
  --white: white;
  --dark-v2: #1A1A1E;
  --dark: #101012;
  --primary: #1BA8E0;
  --blue: #1BA8E0;
  --blue-primary: #0E7BA8;
  --border-color: #e5e7eb;
  --light: #f8fafc;
  --grey: #9ca3af;
  --pink: #f472b6;
  --grey-dark: #6b7280;
  --blue-light: #5CC5EE;
  --gray-dark: #4b5563;
  --light-2: #9ca3af;
  --light-3: #cbd5e1;
  --grey-3: #d1d5db;
}

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

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

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

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

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

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

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

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

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

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

body {
  background-color: var(--black);
  color: var(--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

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

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
  line-height: 1.6;
}

.page-wrap {
  overflow: hidden;
}

.page-wrap.visible {
  overflow: visible;
}

.navbar {
  z-index: 100;
  background-color: var(--black);
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.container {
  z-index: 2;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

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

.logo {
  height: 2.5rem;
}

.nav-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.nav-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #ffffffb3;
  text-transform: uppercase;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .5rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.nav-link:hover {
  color: var(--white);
  background-color: #ffffff1a;
}

.nav-link.w--current {
  background-color: #ffffff1a;
}

.header {
  background-color: var(--dark);
  padding: 2rem 2rem 0;
  position: relative;
}

.header-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  height: 38rem;
  padding: 3rem;
  display: flex;
  position: relative;
}

.bg-video {
  border-radius: 1rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header-info {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

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

.header-info-texts {
  max-width: 18rem;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
}

.icon {
  width: 1.25rem;
  color: var(--primary);
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.icon-wrap {
  transition: all .25s cubic-bezier(.455, .03, .515, .955);
  transform: scale(0);
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--blue);
  height: 3rem;
  color: var(--white);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

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

.button.is-outline {
  color: var(--black);
  background-color: #3b82f600;
  border: 1px solid #d1d5db;
}

.button.is-outline:hover {
  border-color: var(--blue);
}

.button.is-outline.is-white {
  color: var(--white);
  border-color: #d1d5db40;
}

.button.is-outline.is-white:hover {
  border-color: var(--white);
}

.button.is-lg {
  text-transform: uppercase;
  padding-left: 2rem;
  padding-right: 2rem;
}

.button.is-lg.is-outline {
  color: var(--white);
  text-transform: uppercase;
  border-color: #d1d5db40;
}

.button.is-lg.is-outline:hover {
  border-color: var(--white);
}

.button.is-blue-outline {
  border: 1px solid var(--blue);
  color: var(--blue);
  background-color: #3b82f600;
}

.button.is-blue-outline:hover {
  background-color: #3b82f614;
}

.button.is-dark {
  background-color: #374151;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.button.is-dark:hover {
  background-color: var(--black);
}

.button.is-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3;
  border: 1px solid #ffffff4d;
}

.button.is-blur:hover {
  border-color: var(--white);
  background-color: #ffffff4d;
}

.button.is-sm {
  border: 1px solid var(--blue-primary);
  background-color: var(--white);
  color: var(--blue-primary);
  font-size: .875rem;
}

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

.nav-button {
  background-color: var(--white);
  height: 3rem;
  color: var(--primary);
  text-transform: uppercase;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

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

.code-embed {
  width: 100%;
  height: 100%;
}

.icon-w {
  background-color: #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.icon-w.w2 {
  border: 1px solid #000;
}

.arr {
  width: .9rem;
  display: flex;
}

.overlay {
  background-image: linear-gradient(#0009, #0009);
  position: absolute;
  inset: 0%;
}

.scrolling {
  background-color: var(--dark);
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scroll-text {
  flex: none;
  display: flex;
}

.logo-text {
  color: #fff6;
  letter-spacing: .1em;
  margin-right: 4rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.gradient {
  background-image: linear-gradient(89deg, var(--dark) 14%, #fff0);
  width: 5rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.gradient.is-right {
  background-image: linear-gradient(270deg, var(--dark) 14%, #fff0);
  inset: 0% 0% 0% auto;
}

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

.section.bg-white {
  background-color: var(--white);
  color: var(--black);
}

.section.bg-white.border-y {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

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

.section.bg-light {
  background-color: var(--light);
  color: var(--black);
}

.section.bg-light-2 {
  color: var(--black);
  background-color: #f3f4f6;
}

.section.cta-section {
  background-color: var(--white);
  color: var(--white);
  background-image: linear-gradient(#0A0A0Acc, #0A0A0Acc), url('../images/photo-1560184897-ae75f418493e_1photo-1560184897-ae75f418493e.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section.bg-dark {
  background-color: var(--dark);
}

.section.bg-dark.border-y {
  border: 1px solid #1f2937;
}

.section.bg-grey {
  background-color: #1f2535;
}

.section.bg-black {
  background-color: #0a0f1a;
}

.section.bg-light-3 {
  color: var(--black);
  background-color: #f1f5f9;
}

.section.bg-yellow {
  color: var(--black);
  background-color: #f0e8dc;
}

.section.bg-blue {
  background-color: var(--blue-primary);
}

.section.portfolio-header {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/photo-1600585154340-be6161a56a0c-1_1photo-1600585154340-be6161a56a0c (1).avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 8rem;
  padding-bottom: 10rem;
}

.section.bg-dark-gray {
  background-color: #1a1f2e;
}

.section.bg-dark-gray.border-y {
  border: 1px solid #1f2937;
}

.section-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

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

.heading-holder.is-left {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.heading-holder.is-left.is-sm {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.heading-holder.is-md {
  align-self: center;
  max-width: 36rem;
}

.heading-holder.is-lg {
  align-self: center;
  max-width: 40rem;
}

.heading-holder.is-lg2 {
  align-self: center;
  max-width: 45rem;
}

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

.service-card {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.service-card-image {
  height: 34rem;
  transition: all .35s;
  position: relative;
  overflow: hidden;
}

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

.img-fluid.step-img {
  aspect-ratio: 3 / 2;
}

.img-fluid.top {
  object-position: 50% 5%;
}

.img-fluid._1-1 {
  aspect-ratio: 1;
}

.img-fluid._3-4 {
  aspect-ratio: 3 / 4;
}

.img-fluid._4-3 {
  aspect-ratio: 4 / 3;
}

.img-fluid._4-3.hack {
  opacity: 0;
}

.img-fluid._9-16 {
  aspect-ratio: 9 / 16;
}

.img-fluid._9-16.transition {
  transition: all .35s;
}

.img-fluid._1-1.top {
  object-position: 50% 20%;
}

.img-fluid._16-4 {
  aspect-ratio: 16 / 9;
}

.img-fluid.radius {
  border-radius: 1rem;
}

.img-fluid._16-9 {
  aspect-ratio: 16 / 9;
}

.img-fluid._16-9.hack {
  opacity: 0;
}

.img-fluid.transition {
  transition: all .35s;
}

.img-fluid.s-img {
  aspect-ratio: 16 / 9;
}

.service-card-overlay {
  z-index: 2;
  text-align: center;
  letter-spacing: .1em;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

.content-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--primary);
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #3b82f61a;
  border: 1px solid #60a5fa33;
  border-radius: 5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  padding: .5rem .875rem;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
}

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

.h2-heading {
  text-transform: uppercase;
  font-size: 3.75rem;
  font-weight: 800;
}

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

.content-texts {
  max-width: 25rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.stats-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.st-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--dark-v2);
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.icon-s {
  width: 1.25rem;
  color: var(--pink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-s.is-blue {
  color: var(--primary);
}

.icon-s.is-green {
  color: #4ade80;
}

.icon-s.is-pink {
  color: #c084fc;
}

.text-val {
  font-size: 1.125rem;
  font-weight: 800;
}

.txt-small {
  color: var(--grey-dark);
  font-size: .875rem;
}

.block-mockup {
  justify-content: center;
  align-items: center;
  width: 55%;
  max-width: 42rem;
  display: flex;
  position: relative;
}

.block-mockup-inner {
  z-index: 10;
  width: 100%;
  max-width: 16rem;
  position: relative;
}

.mockup-w {
  border: 5px solid #1e2d40;
  border-radius: 2.8rem;
  height: 36rem;
  position: relative;
  overflow: hidden;
}

.background-video {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.heading-row-flex {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.h2-heading-w1 {
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 700;
}

.h2-heading-w1.auto {
  text-transform: none;
}

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

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

.step-card {
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  overflow: hidden;
}

.step-card-image {
  position: relative;
}

.step-card-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.step-tag {
  color: var(--primary);
  background-color: #3b82f633;
  border: 1px solid #60a5fa4d;
  border-radius: 5rem;
  padding: .35rem .875rem;
  font-size: .875rem;
  font-weight: 600;
}

.step-card-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: .75rem;
  display: flex;
}

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

.text-small.text-light {
  color: #d1d5db;
}

.text-small.text-blue.fw-500 {
  font-weight: 500;
}

.step-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000 21%, #fff9);
  position: absolute;
  inset: 0%;
}

.text-upper {
  text-transform: uppercase;
}

.text-upper.fw-800 {
  font-weight: 800;
}

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

.avatar-item-w {
  background-color: var(--white);
  padding: .5rem .5rem 1.5rem;
  transition: all .25s cubic-bezier(.455, .03, .515, .955);
  box-shadow: 0 25px 50px 12px #0000000d;
}

.avatar-item-w:hover {
  transform: rotate(0);
}

.avatar-item-w.w1 {
  transform: rotate(-6deg);
}

.avatar-item-w.w1:hover {
  transform: scale(1.1);
}

.avatar-item-w.w2 {
  transform: rotate(-3deg);
}

.avatar-item-w.w2:hover {
  transform: scale(1.1);
}

.avatar-item-w.w3 {
  transform: rotate(-1deg);
}

.avatar-item-w.w3:hover {
  transform: scale(1.1);
}

.avatar-item-w.w5 {
  transform: rotate(2deg);
}

.avatar-item-w.w5:hover {
  transform: scale(1.1);
}

.avatar-item-w.w6 {
  transform: rotate(4deg);
}

.avatar-item-w.w6:hover {
  transform: scale(1.1);
}

.avatar-item-w.w7 {
  transform: rotate(6deg);
}

.avatar-item-w.w7:hover {
  transform: scale(1.1);
}

.avatar-item-w.w4:hover {
  transform: scale(1.1)rotate(0);
}

.avatar-image {
  height: 12rem;
  position: relative;
}

.text-block {
  color: var(--blue);
  text-align: center;
  margin-top: .5rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.icon-p {
  background-color: var(--blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.p-icon {
  width: 1.5rem;
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-holder-texts {
  max-width: 28rem;
}

.heading-holder-texts.md {
  max-width: 37rem;
}

.offers {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  display: grid;
}

.offer-card {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 1rem;
  overflow: hidden;
}

.offer-card.is-popular {
  border-color: var(--blue);
  color: var(--white);
  background-color: #0d1829;
}

.offer-card-image {
  height: 10rem;
  position: relative;
}

.offer-card-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 1.25rem;
  display: flex;
}

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

.offer-title {
  font-size: 1.25rem;
  font-weight: 800;
}

.offer-tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--border-color);
  color: var(--grey-dark);
  background-color: #f3f4f6;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.icon-sm {
  width: 1rem;
  display: flex;
}

.text-offer {
  color: var(--grey-dark);
  font-size: .8rem;
}

.text-offer.text-color-light {
  color: #d1d5db;
}

.offer-text-w {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.arrow-sm {
  width: 1.25rem;
  display: flex;
}

.arrow-sm.text-color-light {
  color: #d1d5db;
}

.read-more {
  color: var(--primary);
  justify-content: flex-start;
  align-items: center;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.offer-price {
  font-size: 2rem;
  font-weight: 800;
}

.offer-features {
  margin-bottom: 1rem;
}

.feature-item {
  color: var(--grey-dark);
  border-bottom: 1px solid #f3f4f6;
  justify-content: space-between;
  align-items: center;
  padding-top: .625rem;
  padding-bottom: .625rem;
  display: flex;
}

.feature-item.c2 {
  border-bottom-color: #ffffff0d;
}

.button-round {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--black);
  height: 3rem;
  color: var(--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.button-round:hover {
  background-color: var(--dark);
}

.button-round.is-blue {
  background-color: var(--blue);
}

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

.button-round.is-blue.text-uper {
  text-transform: uppercase;
}

.button-round.is-blue.is-lg {
  background-color: var(--blue-primary);
  height: 3.5rem;
}

.button-round.is-blue.is-lg:hover {
  background-color: #1d4ed8;
}

.button-round.is-light {
  text-transform: uppercase;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  font-weight: 800;
}

.button-round.is-light:hover {
  background-color: #fff3;
}

.button-round.is-white {
  background-color: var(--white);
  color: var(--blue-primary);
}

.button-round.is-white:hover {
  opacity: .8;
}

.btn-arrow {
  width: 1rem;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.popular-tag {
  background-color: var(--blue);
  color: var(--white);
  letter-spacing: .02em;
  text-transform: uppercase;
  border-radius: 50rem;
  padding: 4px 10px;
  font-size: .75rem;
  font-weight: 800;
  position: absolute;
  inset: 1rem auto auto 1rem;
}

.popular-tag.is-center {
  white-space: nowrap;
  inset: -.75rem auto auto 50%;
  transform: translate(-50%);
}

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

.text-caption {
  color: var(--primary);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 700;
}

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

.line {
  background-color: #3b82f680;
  width: 3rem;
  height: 1px;
}

.brand-caption {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #ffffff0d;
  border: 1px solid #3b82f64d;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.25rem;
  display: flex;
}

.dot {
  background-color: var(--primary);
  border-radius: 50%;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.pricing {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.pricing-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0d182999;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.pricing-card.is-popular {
  border-color: var(--blue);
  background-image: linear-gradient(61deg, #1d4ed84d, #fff0);
  position: relative;
  box-shadow: 0 20px 30px #3b82f61a;
}

.pricing-label {
  color: var(--primary);
  letter-spacing: .2em;
  margin-bottom: 4px;
  font-size: .75rem;
  font-weight: 700;
}

.pricing-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
}

.price-val {
  font-size: 2rem;
  font-weight: 800;
}

.p-label {
  color: var(--grey);
  font-size: .875rem;
  font-weight: 400;
}

.number-block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  padding: .75rem;
  display: flex;
}

.number-block.b2 {
  background-color: #3b82f633;
  border-color: #3b82f666;
}

.num {
  font-size: 1.5rem;
  font-weight: 800;
}

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

.text-block-2 {
  font-size: .875rem;
}

.ls-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--grey);
  border-bottom: 1px solid #ffffff0d;
  justify-content: flex-start;
  align-items: center;
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-size: .875rem;
  display: flex;
}

.button-w {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.blur-eff {
  filter: blur(64px);
  pointer-events: none;
  background-color: #3b82f633;
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

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

.about-wrap {
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.about-image {
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  height: 30rem;
  overflow: hidden;
  box-shadow: 0 25px 50px 12px #0003;
}

.divider {
  background-color: #0000001a;
  height: 1px;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

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

.ab-val {
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: 800;
}

.ab-button {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.teams {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-item-s:hover {
  filter: grayscale(0%);
}

.team-item-s-image {
  filter: grayscale();
  border-radius: .75rem;
  transition: all .35s;
  overflow: hidden;
}

.team-item-s-image:hover {
  filter: none;
}

.team-item-s-info {
  text-align: center;
  margin-top: .5rem;
}

.team-name {
  font-size: .875rem;
  font-weight: 700;
}

.team-role {
  color: var(--blue);
  font-size: .875rem;
  font-weight: 500;
}

.stats-4x {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stat-item {
  border: 1px solid var(--border-color);
  background-color: #f9fafb;
  border-radius: 1rem;
  padding: 1.5rem;
}

.stat-val {
  color: var(--blue);
  font-size: 2rem;
  font-weight: 800;
}

.testimonial-card {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.quote-icon {
  color: #60a5fa99;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.tstimonial-card-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.review-txt {
  color: #4b5563;
  font-size: .875rem;
}

.testimonial-card-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid var(--border-color);
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  display: flex;
}

.pic {
  object-fit: cover;
  border-radius: 50%;
  width: 2.5rem;
  max-width: 2.5rem;
  height: 2.5rem;
}

.rev-name {
  font-size: .875rem;
  font-weight: 700;
}

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

.row-content {
  width: 50%;
  max-width: 32rem;
  padding-bottom: 8rem;
  position: relative;
}

.image-w {
  border-radius: 1rem;
  width: 70%;
  overflow: hidden;
}

.image-w2 {
  border-radius: 1rem;
  width: 70%;
  max-width: 20rem;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.p-txt {
  background-color: var(--blue);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 2rem;
}

.content-r {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.arrows {
  justify-content: space-between;
  align-items: center;
  max-width: 10rem;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.prev {
  border: 1px solid #d1d5db;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.prev:hover {
  border-color: var(--primary);
  color: var(--blue);
}

.arr-s {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  display: flex;
}

.next {
  border: 1px solid #d1d5db;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.next:hover {
  border-color: var(--primary);
  color: var(--blue);
}

.info-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.line-x {
  background-color: var(--blue);
  border-radius: 8px;
  width: 4rem;
  height: 4px;
}

.text-md {
  color: var(--grey);
  font-size: 1.125rem;
  font-weight: 500;
}

.text-md.fw-400 {
  font-weight: 400;
}

.text-md.fw-400.text-color-blue {
  color: var(--blue);
}

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

.text-md.text-color-blue-light {
  color: #dbeafe;
}

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

.instagram-heading {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.txt-cap {
  color: var(--pink);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 700;
}

.fw-900 {
  font-weight: 900;
}

.in-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  height: 3rem;
  color: var(--white);
  background-image: linear-gradient(86deg, #ec4899, #fb923c);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: .875rem;
  font-weight: 700;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  box-shadow: 0 2px 10px #ec489933;
}

.in-button:hover {
  transform: scale(1.05);
}

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

.insta-icon.sm {
  width: 1rem;
}

.embed-insta {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 3rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.faqs {
  align-self: center;
  width: 100%;
  max-width: 58rem;
}

.tab-link {
  border: 1px solid var(--border-color);
  height: 2rem;
  color: var(--gray-dark);
  text-align: center;
  background-color: #f3f4f6;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: 0 .875rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.tab-link.w--current {
  border-color: var(--blue);
  background-color: var(--blue);
  color: var(--white);
}

.tabs-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content {
  margin-top: 2rem;
}

.tab-w {
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 0 1.5rem;
}

.faq-item {
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

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

.faq-q {
  font-weight: 500;
}

.faq-q.fw-600 {
  font-weight: 600;
}

.faq-arr {
  width: 1.5rem;
  color: var(--primary);
  display: flex;
}

.faq-item-content {
  overflow: hidden;
}

.faq-item-content-w {
  padding-top: 1rem;
}

.faq-txt {
  color: var(--grey-dark);
  font-size: .9rem;
}

.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.footer-up {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brand {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.socials {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.social-link {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--light-2);
  background-color: #1f2937;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

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

.social-link.v2 {
  color: var(--white);
  background-color: #ffffff1a;
}

.social-link.v2:hover {
  background-color: #fff3;
}

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

.footer-ls-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.fo-title {
  font-weight: 700;
}

.fo-links {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.fo-link {
  color: var(--light-2);
  font-size: .875rem;
  transition: all .35s;
}

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

.footer-down {
  border-top: 1px solid var(--dark-v2);
  text-align: center;
  margin-top: 3rem;
  padding-top: 2rem;
}

.fo-txt {
  color: var(--grey-dark);
}

.circle {
  border: 1px solid #ffffff0d;
  border-radius: 50%;
  width: 21.25rem;
  height: 21.25rem;
  position: absolute;
}

.circle.w2 {
  width: 30rem;
  height: 30rem;
}

.icon-w1 {
  background-color: #1A1A1E;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 2rem auto auto 5rem;
}

.icon-w2 {
  background-color: #1A1A1E;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 2rem 5rem auto auto;
}

.icon-w3 {
  background-color: #1A1A1E;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: auto 7rem 2rem auto;
}

.icon-w4 {
  background-color: #1A1A1E;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 7rem;
}

.block-s {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #1A1A1E;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-flow: column;
  min-width: 8rem;
  padding: 1rem 1.25rem;
  display: flex;
  position: absolute;
  inset: 30% auto auto 0%;
}

.block-s-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--pink);
  font-size: .875rem;
  display: flex;
}

.block-s-head.is-blue {
  color: var(--primary);
}

.num-val {
  font-size: 1.5rem;
  font-weight: 800;
}

.block-s2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #1A1A1E;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-flow: column;
  min-width: 8rem;
  padding: 1rem 1.25rem;
  display: flex;
  position: absolute;
  inset: 30% 0% auto auto;
}

.top-m {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.25rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.m-txt {
  color: #fff9;
  font-size: .75rem;
}

.rect {
  background-color: var(--black);
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 3rem;
  height: 1rem;
}

.dot-r {
  background-color: #fff9;
  border-radius: 6px;
  width: 1rem;
  height: 8px;
}

.bottom-m {
  z-index: 2;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding: 1.25rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.txt-a {
  text-transform: uppercase;
  font-size: .875rem;
}

.txt-m-s {
  color: #ffffffb3;
  font-size: .75rem;
}

.progress {
  background-color: #ffffff4d;
  height: 2px;
}

.progress-inner {
  background-color: var(--white);
  width: 70%;
  height: 100%;
}

.aside-w {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: .75rem;
  display: flex;
  position: absolute;
  inset: auto 0% 6rem auto;
}

.st-w {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  display: flex;
}

.icon-a {
  width: 1.25rem;
  display: flex;
}

.overlay-m {
  background-image: linear-gradient(0deg, #000, #fff0);
  position: absolute;
  inset: 0%;
}

.effect-blur {
  background-color: var(--blue);
  filter: blur(100px);
  width: 12rem;
  height: 12rem;
  position: absolute;
}

.cta-bottom {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding: 1.5rem;
  display: flex;
}

.code-embed-4 {
  border-radius: 1rem;
  height: 900px;
  overflow: hidden;
}

.body {
  overflow: visible;
}

.nav-js {
  display: none;
}

.hero {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.hero-wrap {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.hero-info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48%;
  max-width: 31rem;
  display: flex;
}

.h1-heading {
  font-size: 4.5rem;
  font-weight: 900;
}

.h1-heading.fw-700 {
  font-weight: 700;
}

.hero-info-heading {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  display: flex;
}

.text {
  color: #ffffffb3;
  font-size: 1.25rem;
  font-weight: 500;
}

.text-color-light {
  color: var(--light-3);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.hero-image {
  border-radius: 1rem;
  width: 50%;
  max-width: 37rem;
  overflow: hidden;
}

.scrolling-logos-w {
  flex: none;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.logo-w {
  opacity: .5;
  filter: grayscale();
  margin-right: 3rem;
  display: flex;
}

.logo-w:hover {
  opacity: 1;
  filter: none;
}

.logo-w.w2 {
  opacity: 1;
}

.logo-p {
  height: 2rem;
}

.logo-p.v2 {
  opacity: .5;
  filter: invert();
}

.heading-wr {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.text-span {
  text-decoration: underline;
}

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

.tabs-menu-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  padding-right: 1rem;
  display: grid;
}

.tab-el {
  border: 1px solid var(--light-3);
  background-color: var(--white);
  border-radius: 1rem;
  padding: 1.25rem;
  transition: all .2s;
}

.tab-el:hover {
  background-color: var(--light);
}

.tab-el.w--current {
  border-color: var(--blue);
  background-color: #eff6ff;
  box-shadow: 0 2px 10px #eff6ff;
}

.tab-el-icon {
  color: #94a3b8;
  background-color: #f1f5f9;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.tab-icon {
  justify-content: space-between;
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.tab-el-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 1rem;
  display: flex;
}

.h4-heading {
  text-transform: none;
  font-size: 1rem;
  font-weight: 700;
}

.tab-txt {
  color: var(--grey-dark);
  font-size: .8rem;
}

.tabs-content-2 {
  width: 50%;
  padding-left: 1rem;
  position: sticky;
  top: 8rem;
}

.tab-el-w {
  border-radius: 1rem;
  height: 31rem;
  position: relative;
  overflow: hidden;
}

.content-overlay {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  background-image: linear-gradient(0deg, #000, #fff0);
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-auto {
  text-transform: none;
  font-weight: 700;
}

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

.card-item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border: 1px solid var(--border-color);
  background-color: var(--light);
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
}

.card-item-icon {
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  color: var(--blue-primary);
  background-color: #dbeafe;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-card {
  width: 1.5rem;
  display: flex;
}

.card-item-content {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

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

.content-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 46.5%;
  display: flex;
}

.con-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.ls-item-w {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--gray-dark);
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.check-icon {
  width: 1.5rem;
  color: var(--blue-primary);
  display: flex;
}

.image-r {
  border-radius: 1rem;
  width: 50%;
  overflow: hidden;
}

.faqs-v2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-self: center;
  width: 100%;
  max-width: 45rem;
  display: flex;
}

.faq-item-v {
  border: 1px solid var(--border-color);
  cursor: pointer;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
}

.faq-item-v-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-icon-w {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
}

.f-line {
  background-color: var(--blue);
  border-radius: 100px;
  width: 1rem;
  height: 2px;
}

.f-line2 {
  background-color: var(--blue);
  border-radius: 100px;
  width: 2px;
  height: 1rem;
  position: absolute;
}

.faq-item-v-content {
  padding-top: 0;
  overflow: hidden;
}

.faq-item-v-content-w {
  padding-top: 1rem;
}

.cta-heading {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-heading-texts {
  max-width: 34rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.cta-heading-texts.is-md {
  max-width: 40rem;
}

.cta-heading-texts.is-lg {
  max-width: none;
}

.cta-txt {
  color: #94a3b8;
}

.comm-form {
  background-color: var(--black);
  width: 100%;
  max-width: 48rem;
  color: var(--white);
  border-radius: 1.5rem;
  align-self: center;
  padding: 1.5rem;
}

.form-block {
  margin-bottom: 0;
}

.form-title {
  font-size: 1.25rem;
}

.form-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  display: grid;
}

.label {
  color: #d1d5db;
  margin-bottom: 6px;
  font-size: .875rem;
  font-weight: 500;
}

.text-field {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  height: 2.5rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.text-field:focus {
  border-color: var(--white);
}

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

.radios {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.radio-button-field {
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin-bottom: 0;
  padding: 0 1rem;
  font-size: .875rem;
  display: flex;
  position: relative;
}

.radio-button {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 50rem;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.radio-button.w--redirected-checked {
  background-color: var(--blue);
  color: var(--white);
  border-width: 0;
}

.radio-button-label {
  z-index: 2;
  position: relative;
}

.textarea {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  height: 2.5rem;
  min-height: 7rem;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.textarea:focus {
  border-color: var(--white);
}

.uploader-prop {
  width: 100%;
}

.button-2 {
  text-align: left;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  width: 100%;
}

.checkbox {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 8px 0 0;
}

.checkbox.w--redirected-checked {
  background-color: var(--blue-primary);
}

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

.form {
  flex-flow: column;
  display: flex;
}

.scroll-txt-w {
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient-v2 {
  background-image: linear-gradient(89deg, var(--black) 14%, #fff0);
  width: 5rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.gradient-v2.is-right {
  background-image: linear-gradient(270deg, var(--black) 14%, #fff0);
  inset: 0% 0% 0% auto;
}

.hero-s {
  background-image: linear-gradient(#0A0A0Ae6, #0A0A0Ae6), url('../images/photo-1600585154340-be6161a56a0c-1_1photo-1600585154340-be6161a56a0c (1).avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 8rem;
  padding-bottom: 5rem;
  overflow: hidden;
}

.hero-s.ab-hero {
  background-image: linear-gradient(91deg, #000 8%, #fff0), linear-gradient(270deg, #000 9%, #fff0), url('../images/201d5c0f1_NEwBanner_1201d5c0f1_NEwBanner.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.hero-s.res-hero {
  background-image: linear-gradient(0deg, #000, #fff0), linear-gradient(#0009, #0009), url('../images/photo-1600585154340-be6161a56a0c-1_1photo-1600585154340-be6161a56a0c (1).avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  padding-top: 10rem;
}

.hero-s.partner-hero {
  background-color: #1a1f2e;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  min-height: 480px;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.pricing-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttons-wr {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.text-a {
  font-size: .875rem;
  font-weight: 600;
}

.r-form {
  width: 100%;
  max-width: 61rem;
  margin: 1.25rem auto 0;
}

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

.rad-btn {
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.rad {
  z-index: 0;
  border: 1px solid var(--border-color);
  border-radius: 50rem;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.rad:hover {
  border-color: var(--blue);
}

.rad.w--redirected-checked {
  border-width: 1px;
  border-color: var(--blue);
  background-color: var(--blue);
}

.txt-label {
  z-index: 2;
  font-weight: 500;
  position: relative;
}

.f-txt {
  color: var(--light-2);
  text-align: center;
  margin-top: .5rem;
  font-size: .8rem;
}

.packages-3x {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.package-card {
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.package-card-content {
  background-color: var(--white);
  flex-flow: column;
  flex: auto;
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

.h3-heading {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 900;
}

.package-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 1rem;
  display: flex;
}

.pck-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--gray-dark);
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.check-icon-s {
  width: 1.25rem;
  display: flex;
}

.package-card-bottom {
  border-top: 1px solid var(--border-color);
  margin-top: 1rem;
  padding-top: 1rem;
}

.p-val {
  font-size: 2rem;
  font-weight: 900;
}

.package-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: stretch;
  margin-top: 1rem;
  display: flex;
}

.addons {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 1rem;
  max-width: 36rem;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  box-shadow: 0 2px 5px #0000001a;
}

.add-item {
  border-top: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.add-item.no-border {
  border-top-width: 0;
}

.add-name {
  font-size: .875rem;
  font-weight: 500;
}

.add-val {
  color: var(--blue);
  font-size: .875rem;
  font-weight: 700;
}

.images-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-s {
  border-radius: 1rem;
  overflow: hidden;
}

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

.buttons-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.popup-package {
  z-index: 999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--black);
  background-color: #0009;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-package.p1, .popup-package.p2, .popup-package.p3 {
  display: none;
}

.popup-package-wr {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
  position: relative;
}

.popup-package-wr-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 28rem;
  display: flex;
}

.package-title {
  font-size: 2rem;
  font-weight: 900;
}

.tag-s {
  height: 2rem;
  color: var(--white);
  background-color: #fb923c;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.popup-layout {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  align-self: stretch;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.p-item {
  border-radius: 1rem;
  width: 32%;
  overflow: hidden;
}

.p-item.md {
  width: 48.7%;
}

.p-item-image {
  position: relative;
}

.p-item-overlay {
  color: var(--white);
  text-align: center;
  background-color: #0006;
  justify-content: center;
  align-items: flex-end;
  padding: 1rem;
  font-size: .8rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.close {
  border: 1px solid var(--border-color);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .25s;
  display: flex;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.close:hover {
  background-color: var(--border-color);
}

.close-icon {
  width: 1.25rem;
  display: flex;
}

.hero-s-c {
  background-color: #1a1f2e;
  padding-top: 5rem;
  padding-bottom: 5rem;
  overflow: hidden;
}

.text-lg {
  font-size: 1.25rem;
}

.text-wrap-w {
  max-width: 50rem;
}

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

.title-m {
  font-size: 2rem;
}

.contact-links {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: 2rem;
  display: flex;
}

.co-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #f3f4f6;
  display: flex;
}

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

.co-link-icon {
  width: 3rem;
  height: 3rem;
  color: var(--primary);
  background-color: #3b82f633;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.contact-title {
  font-weight: 600;
}

.co-val {
  color: var(--grey);
}

.why-us-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #1a1f2e;
  border: 1px solid #1f2937;
  border-radius: 1rem;
  flex-flow: column;
  margin-top: 3rem;
  padding: 2rem;
  display: flex;
}

.whu-us-title {
  font-size: 1.5rem;
}

.list-w {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.ls-it {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--grey-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-form {
  background-color: #1a1f2e;
  border: 1px solid #1f2937;
  border-radius: 1rem;
  padding: 2rem;
}

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

.form-wr {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: grid;
}

.textarea-s {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  height: 2.5rem;
  min-height: 8rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.textarea-s:focus {
  border-color: var(--white);
}

.textarea-s.v2 {
  background-color: var(--dark);
}

.form-2 {
  flex-flow: column;
  display: flex;
}

.success-message {
  background-color: var(--blue);
  color: var(--white);
  border-radius: .5rem;
}

.about-stats {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.icon-ab {
  width: 3rem;
  color: var(--primary);
}

.about-s-item-info {
  text-align: center;
}

.about-st-val {
  font-size: 3rem;
  font-weight: 700;
}

.about-st-caption {
  color: var(--grey-3);
  font-size: 1.125rem;
}

.story-texts {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 61rem;
  display: flex;
}

.span {
  border-bottom: 2px solid var(--primary);
  background-color: #13203b;
}

.teams-layout {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.team-card {
  border-radius: 1rem;
  overflow: hidden;
}

.team-card-content {
  background-color: #1a1f2e;
  padding: 2rem;
}

.founder-name {
  font-size: 1.5rem;
  font-weight: 700;
}

.founder-role {
  color: var(--primary);
  margin-top: .5rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.cards-3x {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-el {
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 1rem;
  height: 100%;
  padding: 2rem;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
}

.card-el:hover {
  background-color: #ffffff26;
}

.card-el-icon {
  width: 4rem;
  height: 4rem;
  color: var(--primary);
  background-color: #3b82f633;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.card-el-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 1.5rem;
  display: flex;
}

.title-md {
  font-size: 1.5rem;
}

.text-color-gray-light {
  color: var(--grey-3);
}

.button-wa {
  margin-top: 2.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.res-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 61rem;
  display: flex;
}

.res-heading {
  margin-bottom: 2rem;
}

.res-heading-texts {
  max-width: 26rem;
  margin-top: 1rem;
}

.res-heading-texts.md {
  max-width: 35rem;
}

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

.cards-4x {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card {
  color: var(--white);
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.card-image {
  transition: all .35s;
  overflow: hidden;
}

.card-overlay {
  z-index: 1;
  background-image: linear-gradient(#0009, #0009);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-ws {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 3rem;
  height: 3rem;
  color: var(--white);
  background-color: #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-sa {
  width: 1.25rem;
  display: flex;
}

.card-w-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  margin-top: 1rem;
  display: flex;
}

.heading-md {
  font-size: 1.125rem;
}

.card-txt {
  color: #fffc;
  font-size: .875rem;
}

.card-package {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.card-package-overlay {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  background-image: linear-gradient(0deg, #0003 40%, #fff0);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-holder-text {
  max-width: 40rem;
}

.tabs-holder {
  align-self: center;
  width: 100%;
  max-width: 61rem;
}

.tabs-2 {
  display: flex;
}

.tab-link-s {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 1px solid var(--border-color);
  background-color: #ddd0;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.tab-link-s.w--current {
  background-color: #fffbeb;
  border-color: #fde68a;
}

.tabs-menu-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 70%;
  display: flex;
}

.tab-link-s-info {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.tab-title {
  font-size: 1rem;
}

.arrow-tab {
  background-color: var(--light-3);
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.r-arr {
  width: 1rem;
  display: flex;
}

.tabs-content-3 {
  order: -9999;
  width: 30%;
  padding-right: 2rem;
}

.tab-pane {
  height: 100%;
}

.tab-pane-w {
  background-color: #000;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

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

.row-w {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-w {
  width: 48%;
  max-width: 28.5rem;
}

.lightbox-link {
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.content-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: 28.5rem;
  display: flex;
}

.content-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.content-list.is-row {
  flex-flow: row;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.c-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--gray-dark);
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.check-icon-a {
  width: 1rem;
  color: var(--blue);
  display: flex;
}

.play-w {
  z-index: 2;
  background-color: #fffc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.content-wr {
  align-self: center;
  width: 100%;
  max-width: 36rem;
}

.image-item {
  border-radius: 1rem;
  overflow: hidden;
}

.content-wr-info {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
}

.insta-block {
  border-radius: 1rem;
  align-self: center;
  width: 100%;
  max-width: 64rem;
  display: flex;
  overflow: hidden;
}

.insta-block-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 50%;
  color: var(--white);
  background-color: #1a1a1a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.insta-block-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 50%;
  color: var(--white);
  background-color: #111;
  border-left: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

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

.pic-profile {
  border: 2px solid var(--primary);
  object-fit: cover;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}

.profile-name {
  font-weight: 500;
}

.insta-stats {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.bg-op {
  opacity: .3;
  position: absolute;
  inset: 0%;
}

.partner-heading {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 50rem;
  display: flex;
}

.row-flex-w {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

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

.image-a {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.cards-4 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ed-card {
  border-radius: 1rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000000d;
}

.ed-card-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  flex-flow: column;
  flex: auto;
  padding: 1.25rem;
  display: flex;
}

.ed-card-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.icn-s {
  width: 1.25rem;
  color: var(--blue);
  display: flex;
}

.layout-cols {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.icon-svg {
  width: 1.5rem;
  color: var(--black);
  display: flex;
}

.col-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 14rem;
  display: flex;
}

.col-title {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.steps-cards {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.step-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  flex-flow: column;
  padding: 1.75rem;
  display: flex;
}

.step-num {
  background-color: var(--blue);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  display: flex;
}

.step-title {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-weight: 700;
}

.lightbox-w {
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.lightbox-overlay {
  background-color: #0000004d;
  position: absolute;
  inset: 0%;
}

.play-icon {
  width: 1.25rem;
  color: var(--blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.faqs-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 48%;
  max-width: 36.5rem;
  display: flex;
}

.faq-left-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.faqs-r {
  width: 50%;
  max-width: 36.5rem;
}

.hero-section {
  padding-top: 6rem;
  padding-bottom: 75px;
  position: relative;
}

.heading-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-lg {
  height: 6rem;
}

.slide-item {
  z-index: 2;
  height: 100%;
  position: relative;
}

.overlay-s {
  z-index: 1;
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.slider {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-nav, .right-arrow, .left-arrow {
  display: none;
}

.tag-text {
  color: #1e40af;
  background-color: #dbeafe;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.tag-text.is-v2 {
  color: var(--primary);
  background-color: #3b82f633;
}

.pr-card {
  background-color: #eff6ff80;
  border: 1px solid #dbeafe;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.pr-card:hover {
  box-shadow: 0 2px 10px #0000001a;
}

.pr-card.is-popular {
  border-color: var(--blue);
  color: var(--white);
  background-color: #1f2937;
  position: relative;
}

.pr-card-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.val {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
}

.pr-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

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

.check-icon-p {
  width: 1.25rem;
  color: var(--blue);
  display: flex;
}

.pr-card-bottom {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 2rem;
  display: flex;
}

.btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #000;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.btn:hover {
  background-color: #f3f4f6;
}

.btn.is-dark {
  background-color: var(--dark);
  color: var(--white);
}

.btn.is-dark:hover {
  background-color: var(--dark-v2);
}

.btn.is-reverse {
  border-color: var(--white);
}

.btn.is-reverse:hover {
  color: var(--black);
}

.btn.is-dark-reverse {
  background-color: var(--white);
  color: var(--black);
}

.btn.is-dark-reverse:hover {
  opacity: .8;
}

.btn-ar {
  width: 1.25rem;
  display: flex;
}

.is-tag {
  background-color: var(--blue);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .8rem;
  display: flex;
  position: absolute;
  inset: -.5rem 1.5rem auto auto;
}

.logo-texts {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.logo-t {
  color: var(--light-2);
  text-align: center;
  letter-spacing: .1em;
  font-size: 1.25rem;
}

.ls-row {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

.vid-item {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.bg-vid {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.service-el {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 1rem;
  flex-flow: column;
  padding: 1.5rem;
  transition: all .2s;
  display: flex;
}

.service-el:hover {
  box-shadow: 0 4px 10px #0000001a;
}

.service-el-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.pr-tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--blue);
  color: var(--white);
  text-transform: uppercase;
  border: 1px solid #60a5fa33;
  border-radius: 5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
}

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

.se-list {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  flex-flow: column;
  display: flex;
}

.insta-wr {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.txt-tag {
  color: var(--light-2);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 700;
}

.images {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.link-w {
  z-index: 1;
  border-radius: 1rem;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.link-w-overlay {
  z-index: 2;
  opacity: 0;
  background-image: linear-gradient(0deg, #000, #fff0);
  position: absolute;
  inset: 0%;
}

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

.logo-s {
  height: 3rem;
}

.newsletter-form {
  width: 100%;
  max-width: 40rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.form-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.form-news {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 35rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.field-input {
  border-radius: 4px;
  height: 3rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.field-input::placeholder {
  color: var(--black);
}

.socials-section {
  background-color: var(--blue);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.socials-fo {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-l {
  color: var(--grey-3);
  font-size: 1.5rem;
  font-weight: 400;
}

.links {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.link-c {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #1a1f2e;
  border: 1px solid #1f2937;
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem 2rem;
  transition: all .25s;
  display: flex;
}

.link-c:hover {
  border-color: var(--blue);
}

.link-c-icon {
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  color: var(--blue);
  background-color: #3b82f64d;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icn {
  width: 1.5rem;
  display: flex;
}

.link-c-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.case-study {
  border: 1px solid var(--border-color);
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 10px 10px #0000001a;
}

.case-study-content {
  background-color: var(--white);
  padding: 1.75rem;
}

.cs-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 45rem;
  display: flex;
}

.tags-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.tag-el {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .8rem;
  font-weight: 500;
  display: flex;
}

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

.col-videos {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tabs-pr {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-link {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: flex;
}

.t-link.w--current {
  background-color: var(--blue);
  color: var(--white);
}

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

.tabs-content-4 {
  margin-top: 2rem;
}

.slide-holder {
  border-radius: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

.prev-s {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 3rem;
  height: 3rem;
  color: var(--white);
  background-color: #0006;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 50% auto auto 1rem;
  transform: translate(0, -50%);
}

.prev-s:hover {
  background-color: #fff;
}

.next-s {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 3rem;
  height: 3rem;
  color: var(--white);
  background-color: #0006;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 50% 1rem auto auto;
  transform: translate(0, -50%);
}

.next-s:hover {
  background-color: #fff;
}

.images-preview.owl-carousel.owl-theme {
  display: flex;
}

.slide-item-s {
  opacity: .7;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: .5rem;
  overflow: hidden;
}

.slide-img {
  aspect-ratio: 1;
  object-fit: cover;
}

.slide-counter {
  z-index: 10;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #fff;
  background-color: #0006;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 50%;
  transform: translate(-50%);
}

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

.lightbox {
  border-radius: .75rem;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000000d;
}

.arrow {
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.linear {
  background-image: linear-gradient(90deg, var(--blue), #38bdf8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-holder-text-w {
  max-width: 48rem;
}

.video-wrap {
  border: 1px solid var(--white);
  border-radius: 1.5rem;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.services-cards {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-item {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.service-item-image {
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
}

.service-item-overlay {
  z-index: 2;
  background-image: linear-gradient(0deg, #000c, #fff0);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hw-work {
  border: 1px solid var(--white);
  background-color: #eff6ff66;
  border-radius: 1.5rem;
  padding: 2rem;
}

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

.hw-work-steps {
  justify-content: space-between;
  margin-top: 2rem;
  display: flex;
}

.step-el {
  border: 1px solid var(--blue);
  background-color: var(--white);
  width: 30%;
  color: var(--dark);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.step-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--blue-primary);
  background-color: #dbeafe;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.step-icn {
  width: 1.25rem;
  display: flex;
}

.step-el-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 1rem;
  display: flex;
}

.s-tag {
  background-color: var(--blue);
  color: var(--white);
  border: 1px solid #60a5fa4d;
  border-radius: 5rem;
  padding: .35rem .875rem;
  font-size: .875rem;
  font-weight: 600;
  position: absolute;
  inset: -1rem auto auto -.5rem;
}

.arrow-a {
  width: 2rem;
  color: var(--blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 4.8rem;
  }

  h2 {
    font-size: 3.6rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.8rem;
  }

  p {
    font-size: 1.6rem;
  }

  .navbar {
    height: 8rem;
  }

  .container {
    max-width: none;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .logo {
    height: 3.6rem;
  }

  .nav-menu {
    background-color: var(--black);
    height: calc(100vh - 8rem);
  }

  .nav-list {
    border-top: 1px solid var(--dark-v2);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 4rem 4rem 8rem;
  }

  .nav-link {
    color: var(--white);
    padding: 0;
    font-size: 1.8rem;
  }

  .nav-link:hover {
    background-color: #fff0;
  }

  .header-info-texts {
    max-width: 30rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  .icon {
    width: 2rem;
  }

  .icon-wrap {
    display: none;
  }

  .button {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    height: 4.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.4rem;
  }

  .nav-button {
    width: 100%;
    height: 5rem;
    margin-top: auto;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.4rem;
  }

  .icon-w {
    width: 3.2rem;
    height: 3.2rem;
  }

  .arr {
    width: 1.5rem;
  }

  .scrolling {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }

  .logo-text {
    font-size: 1.6rem;
  }

  .section {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .section.portfolio-header {
    padding-top: 12rem;
    padding-bottom: 16rem;
  }

  .section-wrap {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
  }

  .service-card-image {
    height: 38rem;
  }

  .service-card-overlay {
    font-size: 2.4rem;
  }

  .row-layout {
    flex-flow: column;
  }

  .content-left {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .tag {
    padding: .8rem 1.2rem;
    font-size: 1.2rem;
  }

  .h2-heading {
    font-size: 4.8rem;
  }

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

  .st-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    padding: 1.2rem;
  }

  .icon-s {
    width: 2rem;
    min-width: 2rem;
  }

  .text-val {
    font-size: 1.8rem;
  }

  .txt-small {
    font-size: 1.4rem;
  }

  .block-mockup {
    width: 100%;
    max-width: 50rem;
    margin-top: 6.4rem;
  }

  .block-mockup-inner {
    max-width: 22rem;
  }

  .mockup-w {
    border-radius: 3rem;
    height: 45rem;
  }

  .heading-row-flex {
    width: 65%;
  }

  .h2-heading-w1 {
    font-size: 4.8rem;
  }

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

  .step-card-content {
    padding: 2.4rem;
  }

  .step-tag {
    padding: .5rem 1rem;
    font-size: 1.2rem;
  }

  .text-small, .text-block {
    font-size: 1.4rem;
  }

  .heading-holder-texts {
    max-width: 35rem;
  }

  .heading-holder-texts.md {
    max-width: 58rem;
  }

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

  .offer-card-image {
    height: 20rem;
  }

  .offer-card-content {
    padding: 2rem;
  }

  .offer-title {
    font-size: 2rem;
  }

  .offer-tag {
    font-size: 1.2rem;
  }

  .icon-sm {
    width: 1.6rem;
  }

  .text-offer {
    font-size: 1.4rem;
  }

  .arrow-sm {
    width: 1.8rem;
  }

  .read-more {
    font-size: 1.4rem;
  }

  .feature-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-round {
    height: 4.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.4rem;
  }

  .button-round.is-blue.is-lg {
    height: 5.6rem;
    font-size: 1.6rem;
  }

  .btn-arrow {
    width: 2rem;
  }

  .popular-tag, .text-caption {
    font-size: 1.2rem;
  }

  .brand-caption {
    padding: 1rem 2rem;
    font-size: 1.4rem;
  }

  .pricing-card {
    padding: 3.2rem 2rem 2.4rem;
  }

  .pricing-label {
    font-size: 1.2rem;
  }

  .pricing-name {
    font-size: 2.4rem;
  }

  .price-val {
    font-size: 3.2rem;
  }

  .p-label {
    font-size: 1.4rem;
  }

  .p-label.sm {
    font-size: 1.2rem;
  }

  .text-block-2 {
    font-size: 1.6rem;
  }

  .ls-item {
    font-size: 1.4rem;
  }

  .about-wrap {
    max-width: none;
  }

  .about-image {
    height: 38rem;
  }

  .divider {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .ab-val {
    font-size: 2.4rem;
  }

  .ab-button {
    margin-top: 4rem;
  }

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

  .team-name {
    font-size: 1.4rem;
  }

  .team-role {
    font-size: 1.2rem;
  }

  .stat-val {
    font-size: 2.4rem;
  }

  .testimonial-card {
    padding: 2.4rem;
  }

  .quote-icon {
    width: 2.4rem;
  }

  .review-txt {
    font-size: 1.4rem;
  }

  .testimonial-card-bottom {
    margin-top: 2rem;
    padding-top: 2rem;
  }

  .pic {
    width: 4rem;
    max-width: 4rem;
    height: 4rem;
  }

  .rev-name {
    font-size: 1.4rem;
  }

  .p-txt {
    width: 4rem;
    height: 4rem;
    font-size: 1.4rem;
  }

  .arrows {
    max-width: 20rem;
  }

  .prev {
    width: 3.2rem;
    height: 3.2rem;
  }

  .arr-s {
    width: 2rem;
  }

  .next {
    width: 3.2rem;
    height: 3.2rem;
  }

  .text-md {
    font-size: 1.8rem;
  }

  .txt-cap {
    font-size: 1.4rem;
  }

  .in-button {
    height: 4.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.4rem;
  }

  .insta-icon {
    width: 2rem;
  }

  .insta-icon.sm {
    width: 1.6rem;
  }

  .embed-insta {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }

  .faqs {
    max-width: none;
  }

  .tab-link {
    height: 3.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.4rem;
  }

  .tab-w {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .faq-item {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .faq-q {
    font-size: 1.6rem;
  }

  .faq-arr {
    width: 2rem;
  }

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

  .footer-up {
    grid-template-columns: 1fr 1fr;
  }

  .brand {
    font-size: 2rem;
  }

  .social-link {
    width: 4rem;
    height: 4rem;
  }

  .social-icon {
    width: 2.4rem;
  }

  .fo-title {
    font-size: 1.6rem;
  }

  .fo-link {
    font-size: 1.4rem;
  }

  .footer-down {
    margin-top: 4.8rem;
    padding-top: 3.2rem;
  }

  .circle {
    width: 25rem;
    height: 25rem;
  }

  .circle.w2 {
    width: 40rem;
    height: 40rem;
  }

  .icon-w1, .icon-w2, .icon-w3, .icon-w4 {
    width: 4rem;
    height: 4rem;
  }

  .block-s {
    min-width: 12rem;
    padding: 1.2rem;
  }

  .block-s-head {
    font-size: 1.4rem;
  }

  .block-s2 {
    min-width: 12rem;
    padding: 1.2rem;
  }

  .menu-button {
    padding: 0;
  }

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

  .m-line {
    background-color: var(--white);
    border-radius: 2000px;
    width: 24px;
    height: 2px;
    padding: 0;
  }

  .m-line-2 {
    background-color: var(--white);
    border-radius: 2000px;
    width: 24px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
  }

  .m-line-3 {
    background-color: var(--white);
    border-radius: 2000px;
    width: 24px;
    height: 2px;
    padding: 0;
  }

  .brand-w {
    padding-left: 0;
  }

  .cta-bottom {
    padding: 2.4rem;
  }

  .code-embed-4 {
    height: 650px;
  }

  .co-title {
    font-size: 1.6rem;
  }

  .h1-heading {
    font-size: 4.8rem;
  }

  .text {
    font-size: 2rem;
  }

  .logo-w {
    margin-right: 4rem;
  }

  .logo-p {
    height: 3.2rem;
  }

  .tabs {
    flex-flow: column;
  }

  .tabs-menu-2 {
    width: 100%;
    margin-bottom: 3.2rem;
    padding-right: 0;
  }

  .tab-el {
    padding: 2rem;
  }

  .tab-el-icon {
    width: 4rem;
    height: 4rem;
  }

  .tab-icon {
    width: 2rem;
  }

  .h4-heading {
    font-size: 1.6rem;
  }

  .tab-txt {
    font-size: 1.4rem;
  }

  .tabs-content-2 {
    width: 100%;
    padding-left: 0;
  }

  .tab-el-w {
    height: 40rem;
  }

  .content-overlay {
    padding: 2rem;
  }

  .card-item {
    border-radius: 1.6rem;
    padding: 3.2rem;
  }

  .card-item-icon {
    width: 4.8rem;
    min-width: 4.8rem;
    height: 4.8rem;
  }

  .icon-card {
    width: 2.4rem;
  }

  .row-flex {
    align-items: stretch;
  }

  .ls-item-w {
    font-size: 1.4rem;
  }

  .check-icon {
    width: 2.4rem;
  }

  .faqs-v2 {
    max-width: none;
  }

  .faq-item-v {
    padding: 2rem 2.4rem;
  }

  .cta-heading-texts {
    max-width: 40rem;
  }

  .cta-heading-texts.is-md {
    max-width: 50rem;
  }

  .comm-form {
    max-width: none;
    padding: 2.4rem;
  }

  .form-title {
    font-size: 2rem;
  }

  .label {
    font-size: 1.4rem;
  }

  .text-field {
    height: 4rem;
    font-size: 1.4rem;
  }

  .radios {
    flex-flow: wrap;
  }

  .radio-button-field {
    height: 4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.4rem;
  }

  .textarea {
    min-height: 10rem;
    font-size: 1.4rem;
  }

  .uploader-prop {
    font-size: 1.4rem;
  }

  .checkbox {
    width: 2rem;
    height: 2rem;
  }

  .checkbox-field {
    font-size: 1.4rem;
  }

  .hero-s {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .hero-s.ab-hero {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .hero-s.res-hero {
    justify-content: flex-start;
    align-items: flex-end;
    min-height: 55vh;
    padding-top: 12rem;
    padding-bottom: 5rem;
    display: flex;
  }

  .hero-s.partner-hero {
    justify-content: flex-start;
    align-items: flex-end;
    min-height: auto;
    padding-top: 9.6rem;
    padding-bottom: 9.6rem;
    display: flex;
  }

  .text-a {
    font-size: 1.4rem;
  }

  .rad-btn {
    height: 3.8rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .txt-label {
    font-size: 1.4rem;
  }

  .f-txt {
    margin-top: 1rem;
    font-size: 1.2rem;
  }

  .h3-heading {
    font-size: 2.4rem;
  }

  .pck-item {
    font-size: 1.4rem;
  }

  .check-icon-s {
    width: 1.6rem;
  }

  .p-val {
    font-size: 3rem;
  }

  .package-buttons {
    flex-flow: column;
  }

  .addons {
    max-width: 45rem;
  }

  .add-name, .add-val {
    font-size: 1.4rem;
  }

  .images-wrap {
    width: 100%;
    min-width: calc(100% + 4rem);
    padding-bottom: 2rem;
    overflow: auto;
  }

  .images-grid {
    min-width: 900px;
  }

  .popup-package-wr {
    border-radius: 1rem;
    max-width: none;
    padding-top: 2.4rem;
  }

  .popup-package-wr-heading {
    max-width: 35rem;
  }

  .package-title {
    font-size: 2.4rem;
  }

  .tag-s {
    height: 3.2rem;
    font-size: 1.2rem;
  }

  .p-item-overlay {
    font-size: 1.2rem;
  }

  .close {
    width: 4rem;
    height: 4rem;
  }

  .close-icon {
    width: 2rem;
  }

  .hero-s-c {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .text-lg {
    font-size: 2rem;
  }

  .text-wrap-w {
    max-width: 55rem;
  }

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

  .title-m {
    font-size: 3rem;
  }

  .contact-links {
    margin-top: 3rem;
  }

  .co-link-icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .icon-co {
    width: 2.4rem;
  }

  .contact-title, .co-val {
    font-size: 1.6rem;
  }

  .why-us-block {
    margin-top: 4.8rem;
    padding: 3.2rem;
  }

  .whu-us-title {
    font-size: 2.4rem;
  }

  .ls-it {
    font-size: 1.6rem;
  }

  .contact-form {
    padding: 3.2rem;
  }

  .form-wr {
    margin-bottom: 2rem;
  }

  .textarea-s {
    height: 4rem;
    font-size: 1.4rem;
  }

  .textarea-s.v2 {
    min-height: 12rem;
  }

  .success-message {
    font-size: 1.6rem;
  }

  .icon-ab {
    width: 4.8rem;
  }

  .about-st-val {
    font-size: 4.8rem;
  }

  .about-st-caption {
    font-size: 1.8rem;
  }

  .team-card-content {
    padding: 2.4rem;
  }

  .founder-name {
    font-size: 2.4rem;
  }

  .founder-role {
    font-size: 1.6rem;
  }

  .card-el {
    padding: 2.4rem;
  }

  .card-el-icon {
    width: 5.6rem;
    height: 5.6rem;
  }

  .title-md {
    font-size: 2.4rem;
  }

  .res-wrap {
    max-width: none;
  }

  .res-heading-texts {
    max-width: 39rem;
  }

  .cards-4x {
    grid-template-columns: 1fr 1fr;
  }

  .card-overlay {
    justify-content: center;
    align-items: center;
  }

  .card-ws {
    width: 4.8rem;
    height: 4.8rem;
  }

  .icon-sa {
    width: 2rem;
  }

  .heading-md {
    font-size: 1.8rem;
  }

  .card-txt {
    font-size: 1.4rem;
  }

  .tabs-holder {
    max-width: none;
  }

  .tab-link-s {
    padding: 2rem;
  }

  .tab-title {
    font-size: 1.6rem;
  }

  .arrow-tab {
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
  }

  .r-arr {
    width: 1.8rem;
  }

  .row-w {
    align-items: stretch;
  }

  .video-w {
    max-width: none;
  }

  .lightbox-link {
    height: 100%;
  }

  .content-info {
    width: 48%;
    max-width: none;
  }

  .c-item {
    font-size: 1.4rem;
  }

  .check-icon-a {
    width: 1.6rem;
  }

  .play-w {
    width: 4rem;
    height: 4rem;
  }

  .content-wr {
    max-width: 57rem;
  }

  .insta-block {
    max-width: none;
  }

  .insta-block-left {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 3.2rem;
  }

  .insta-block-right {
    padding: 3.2rem;
  }

  .pic-profile {
    width: 6rem;
    height: 6rem;
  }

  .profile-name, .insta-stat-item {
    font-size: 1.6rem;
  }

  .partner-heading {
    max-width: none;
  }

  .cards-4 {
    grid-template-columns: 1fr 1fr;
  }

  .ed-card-content {
    padding: 2rem;
  }

  .ed-card-head {
    font-size: 1.4rem;
  }

  .icn-s {
    width: 2rem;
  }

  .icon-svg {
    width: 2.4rem;
  }

  .col-item {
    max-width: 18rem;
  }

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

  .steps-cards {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .step-item {
    padding: 2.8rem;
  }

  .step-num {
    width: 4rem;
    height: 4rem;
    font-size: 1.8rem;
  }

  .step-title {
    font-size: 1.6rem;
  }

  .logo-lg {
    height: 8rem;
  }

  .tag-text {
    height: 3.2rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-size: 1.2rem;
  }

  .pr-ls-item {
    font-size: 1.4rem;
  }

  .check-icon-p {
    width: 2rem;
  }

  .btn {
    height: 4rem;
    font-size: 1.4rem;
  }

  .is-tag {
    height: 2.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.2rem;
    top: -1rem;
  }

  .logo-t {
    font-size: 2rem;
  }

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

  .service-el {
    padding: 2.4rem;
  }

  .service-title {
    font-size: 1.8rem;
  }

  .pr-tag {
    padding: .8rem 1.2rem;
    font-size: 1.2rem;
  }

  .l-item {
    font-size: 1.4rem;
  }

  .txt-tag {
    font-size: 1.2rem;
  }

  .images {
    flex-flow: column;
    margin-top: 3.2rem;
    display: flex;
  }

  .logo-s {
    height: 4.8rem;
  }

  .form-news {
    max-width: none;
  }

  .field-input {
    height: 4.8rem;
    font-size: 1.4rem;
  }

  .text-l {
    font-size: 2rem;
  }

  .link-c {
    padding: 3.2rem 2.4rem;
  }

  .link-c-icon {
    width: 4.8rem;
    min-width: 4.8rem;
    height: 4.8rem;
  }

  .icn {
    width: 2rem;
  }

  .link-w-info {
    justify-content: center;
    align-items: flex-start;
  }

  .case-study-content {
    padding: 2.4rem;
  }

  .tag-el {
    height: 3.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
  }

  .t-link {
    width: 4.8rem;
    height: 4.8rem;
  }

  .tab-icn {
    width: 2rem;
  }

  .heading-holder-text-w {
    max-width: none;
  }

  .services-cards {
    flex-flow: column;
    display: flex;
  }

  .step-el {
    padding: 2.4rem;
  }

  .step-icon {
    width: 4rem;
    height: 4rem;
  }

  .step-icn {
    width: 2rem;
  }

  .s-tag {
    padding: .5rem 1rem;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .services {
    flex-flow: column;
    display: flex;
  }

  .heading-row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-row-flex {
    width: 100%;
  }

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

  .avatar-item {
    width: 20%;
  }

  .offers {
    flex-flow: column;
    display: flex;
  }

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

  .pricing-card {
    width: 100%;
  }

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

  .about-item {
    text-align: center;
  }

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

  .stats-4x {
    grid-template-columns: 1fr 1fr;
  }

  .row {
    flex-flow: column;
  }

  .row-content {
    width: 100%;
    max-width: none;
    padding-bottom: 20rem;
  }

  .image-w2 {
    width: 80%;
    max-width: 35rem;
  }

  .content-r {
    width: 100%;
    margin-top: 4.8rem;
  }

  .instagram-head {
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-up {
    flex-flow: column;
    display: flex;
  }

  .footer-down {
    margin-top: 4.8rem;
  }

  .icon-w1 {
    left: 0;
  }

  .icon-w2 {
    right: 0;
  }

  .icon-w3 {
    right: 1rem;
  }

  .icon-w4 {
    left: 1rem;
  }

  .block-s, .block-s2 {
    display: none;
  }

  .cta-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .code-embed-4 {
    height: 500px;
  }

  .hero-wrap {
    flex-flow: column;
  }

  .hero-info {
    width: 100%;
    max-width: none;
    margin-bottom: 4.8rem;
  }

  .hero-image {
    width: 100%;
    max-width: none;
  }

  .cards-2x2 {
    flex-flow: column;
    display: flex;
  }

  .row-flex {
    flex-flow: column;
  }

  .content-wrap {
    width: 100%;
  }

  .image-r {
    width: 100%;
    margin-top: 6.4rem;
  }

  .packages-3x {
    flex-flow: column;
    display: flex;
  }

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

  .about-stats {
    grid-column-gap: 4.8rem;
    grid-row-gap: 4.8rem;
    flex-flow: column;
    display: flex;
  }

  .teams-layout {
    grid-column-gap: 4.8rem;
    grid-row-gap: 4.8rem;
    flex-flow: column;
    max-width: none;
    display: flex;
  }

  .cards-3x, .cards-4x {
    flex-flow: column;
    display: flex;
  }

  .card-package-overlay {
    padding: 2rem;
  }

  .tabs-2 {
    flex-flow: column;
  }

  .tabs-menu-3 {
    width: 100%;
  }

  .tabs-content-3 {
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2.4rem;
    padding-right: 0;
  }

  .row-w {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .video-w {
    width: 100%;
  }

  .content-info {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    width: 100%;
  }

  .insta-block {
    border-radius: 1.6rem;
    flex-flow: column;
  }

  .insta-block-left {
    width: 100%;
  }

  .insta-block-right {
    border-top: 1px solid #ffffff1a;
    border-left-width: 0;
    width: 100%;
  }

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

  .cards-4, .layout-cols, .steps-cards {
    flex-flow: column;
    display: flex;
  }

  .logo-texts {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .ls-row {
    flex-flow: column;
    display: flex;
  }

  .ls-content {
    order: -9999;
  }

  .bg-vid.v2 {
    height: 400px;
    position: static;
  }

  .services-layout, .links, .video-layout {
    flex-flow: column;
    display: flex;
  }

  .slide-img {
    aspect-ratio: 1;
  }

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

  .hw-work {
    flex-flow: column;
    display: flex;
  }

  .hw-work-steps {
    flex-flow: column;
  }

  .step-el {
    width: 100%;
  }

  .arrow-a {
    align-self: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3.2rem;
  }

  h2 {
    font-size: 3rem;
  }

  .container, .nav-list {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .header-wrap {
    padding: 2.4rem;
  }

  .section {
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
  }

  .service-card-image {
    height: 45rem;
  }

  .service-card-overlay {
    font-size: 2rem;
  }

  .content-left {
    align-self: center;
    max-width: 34rem;
  }

  .h2-heading {
    font-size: 3.6rem;
  }

  .stats-block {
    flex-flow: column;
    align-self: stretch;
  }

  .block-mockup {
    max-width: 35rem;
  }

  .block-mockup-inner {
    max-width: 19rem;
  }

  .mockup-w {
    height: 40rem;
  }

  .h2-heading-w1 {
    font-size: 3.6rem;
  }

  .steps {
    flex-flow: column;
    display: flex;
  }

  .avatar-item {
    width: 28%;
  }

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

  .stat-val {
    font-size: 2.4rem;
  }

  .row-content {
    padding-bottom: 12rem;
  }

  .image-w {
    width: 75%;
  }

  .p-txt {
    left: 0;
  }

  .code-embed-4 {
    height: 400px;
  }

  .hero {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .tabs-menu-2, .form-grid {
    flex-flow: column;
    display: flex;
  }

  .hero-s.ab-hero {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .hero-s.res-hero {
    padding-top: 12rem;
  }

  .package-buttons {
    flex-flow: column;
    display: flex;
  }

  .images-wrap {
    min-width: calc(100% + 2rem);
  }

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

  .p-item {
    width: 49%;
  }

  .p-item-overlay {
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: 1rem;
  }

  .why-us-block {
    padding-top: 2.4rem;
  }

  .contact-form {
    padding: 2.4rem;
  }

  .form-wr {
    flex-flow: column;
    display: flex;
  }

  .content-list.is-row {
    flex-flow: column;
  }

  .text-s {
    font-size: 1.4rem;
  }

  .logo-texts {
    grid-template-columns: 1fr 1fr;
  }

  .bg-vid.v2 {
    height: 250px;
  }

  .insta-wr {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .form-news {
    flex-flow: column;
  }

  .links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tags-list {
    flex-flow: wrap;
  }

  .lightboxs {
    flex-flow: column;
    display: flex;
  }

  .arrow {
    width: 1.5rem;
  }
}

#w-node-_64784917-34c4-9cc1-4bd5-7dc80c8ad7aa-b1913dd1, #w-node-de097887-d645-7ca5-fbf5-078518f30741-b1913dd1, #w-node-_1720d82b-2828-2e83-788c-b00ed4f3ed59-b1913dd1, #w-node-c60a9019-75da-3071-e8e8-2d5b4efbc1a4-b1913dd1 {
  justify-self: stretch;
}

#w-node-_31b87f5c-e224-cd32-a9af-364a07edfe58-b1913dd5, #w-node-_05eec71f-9591-25c3-e06e-eb24d2c19c64-b1913dd5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a97ca191-d472-7b5a-dbf0-f75eb60cd9ed-b1913dd5, #w-node-_12e0d621-967f-1f54-cad0-2685870f61f3-b1913dd5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6c867179-7874-eb80-f007-dd416ecdf41b-b1913dd5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0ea4f9ea-65db-4428-3f1c-5ffb394667cf-b1913dd5, #w-node-_5e93a181-8a58-0e7e-c46e-929e0e21610e-b1913dd5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a22b7ab-702f-1cee-6945-bb92568800e3-b1913dd5, #w-node-_0e9bb9ac-bf07-eed1-d1d4-47cf539ce5c7-b1913dd7, #w-node-c0eb6fa0-6fcf-5bcc-aa4e-5a69b38a4e60-b1913dd7, #w-node-_4d678e44-75c3-6e60-6e15-05cf7dced460-b1913dd7, #w-node-_6a4d529c-00bd-59f7-d7ac-c851fc8d8497-b1913dd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_020cb0f9-9d45-71ab-304e-a94a0e45224e-b1913dda {
  align-self: stretch;
}

#w-node-bfe122ab-6e1c-2aef-d72b-b8753a0b001a-b1913ddb {
  place-self: center;
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}