html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;

}


h1 {
  margin: .67em 0;
  font-size: 2em;
}

img {
  border: 0;
}

input, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

textarea {
  overflow: auto;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

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

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

h1, h2, h5 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input:-moz-placeholder {
  color: #999;
}

.w-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.w-input::-webkit-input-placeholder {
  color: #999;
}

.w-input:focus {
  border-color: #3898ec;
  outline: 0;
}

textarea.w-input {
  height: auto;
}

.w-background-video {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

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

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-menu {
  float: right;
  position: relative;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button {
  display: block;
}

@media screen and (max-width: 767px) {

  .w-nav-brand {
    padding-left: 10px;
  }
}

.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;
}

body {
  color: #fff;
  background-color: #11161c;
  font-family: Roboto Regular Web, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald Variable, sans-serif;
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.4;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald Variable, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald Variable, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
  font-weight: 300;
}

a {
  color: #fff;
  border-color: #000;
  text-decoration: underline;
  transition: color .4s;
}

a:hover {
  color: #8d95a8;
}

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

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

.large-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

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

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xxlarge {
  margin: 5rem;
}

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

.padding-small {
  padding: 1.5rem;
}

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

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small, .margin-bottom.margin-large {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

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

.padding-top.padding-tiny {
  padding-top: 2rem;
}

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

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

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

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

.field-label {
  margin-bottom: .5rem;
}

.form-input {
  height: auto;
  min-height: 2.75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .4s cubic-bezier(.77, 0, .175, 1);
}

.form-input:hover, .form-input:focus {
  border-color: #8d95a8;
}

.form-input::-ms-input-placeholder {
  color: #8d95a8;
}

.form-input.text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

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

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

.text-align-center.hidden {
  display: none;
}

.form-field-wrapper {
  width: 100%;
  position: relative;
}

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

.section-faq {
  background-color: #fff;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
  padding: 1.5rem;
}

.success-text {
  color: #8d95a8;
  font-size: 1.2rem;
  font-weight: 400;
}

.error-message {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.error-text {
  color: #8d95a8;
  text-align: center;
  font-size: 1.2rem;
}

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

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

.section-header {
  margin-top: -4.5rem;
  position: relative;
}

.header-wrapper {
  max-height: 60rem;
  min-height: 100svh;
  align-items: center;
  display: flex;
}

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

.header-background-video-wrapper {
  z-index: -1;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-overlay {
  z-index: 1;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header-background-video {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.main-button {
  z-index: 1;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  padding: 1rem 2rem;
  font-family: Roboto Medium Web, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  display: block;
  position: relative;
}

.button-animated-background {
  z-index: -5;
  width: 0%;
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.project-background {
  width: 100%;
  min-height: 80vh;
  
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* .project-background.background-image-1 {
  background-image: url("https://assets.website-files.com/646a4e539ffa024a48651555/648f2b51e171a02cf7cb43a2_test-img.webp");
} */

/* .project-background.background-image-2 {
  background-image: url("https://assets.website-files.com/646a4e539ffa024a48651555/6490623951a910ba7b4d38d8_project-img-2.webp");
}

.project-background.background-image-3 {
  background-image: url("https://assets.website-files.com/646a4e539ffa024a48651555/649062399f96c2f4e6dee6e5_project-image-3.webp");
  background-size: cover;
}

.project-background.background-image-4 {
  background-image: url("https://assets.website-files.com/646a4e539ffa024a48651555/649062392af80e6b133bb0ec_project-image-4.webp");
  background-position: 50% 0;
} */

.project-card-content-wrapper {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.project-card-logo {
  max-width: 12rem;
}

.text-color-black {
  color: #11161c;
}

.section-subheader-text {
  font-family: Roboto Regular Web, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.faq-accordion {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.faq-question {
  min-height: 10rem;
  cursor: pointer;
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.faq-wrapper {
  align-items: flex-start;
  display: flex;
}

.supertext {
  margin-right: .5rem;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.faq-question-text {
  z-index: 2;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  position: relative;
}

.faq-icon {
  width: 2rem;
  margin-left: 1.5rem;
}

.faq-answer {
  overflow: hidden;
}

.footer {
  border-top: 1px solid #8d95a8;
}

.footer-top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  justify-content: space-between;
  align-items: center;
}

.footer-logo-link {
  max-width: 120px;
  padding-left: 0;
}

.footer-social-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: start;
  justify-items: start;
  display: grid;
}

.footer-social-link {
  color: #8d95a8;
  align-items: center;
  font-family: Roboto Medium Web, sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
  display: flex;
}

.footer-social-link:hover {
  color: #fff;
}

.footer-bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer-credit-text {
  color: #8d95a8;
  text-align: center;
  font-size: .875rem;
}

.section-cta {
  background-color: #fff;
  position: relative;
}

.cta-moving-background {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #11161c;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

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

.button-row.is-button-row-center {
  justify-content: center;
}

.logos-component {
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.logos-content-left {
  max-width: 20rem;
}

.logos-list {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: grid;
}

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

.logo {
  max-height: 2.5rem;
}

.contact-form-component {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

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

.preloader-component {
  z-index: 999;
  background-color: #4e4a4a;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.navbar {
  width: 100%;
  min-height: 4.5rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(17, 22, 28, .3);
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.navbar-container {
  z-index: 1;
  width: 100%;
  height: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-logo-link {
  z-index: 1;
  padding-left: 0;
}

.navbar-logo {
  max-width: 120px;
}

.navbar-wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.navbar-menu {
  width: 60vw;
  height: 100dvh;
  background-color: #11161c;
  background-image: url("https://assets.website-files.com/646a4e539ffa024a48651555/648f53ffdc2a09b635d5f0f7_noise.gif");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  transition: height .5s;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: auto;
}

.navbar-menu-wrapper {
  height: 100dvh;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 4.5rem;
  display: flex;
  position: relative;
}

.navbar-links-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.navbar-link {
  color: #fff;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: .5rem 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  position: static;
}

.navbar-link:hover {
  color: #8d95a8;
}

.navbar-bottom {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-social-list {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: stretch;
  display: grid;
}

.navbar-menu-button {
  z-index: 1;
  padding: 0;
  position: relative;
}

.menu-icon {
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-icon-line-top {
  width: 24px;
  height: 2px;
  background-color: #8d95a8;
  padding-bottom: 0;
  padding-right: 0;
}

.menu-icon-line-middle {
  width: 24px;
  height: 2px;
  background-color: #8d95a8;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.menu-icon-line-middle-top {
  z-index: 2;
  width: 24px;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu-icon-line-middle-base {
  width: 24px;
  height: 2px;
  background-color: #8d95a8;
  position: absolute;
}

.menu-icon-line-bottom {
  width: 24px;
  height: 2px;
  background-color: #8d95a8;
}

.navbar-noise-overlay {
  z-index: 0;
  background-color: rgba(17, 22, 28, .95);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-still-background {
  z-index: -7;
  width: 100%;
  background-color: #11161c;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cta-content-wrappeer {
  z-index: 1;
  position: relative;
}

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

.section-about {
 
  position: relative;
}

.about-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

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

.about-content-wrapper {
  z-index: 1;
  position: relative;
}

.about-moving-background {
  z-index: 0;
  max-height: 100%;
  max-width: 100%;
  background-color: #11161c;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.about-section-anchor, .projects-section-anchor, .faqs-section-anchor {
  height: 0;
}

.project-wrapper {
  max-width: 100vw;
  overflow: hidden;
}

.contact-section-anchor {
  height: 0;
}

.navbar-menu-social-link {
  color: #8d95a8;
  align-items: center;
  font-family: Roboto Medium Web, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
}

.navbar-menu-social-link:hover {
  color: #fff;
}

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

  h2 {
    font-size: 2.75rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

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

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

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

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

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

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

  .project-background {
    filter: none;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .logos-component {
    grid-column-gap: 3rem;
  }

  .logos-content-left {
    max-width: 16rem;
  }

  .logos-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .navbar-container {
    grid-auto-columns: 1fr;
  }

  .navbar-menu {
    flex-direction: column;
    justify-content: center;
    display: block;
  }

  .navbar-links-wrapper {
    flex: 1;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .navbar-link {
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem 0;
    position: static;
  }

  .navbar-bottom {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .navbar-menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

  .menu-icon {
    width: 48px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .menu-icon-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-icon-line-top {
    width: 24px;
    height: 2px;
    background-color: #fff;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-middle {
    width: 24px;
    height: 2px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .menu-icon-line-middle-top {
    z-index: 2;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .menu-icon-line-middle-base {
    width: 24px;
    height: 2px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .menu-icon-line-bottom {
    width: 24px;
    height: 2px;
    background-color: #fff;
    padding-bottom: 0;
    padding-right: 0;
  }

  .about-component {
    min-height: auto;
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .navbar-menu-social-link {
    font-size: 1.125rem;
  }
}

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

  h2 {
    font-size: 2.25rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

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

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

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

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

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

  .text-size-medium {
    font-size: 1rem;
  }

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

  .project-card-logo {
    max-width: 9rem;
  }

  .section-subheader-text {
    font-size: 1.25rem;
  }

  .faq-question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .faq-question-text {
    font-size: 1.5rem;
  }

  .faq-icon {
    width: 1.75rem;
  }

  .footer-bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
  }

  .footer-credit-text {
    margin-top: 1rem;
  }

  .logos-component {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .logos-content-left {
    max-width: none;
  }

  .logos-list {
    grid-column-gap: 1rem;
    padding-top: 1rem;
  }

  .logo-wrapper {
    padding: .75rem 1rem;
  }

  .logo {
    max-height: 3rem;
  }

  .navbar {
    min-height: 4rem;
  }

  .navbar-menu-wrapper {
    padding-top: 4rem;
  }

  .navbar-links-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar-link {
    font-size: 2.5rem;
  }

  .navbar-bottom {
    height: 4rem;
  }

  .about-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .navbar-menu-social-link {
    font-size: 1.125rem;
  }
}

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

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

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

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

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

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

  .logos-list {
    grid-template-columns: 1fr 1fr;
  }

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

  .navbar-menu {
    width: 70vw;
  }

  .navbar-social-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .about-component {
    grid-template-columns: 1fr;
  }
}

#w-node-_62422c58-3b87-97e0-60b7-8ee1b4536ea0-b4536e9a {
  justify-self: start;
}

#w-node-_62422c58-3b87-97e0-60b7-8ee1b4536ea2-b4536e9a {
  justify-self: end;
}

#w-node-c0ac60de-9937-550e-d52f-360f9b3d1359-9b3d133b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0ac60de-9937-550e-d52f-360f9b3d135a-9b3d133b {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_62422c58-3b87-97e0-60b7-8ee1b4536ea0-b4536e9a, #w-node-_62422c58-3b87-97e0-60b7-8ee1b4536ea2-b4536e9a {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_62422c58-3b87-97e0-60b7-8ee1b4536eae-b4536e9a {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_62422c58-3b87-97e0-60b7-8ee1b4536ea0-b4536e9a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@font-face {
  font-family: 'Roboto Regular Web';
  src: url('https://assets.website-files.com/646a4e539ffa024a48651555/648edde4dc2a09b635723f91_Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Medium Web';
  src: url('https://assets.website-files.com/646a4e539ffa024a48651555/648ede01dc2a09b6357252eb_Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Bold Web';
  src: url('https://assets.website-files.com/646a4e539ffa024a48651555/648ede31143a39f0263a438d_Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald Variable';
  src: url('https://assets.website-files.com/646a4e539ffa024a48651555/648ede51a137748e82204939_Oswald-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}



/* img sec */

.project-background-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transform: scale(1);
            filter: grayscale(100%);
            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                        filter 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 1;
        }

.project-card-content-wrapper {
    position: relative;
    z-index: 2;
}
.project-background-img.zoom-in {
    transform: scale(1.1);
    filter: grayscale(0%);
    transition-delay: 0.4s;
}