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

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

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

:root {
  --fonts--all-headings: Euclidcirculara, Georgia, sans-serif;
  --colors--white-txt: white;
  --colors--sizes--h1: 3.75rem;
  --colors--black-txt: black;
  --colors--sizes--h2: 3rem;
  --colors--sizes--h3: 2.5rem;
  --colors--sizes--h4: 2rem;
  --colors--sizes--h5: 1.5625rem;
  --colors--sizes--h6: 1.25rem;
  --colors--btn-color: #3cc;
  --colors--smoke-div: #f5f5f5;
  --fonts--all-paragraphs: Outfit, sans-serif;
  --colors--sizes--p1: 1rem;
  --colors--sizes--p2: .875rem;
  --colors--bgd-1: #0a1523;
  --colors--blue-txt: #527ee4;
  --colors--bgd-2: #192a4e;
  --colors--bgd-3: #162645;
  --colors--transparent-btn: transparent;
}

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

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

h1 {
  font-family: var(--fonts--all-headings);
  color: var(--colors--white-txt);
  font-size: var(--colors--sizes--h1);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1;
}

h2 {
  font-family: var(--fonts--all-headings);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--h2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  font-family: var(--fonts--all-headings);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--h3);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  font-family: var(--fonts--all-headings);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--h4);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 120%;
}

h5 {
  font-family: var(--fonts--all-headings);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--h5);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 120%;
}

h6 {
  font-family: var(--fonts--all-headings);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--h6);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 120%;
}

.page-wrapper {
  overflow: hidden;
}

.headings {
  background-color: var(--colors--btn-color);
  padding: 20px;
}

.main-container {
  max-width: 1332px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.main-container.hero-container {
  flex: 1;
  margin-left: auto;
  margin-right: auto;
}

.main-container.grow {
  flex: 1;
}

.paragraphs {
  background-color: var(--colors--smoke-div);
  padding: 20px;
}

.paragraph-1 {
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--p1);
  line-height: 140%;
}

.paragraph-1.white-txt {
  color: var(--colors--white-txt);
  text-align: center;
}

.paragraph-1.white-txt.mw-600px {
  text-align: center;
  max-width: 600px;
}

.paragraph-1.white-txt.mw-600px.top-padding-24 {
  padding-top: 24px;
}

.paragraph-1.white-txt.margin-top-24 {
  text-align: center;
  margin-top: 24px;
}

.paragraph-1.white-txt.margin-top-24.max-w-872 {
  text-align: center;
}

.paragraph-1.white-txt.margin-top-24.max-w-600 {
  text-align: center;
  max-width: 615px;
}

.paragraph-1.white-txt.align-left {
  text-align: left;
  padding-top: 20px;
}

.paragraph-1.mw-345px {
  max-width: 345px;
}

.paragraph-1.padding-top-24 {
  padding-top: 24px;
}

.paragraph-1.padding-top-24.white-txt.align-left.black-txt {
  color: var(--colors--black-txt);
  text-align: center;
}

.paragraph-1.max-w-834 {
  text-align: center;
  max-width: 834px;
}

.paragraph-1.margin-top-20 {
  margin-top: 20px;
}

.paragraph-2 {
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--p1);
  line-height: 150%;
}

.paragraph-2.white-txt.footer-headline {
  margin-top: 10px;
}

.buttons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--colors--bgd-1);
  padding: 20px;
  display: flex;
}

.primary-btn {
  background-color: var(--colors--btn-color);
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--white-txt);
  font-size: var(--colors--sizes--p1);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 166px;
  height: 48px;
  padding: 24px;
  line-height: 150%;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.primary-btn:hover {
  color: var(--colors--bgd-1);
  border-radius: 20px;
}

.primary-btn.margin-top-48, .primary-btn.margin-top-48.align-center {
  margin-top: 48px;
}

.primary-btn.display-none {
  display: none;
}

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

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

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

.navbar {
  background-color: var(--colors--white-txt);
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: inline-flex;
}

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

.nav-link {
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--black-txt);
  font-size: var(--colors--sizes--p1);
  line-height: 1.33333rem;
  transition: all .3s;
}

.nav-link:hover {
  color: var(--colors--blue-txt);
}

.btn-txt {
  line-height: 1.33333rem;
}

.logo-img {
  max-width: 80px;
}

.hero-home-section {
  background-image: url('../images/hero-bgd.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.secondary-btn {
  border: 1px solid var(--colors--white-txt);
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--white-txt);
  font-size: var(--colors--sizes--p1);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 166px;
  height: 48px;
  line-height: 1.25rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.secondary-btn:hover {
  border-radius: 20px;
}

.secondary-btn.black {
  border-color: var(--colors--black-txt);
  color: var(--colors--black-txt);
}

.secondary-btn.margin-top-48 {
  margin-top: 48px;
}

.primary-btn-txt {
  font-size: var(--colors--sizes--p2);
  line-height: 1.25rem;
}

.secondary-btn-txt {
  font-size: var(--colors--sizes--p2);
}

.hero-content-wrapper {
  max-width: 660px;
  margin-left: 0;
}

.hero-cta-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-top: 40px;
  display: flex;
}

.sub-hero-section {
  background-image: url('../images/sub-hero-bg.png');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 355px;
  display: flex;
  overflow: hidden;
}

.corner-vector {
  margin-left: auto;
  position: relative;
  bottom: -35px;
}

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

.content-wrapper.direction-horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
}

.content-wrapper.top-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-wrapper.flex-horizontal {
  flex-flow: row;
}

.content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 148px;
  padding-bottom: 167px;
}

.content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167.blue-bgd {
  border-radius: 24px;
  margin-bottom: 60px;
  padding: 100px;
}

.content-wrapper.flex-horizontal.align-left {
  justify-content: flex-start;
  align-items: center;
}

.content-wrapper.flex-horizontal.align-left.padding-reach-out {
  padding-top: 60px;
  padding-bottom: 192px;
}

.content-wrapper.our-ethos-component {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.content-wrapper.margins-247 {
  margin-top: 247px;
  margin-bottom: 247px;
}

.content-wrapper.left-align {
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.content-wrapper.top-margin-132 {
  margin-top: 132px;
  margin-bottom: 94px;
}

.content-wrapper.margin-top-bottom-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.content-wrapper.margin-top-bottom-160.align-left {
  justify-content: center;
  align-items: flex-start;
}

.white-txt {
  color: var(--colors--white-txt);
  line-height: 120%;
}

.capabilities-section {
  height: auto;
}

.top-content-wrapper {
  margin-top: 100px;
  display: flex;
}

.left-side-content {
  max-width: 616px;
}

.left-side-content.max-w-687 {
  max-width: 687px;
}

.left-side-content.max-w-687.height-352 {
  height: auto;
}

.left-side-content.max-w-687.height-352._50--width {
  flex: 1;
  max-width: 100%;
}

.right-side-content {
  justify-content: center;
  align-items: center;
  max-width: 616px;
  display: flex;
}

.right-side-content.max-w-514 {
  max-width: 514px;
}

.right-side-content.max-w-514.height-352 {
  flex-flow: column;
  height: auto;
}

.right-side-content.max-w-514.height-352._50-width, .right-side-content.max-w-514.height-352._50--width {
  max-width: 50%;
}

.blue-txt {
  color: var(--colors--blue-txt);
}

.grid-content-wrapper {
  margin-top: 80px;
}

.grid-content-wrapper.top-margin-56 {
  margin-top: 56px;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.card {
  background-color: var(--colors--smoke-div);
  border-radius: 20px;
  padding: 32px 24px 52px;
}

.card-content {
  flex-flow: column;
  display: flex;
}

.mw-345px {
  max-width: 345px;
}

.btn-wrapper {
  max-width: 270px;
  margin-top: 80px;
}

.btn-wrapper.flex-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.how-it-works-section {
  background-image: url('../images/how-it-works-bg.png');
  background-position: 50%;
  background-size: cover;
  height: 930px;
}

.video-wrapper {
  border-radius: 20px;
  width: 1028px;
  height: 590px;
  margin-top: 72px;
}

.background-video {
  z-index: 1;
  border-radius: 20px;
}

.cta-section {
  background-color: var(--colors--smoke-div);
  justify-content: center;
  align-items: center;
  height: 320px;
  display: flex;
}

.message-wrapper {
  flex-flow: column;
  max-width: 768px;
  display: block;
}

.cta-btn-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cta-btn-wrapper.top-padding-48 {
  padding-top: 48px;
}

.footer {
  background-color: var(--colors--bgd-1);
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

.main {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  display: flex;
}

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

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  display: none;
}

.footer-link {
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--white-txt);
  font-size: var(--colors--sizes--p1);
  margin-top: 12px;
  margin-bottom: 6px;
  line-height: 16px;
  text-decoration: none;
  transition: all .3s;
}

.footer-link:hover {
  color: var(--colors--btn-color);
}

.footer-link.email-link {
  padding-top: 20px;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-social-link.display-none {
  display: block;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  font-family: var(--fonts--all-paragraphs);
  color: var(--colors--white-txt);
  text-align: center;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 16px;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px 40px;
  position: relative;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: none;
}

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

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

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

.footer-copyright {
  color: #3a4554;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-subscribe {
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 40px;
  position: relative;
}

.footer-form-two {
  background-color: #f5f7fa;
  margin-bottom: 40px;
  padding: 64px;
}

.footer-form-container-two {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-form-title {
  font-size: 24px;
  line-height: 32px;
}

.footer-form-block-two {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-form-input {
  border: 1px #000;
  width: 460px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 180px 12px 20px;
}

.footer-form-input::placeholder {
  color: #1a1b1fcc;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.footer-form-button {
  padding: 8px 18px;
  position: absolute;
  right: 8px;
}

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

.footer-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.footer-link-three {
  color: #1a1b1f;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
}

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

.footer-social-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -32px;
  display: flex;
}

.footer-social-link-three {
  margin-left: 32px;
}

.footer-legal-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-legal-link {
  color: #3a4554;
  margin-left: 24px;
}

.footer-legal-link:hover {
  color: #3a4554;
}

.footer-logo-content {
  max-width: 230px;
}

.kaliflow {
  color: var(--colors--white-txt);
}

.hero-about_us-section {
  background-image: url('../images/hero-about_us-img.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

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

.about-us-section {
  height: auto;
}

.heading-5 {
  font-size: var(--colors--sizes--h3);
  text-align: left;
  line-height: 120%;
}

.heading-5.align-center {
  text-align: left;
}

.heading-5.align-centre {
  text-align: center;
}

.heading-6 {
  line-height: 120%;
}

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

.text-span.white-txt {
  color: var(--colors--white-txt);
}

.text-span.white-txt.blue-txt {
  color: var(--colors--blue-txt);
}

.image-wrapper.width-514px {
  width: 514px;
}

.about-us-img {
  border-radius: 24px;
  width: 100%;
  height: 352px;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.expertise-card {
  width: 398px;
  height: 400px;
}

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

.image-2 {
  border-radius: 20px;
}

.heading-8.align-centre {
  text-align: center;
}

.our-ethos-section {
  background-color: var(--colors--smoke-div);
}

.heading-9 {
  width: 70%;
  line-height: 120%;
}

.heading-10 {
  width: 90%;
  line-height: 120%;
}

.grid-3 {
  grid-column-gap: 236px;
  grid-row-gap: 236px;
  grid-template-rows: auto;
}

.ethos-grid-card {
  width: 400px;
  height: 190px;
}

.separator {
  background-color: var(--colors--bgd-1);
  height: 1px;
  margin-top: 20px;
}

.hero-section {
  background-image: url('../images/Frame-1000009313.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hero-section.why-infratech {
  background-image: url('../images/hero-img.png');
}

.hero-section.strat-a-project {
  background-image: url('../images/start-a-project-hero-img.png');
}

.max-w-872 {
  text-align: center;
  max-width: 872px;
}

.grid-4 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.offer-card {
  width: 605px;
  height: 415px;
  margin-top: 60px;
}

.headline-wrapper {
  background-color: var(--colors--smoke-div);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 132px;
}

.bgd-wrapper {
  outline-offset: 0px;
  background-image: url('../images/service-1.png');
  background-position: 50%;
  background-size: cover;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  outline: .5px #333;
  height: 301px;
}

.bgd-wrapper.service-2 {
  background-image: url('../images/service-2.png');
  background-position: 50%;
}

.bgd-wrapper.service-3 {
  background-image: url('../images/service-3.png');
  border: 1px #000;
}

.bgd-wrapper.service-4 {
  background-image: url('../images/service-4.png');
}

.bgd-wrapper.service-4.service-5 {
  background-image: url('../images/service-5.jpg');
}

.bgd-wrapper.service-5 {
  background-image: url('../images/service-5.png');
}

.bgd-wrapper.service-6 {
  background-image: url('../images/service-6-.png');
}

.headline-content {
  justify-content: flex-start;
  align-items: center;
  height: 132px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.max-w-400 {
  font-size: var(--colors--sizes--h5);
  max-width: 400px;
}

.link-block {
  margin-left: auto;
}

.sample-section {
  background-color: var(--colors--bgd-1);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.why-wrapper {
  flex-flow: column;
  display: flex;
}

.why-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.text-block {
  font-family: var(--fonts--all-headings);
  color: var(--colors--blue-txt);
  font-size: 100px;
  line-height: 1;
}

.heading-12 {
  font-size: var(--colors--sizes--h5);
}

.form-wrapper {
  display: none;
}

.form-wrapper.max-w-795 {
  max-width: 795px;
}

.start-a-project-wrapper {
  display: flex;
}

.form-code-wrapper {
  width: 795px;
}

.reach-out-section {
  background-image: url('../images/reach-bgd.png');
  background-position: 50%;
  background-size: cover;
}

.email-wrapper {
  flex-flow: column;
  display: flex;
}

.email-wrapper.max-w-760 {
  max-width: 760px;
}

.social-wrapper.max-w-210 {
  text-align: left;
  max-width: 210px;
  margin-left: auto;
}

.grid-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
}

.max-w-1200 {
  text-align: center;
  max-width: 1200px;
}

.display-none {
  display: none;
}

.background-video-2, .background-video-3, .background-video-4 {
  z-index: 0;
}

.location {
  font-family: var(--fonts--all-paragraphs);
}

.image-4 {
  max-width: 200px;
}

@media screen and (max-width: 991px) {
  .main-container.hero-container {
    flex: 1;
  }

  .paragraph-1 {
    font-size: var(--colors--sizes--p1);
  }

  .paragraph-1.white-txt {
    font-size: var(--colors--sizes--p2);
    text-align: left;
  }

  .paragraph-1.white-txt.mw-600px.top-padding-24 {
    max-width: 500px;
  }

  .paragraph-1.max-w-834 {
    text-align: center;
  }

  .paragraph-2.white-txt {
    font-size: var(--colors--sizes--p2);
  }

  .paragraph-2.white-txt.footer-headline {
    text-align: left;
  }

  .primary-btn {
    margin-left: auto;
    margin-right: auto;
  }

  .primary-btn.responsive {
    margin-left: 0;
    margin-right: 0;
  }

  .primary-btn.margin-top-48 {
    margin-left: 0;
  }

  .primary-btn.margin-top-48.align-center {
    margin-top: 48px;
    margin-left: auto;
  }

  .nav-menu {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link {
    text-align: center;
  }

  .hero-home-section {
    height: 80vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-btn {
    margin-left: auto;
  }

  .menu-btn.w--open {
    background-color: var(--colors--white-txt);
  }

  .icon {
    color: var(--colors--black-txt);
  }

  .primary-btn-txt, .secondary-btn-txt {
    font-size: var(--colors--sizes--p2);
  }

  .heading {
    font-size: var(--colors--sizes--h2);
  }

  .hero-cta-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .corner-vector {
    bottom: 8px;
  }

  .content-wrapper.direction-horizontal {
    flex-flow: column;
  }

  .content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167.blue-bgd {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 60px;
  }

  .content-wrapper.flex-horizontal.align-left.padding-reach-out {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-wrapper.left-align {
    justify-content: center;
    align-items: center;
  }

  .white-txt {
    font-size: var(--colors--sizes--h4);
    text-align: center;
  }

  .capabilities-section {
    height: auto;
  }

  .top-content-wrapper {
    flex-flow: column;
  }

  .left-side-content.max-w-687.height-352._50--width {
    max-width: 100%;
  }

  .right-side-content.max-w-514.height-352 {
    justify-content: flex-start;
    align-items: center;
  }

  .right-side-content.max-w-514.height-352._50--width {
    max-width: 100%;
  }

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

  .card {
    width: 100%;
  }

  .heading-2 {
    font-size: var(--colors--sizes--h3);
  }

  .how-it-works-section {
    margin-top: 100px;
    margin-bottom: 0;
  }

  .video-wrapper {
    width: 100%;
    height: auto;
  }

  .heading-3 {
    font-size: var(--colors--sizes--h3);
  }

  .cta-btn-wrapper {
    margin-right: auto;
    padding-top: 40px;
  }

  .cta-btn-wrapper.top-padding-48 {
    margin-left: auto;
  }

  .main {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .footer-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .footer-form-two {
    padding: 40px;
  }

  .footer-form-title {
    margin-right: 15px;
  }

  .footer-form-input {
    width: 400px;
    padding-right: 180px;
  }

  .footer-wrapper-three {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-three {
    margin-top: 40px;
  }

  .heading-4 {
    font-size: var(--colors--sizes--h2);
  }

  .heading-5 {
    font-size: var(--colors--sizes--h4);
  }

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

  .expertise-card {
    flex: 1;
    width: 70%;
    padding-top: 40px;
  }

  .heading-8 {
    font-size: var(--colors--sizes--h3);
    text-align: center;
  }

  .heading-10 {
    font-size: var(--colors--sizes--h4);
  }

  .grid-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    display: flex;
  }

  .ethos-grid-card {
    width: 100%;
  }

  .max-w-872 {
    font-size: var(--colors--sizes--h2);
  }

  .grid-4 {
    flex-flow: column;
    display: flex;
  }

  .heading-11 {
    font-size: var(--colors--sizes--h3);
  }

  .text-block {
    font-size: 80px;
  }

  .start-a-project-wrapper {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    max-width: 100%;
  }

  .form-code-wrapper {
    width: 100%;
    padding-top: 60px;
  }

  .social-wrapper.max-w-210 {
    margin-left: 0;
  }

  .heading-13 {
    font-size: var(--colors--sizes--h3);
  }

  .max-w-1200 {
    font-size: var(--colors--sizes--h2);
    max-width: 650px;
  }

  .location.white-txt {
    font-size: var(--colors--sizes--p1);
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .main-container.hero-container {
    flex: 1;
  }

  .paragraph-1 {
    font-size: var(--colors--sizes--p2);
  }

  .paragraph-1.white-txt {
    font-size: var(--colors--sizes--p2);
    text-align: center;
  }

  .paragraph-1.white-txt.mw-600px.top-padding-24 {
    text-align: left;
    max-width: 400px;
    margin-right: auto;
  }

  .paragraph-1.white-txt.mw-600px.top-padding-24.align-center {
    margin-left: auto;
  }

  .paragraph-1.white-txt.margin-top-24 {
    text-align: center;
  }

  .paragraph-1.mw-345px, .paragraph-1.padding-top-24 {
    font-size: var(--colors--sizes--p2);
  }

  .paragraph-2.white-txt.footer-headline {
    text-align: center;
  }

  .primary-btn {
    margin-left: auto;
    margin-right: auto;
  }

  .primary-btn.responsive {
    margin-right: auto;
  }

  .primary-btn.margin-top-48 {
    margin-left: 0;
  }

  .primary-btn.margin-top-48.align-center {
    margin-top: 48px;
  }

  .nav-menu {
    background-color: var(--colors--smoke-div);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link {
    text-align: center;
  }

  .hero-home-section {
    background-image: url('../images/hero-bgd.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .menu-btn {
    margin-left: auto;
  }

  .menu-btn.w--open {
    background-color: var(--colors--white-txt);
  }

  .icon {
    color: var(--colors--black-txt);
  }

  .primary-btn-txt, .secondary-btn-txt {
    font-size: var(--colors--sizes--p2);
  }

  .hero-content-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 500px;
    display: flex;
  }

  .heading {
    font-size: var(--colors--sizes--h3);
    text-align: left;
  }

  .hero-cta-wrapper {
    flex-flow: row;
  }

  .content-wrapper {
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167.blue-bgd {
    padding: 60px;
  }

  .white-txt {
    font-size: var(--colors--sizes--h5);
  }

  .left-side-content.max-w-687.height-352 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .right-side-content.max-w-514.height-352 {
    justify-content: flex-start;
    align-items: center;
  }

  .blue-txt {
    font-size: var(--colors--sizes--h6);
  }

  .grid {
    justify-content: center;
    align-items: center;
  }

  .card {
    width: 100%;
    margin-right: auto;
  }

  .mw-345px {
    font-size: var(--colors--sizes--h5);
  }

  .btn-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-2, .heading-3 {
    font-size: var(--colors--sizes--h4);
  }

  .cta-btn-wrapper.top-padding-48 {
    margin-left: 0;
  }

  .cta-btn-wrapper.top-padding-48.align-center {
    margin-left: auto;
  }

  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

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

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

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .footer-copyright-center {
    text-align: center;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-subscribe {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-form-container-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-title {
    margin-right: 0;
  }

  .footer-form-block-two {
    width: 100%;
    margin-top: 20px;
  }

  .footer-form-input {
    width: 100%;
  }

  .footer-block-three {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-link-three {
    margin-bottom: 10px;
  }

  .footer-social-block-three {
    margin-top: 10px;
  }

  .footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }

  .footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-logo-content {
    text-align: center;
  }

  .heading-4 {
    font-size: var(--colors--sizes--h5);
    margin-right: auto;
  }

  .heading-4.align-center {
    font-size: var(--colors--sizes--h3);
    margin-left: auto;
  }

  .heading-5 {
    font-size: var(--colors--sizes--h4);
  }

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

  .about-us-img {
    width: 97%;
  }

  .grid-2 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .expertise-card {
    width: 100%;
  }

  .heading-7 {
    font-size: var(--colors--sizes--h6);
  }

  .heading-8 {
    font-size: var(--colors--sizes--h4);
  }

  .heading-10 {
    font-size: var(--colors--sizes--h5);
  }

  .max-w-872 {
    font-size: var(--colors--sizes--h4);
  }

  .offer-card {
    width: 100%;
  }

  .heading-11 {
    font-size: var(--colors--sizes--h4);
  }

  .text-block {
    font-size: 70px;
  }

  .heading-12 {
    font-size: var(--colors--sizes--h6);
  }

  .start-a-project-wrapper {
    text-align: left;
  }

  .heading-13 {
    font-size: var(--colors--sizes--h4);
  }

  .align-centre {
    font-size: var(--colors--sizes--h3);
    text-align: center;
  }

  .max-w-1200 {
    font-size: var(--colors--sizes--h5);
  }
}

@media screen and (max-width: 479px) {
  .paragraph-1, .paragraph-1.white-txt, .paragraph-1.white-txt.mw-600px, .paragraph-1.white-txt.mw-600px.top-padding-24 {
    text-align: center;
  }

  .paragraph-1.mw-345px {
    font-size: var(--colors--sizes--p2);
  }

  .paragraph-1.padding-top-24, .paragraph-1.padding-top-24.white-txt.align-left, .paragraph-1.max-w-834 {
    text-align: center;
  }

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

  .paragraph-2.white-txt.footer-headline {
    text-align: center;
  }

  .primary-btn.responsive {
    margin-left: auto;
    margin-right: auto;
  }

  .primary-btn.margin-top-48 {
    margin-left: auto;
  }

  .primary-btn.margin-top-48.align-center {
    margin-top: 48px;
  }

  .hero-home-section {
    background-image: url('../images/hero-bgd.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .heading {
    font-size: var(--colors--sizes--h5);
    text-align: left;
  }

  .hero-cta-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .corner-vector {
    bottom: -35px;
  }

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

  .content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-wrapper.flex-horizontal.padding-top-148.padding-bottom-167.blue-bgd {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 10px;
  }

  .content-wrapper.our-ethos-component, .content-wrapper.margin-top-bottom-160.align-left {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .white-txt {
    font-size: var(--colors--sizes--h5);
    text-align: center;
  }

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

  .left-side-content.max-w-687.height-352 {
    height: auto;
  }

  .right-side-content.max-w-514.height-352 {
    height: auto;
    margin-top: 60px;
    margin-bottom: 0;
  }

  .blue-txt {
    font-size: var(--colors--sizes--h6);
    text-align: center;
  }

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

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

  .mw-345px {
    font-size: var(--colors--sizes--h6);
    text-align: left;
  }

  .btn-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-2 {
    font-size: var(--colors--sizes--h5);
    text-align: left;
  }

  .how-it-works-section {
    height: 600px;
  }

  .background-video {
    height: 300px;
  }

  .heading-3 {
    font-size: var(--colors--sizes--h5);
  }

  .cta-btn-wrapper {
    flex-flow: column;
    margin-right: 0;
  }

  .cta-btn-wrapper.top-padding-48 {
    margin-left: auto;
    margin-right: auto;
  }

  .main {
    max-width: none;
  }

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

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-form-two {
    padding: 20px;
  }

  .footer-form-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-input {
    margin-bottom: 10px;
    padding-right: 20px;
  }

  .button-primary.footer-form-button {
    position: relative;
    right: 0;
  }

  .footer-logo-content {
    text-align: center;
  }

  .heading-4 {
    margin-left: auto;
  }

  .heading-4.align-center {
    font-size: var(--colors--sizes--h5);
  }

  .heading-5 {
    font-size: var(--colors--sizes--h5);
    text-align: center;
  }

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

  .image-wrapper.width-514px, .about-us-img {
    width: 100%;
  }

  .expertise-card {
    height: 420px;
  }

  .heading-8 {
    font-size: var(--colors--sizes--h6);
    text-align: center;
  }

  .heading-10 {
    font-size: var(--colors--sizes--h6);
    text-align: center;
    width: 100%;
  }

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

  .ethos-grid-card {
    width: 100%;
  }

  .max-w-872 {
    font-size: var(--colors--sizes--h5);
  }

  .max-w-400 {
    font-size: var(--colors--sizes--h6);
  }

  .heading-11 {
    font-size: var(--colors--sizes--h5);
  }

  .why-card {
    flex-flow: column;
  }

  .description-wrapper {
    text-align: center;
  }

  .introduction-wrapper.max-w-400 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .email-wrapper.max-w-760 {
    margin-left: auto;
    margin-right: auto;
  }

  .social-wrapper.max-w-210 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-13 {
    font-size: var(--colors--sizes--h6);
    text-align: center;
  }

  .align-centre {
    font-size: var(--colors--sizes--h5);
  }

  .image-3 {
    margin-top: 40px;
  }

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

  .max-w-1200 {
    font-size: var(--colors--sizes--h5);
  }
}

#w-node-_31c8c170-196b-c938-e39c-51ddab7e3120-ab7e3117, #w-node-_31c8c170-196b-c938-e39c-51ddab7e312b-ab7e3117 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


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