:root {
  --white: white;
  --black: black;
}

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

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: sf pro, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

._100vh--coming--soon {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

._100vh--coming--soon.home {
  background-image: none;
  height: auto;
  padding-top: 4em;
}

._100vh--coming--soon.bg {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: static;
}

._100vh--coming--soon.bg._30vh.bg-solid {
  background-color: #010e06;
  background-image: none;
  height: 100vh;
}

._100vh--coming--soon.bg._30vh.bg-solid.small {
  height: 60vh;
}

._100vh--coming--soon.bg.automate {
  background-image: url('../images/Hero-1.jpg');
}

._100vh--coming--soon.bg.padding {
  padding-top: 4rem;
}

.brand-image {
  width: 8rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 5%;
}

.brand-image.tablet {
  display: none;
}

.brand-image.desktop {
  z-index: 3;
}

.brand-image.desktop.home {
  z-index: 0;
  position: static;
  inset: 5% 0% auto;
}

.brand-image.no-absolute {
  margin-left: 0;
  position: static;
}

._2-2-grid {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  width: 95%;
  height: auto;
}

._80-wrapper {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1f;
  border: 1px solid #ffffff14;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 76%;
  max-width: 60rem;
  height: auto;
  max-height: 33rem;
  padding: 2rem 1.5rem 2rem 1rem;
  display: flex;
}

.image-hero {
  max-width: 75%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: clip;
}

.image-div {
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.big-heading1 {
  color: #fff;
  font-family: sf pro, sans-serif;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.1;
}

.d-paragraph {
  color: #fff9;
  margin-top: .9rem;
  margin-bottom: .9rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: .95rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}

.d-paragraph.header {
  color: #fff9;
  text-align: center;
  font-size: 1.1rem;
}

.d-paragraph.text-center {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.d-paragraph.text-center.medium-size {
  font-size: 1.1rem;
}

.d-paragraph.text-center.medium-size.t-white {
  color: #fff;
  margin-top: .9rem;
  position: relative;
  top: .5rem;
}

.d-paragraph.text-center.medium-size.t-white.padding-both-sides {
  padding-left: 15%;
  padding-right: 15%;
}

.d-paragraph.text-center.medium-size.t-white.hero-no-relative {
  top: auto;
}

.d-paragraph.text-center.medium-size.t-white.width-60 {
  width: 60%;
  font-size: 1.3rem;
}

.d-paragraph.small {
  color: #fff;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 16px;
}

.d-paragraph.small.no-margin {
  margin-top: 4rem;
  margin-bottom: 0;
  font-size: 18px;
}

.d-paragraph.small.margin-top-less {
  margin-top: 1rem;
}

.d-paragraph.small.margin-top-less.t-black {
  color: #000;
  padding-right: 5rem;
}

.d-paragraph.small.margin-top-less.t-black.bold {
  margin-bottom: 0;
  font-family: sf pro, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.d-paragraph.small.margin-top-less.t-black.light {
  color: #00000080;
  margin: .1rem;
}

.d-paragraph.small.margin-top-less.t-black.no-padding {
  padding-right: 0;
}

.d-paragraph.small.margin-top-less.t-black.no-padding.no-margin-bottom {
  margin-bottom: 0;
  margin-right: .5rem;
}

.d-paragraph.small.margin-top-less.t-black.no-padding.no-margin-bottom.no-margin-top {
  margin-top: 0;
  font-family: sf pro, sans-serif;
  font-weight: 500;
}

.d-paragraph.small.margin-top-less.t-black.no-padding.no-margin-bottom.no-margin-top.t-white {
  color: #fff;
}

.d-paragraph.small.margin-top-less.t-white-60 {
  color: #fff9;
}

.d-paragraph.small.margin-top-less._3c403c {
  color: #3c403c;
  margin-top: 2rem;
}

.d-paragraph.small.margin-top-less.sm {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.d-paragraph.small._18-no-margin {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.d-paragraph.small._18-no-margin.margin-top {
  margin-top: .5rem;
}

.d-paragraph.small._18-no-margin.margin-bottom-xxs {
  margin-bottom: 2rem;
}

.d-paragraph.small.margin-top-s {
  margin-top: .5rem;
  margin-bottom: 0;
}

.d-paragraph.small.margin-top-s.text-grey {
  color: #fff6;
}

.d-paragraph.small.margin-top-s.big-header-s {
  font-family: sf pro, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.green-span {
  color: #59b347;
  font-weight: 600;
}

.submit-button {
  background-color: #59b347;
  border-radius: 5px;
  width: 100%;
  padding-top: .9rem;
  padding-bottom: .9rem;
  font-family: sf pro, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  display: block;
}

.text-field {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff9;
  border-radius: 5px;
  height: 2.5rem;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: sf pro, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.text-field:focus {
  border-color: #fffc;
}

.text-field::placeholder {
  color: #efffe599;
}

.social-media-div {
  width: auto;
  max-width: 15rem;
  margin-left: 0;
  margin-right: 0;
  position: static;
  inset: auto 0% 5%;
}

.social-media-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 70%;
}

.social-media-grid.margin-top {
  width: 40%;
  margin-top: 1rem;
}

.social-media {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.socials {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}

.socials._80-wrapper.small {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: flex;
}

.small-icons {
  width: 1.5rem;
  max-width: 100%;
}

.success-message {
  background-color: #0000;
}

.text-block {
  color: #fff;
  font-family: sf pro, sans-serif;
}

.grid-top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.door-image {
  z-index: 0;
  width: auto;
  max-width: 70svw;
  display: block;
  position: absolute;
  inset: auto 5% 0% auto;
}

.door-image.desktop.mobile {
  display: none;
}

.door-image.wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
  position: static;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 85%;
  margin-top: 2rem;
}

.big-header {
  color: #fff;
  text-align: center;
  font-family: sf pro, sans-serif;
  font-size: 7rem;
  font-weight: 700;
  line-height: 1;
}

.big-header.linear-header {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e9f6e6, #59b347);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5rem;
}

.big-header.margin-bottom {
  margin-bottom: 40px;
}

.big-header.xxs {
  font-size: 7rem;
}

.big-header.t-black {
  color: #010e06;
}

.big-header.t-black.body {
  font-size: 5rem;
}

.gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e9f6e6, #59b347);
  -webkit-background-clip: text;
  background-clip: text;
}

.absolute-div {
  opacity: .5;
  width: 9rem;
  height: 9rem;
  margin-left: 0;
  position: absolute;
  inset: auto;
}

.linker {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  display: flex;
  position: absolute;
  inset: auto;
  transform: scale(1);
}

.linker.hidden-div {
  display: none;
}

.image--desktop {
  width: 50rem;
  max-width: 70%;
}

.barba-wrap {
  background-image: url('../images/Hero-1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.barba-wrap.waitlist {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-size: cover;
}

.parent {
  height: 100%;
  position: fixed;
  inset: 0%;
}

.parent.hidden {
  z-index: 100;
  display: none;
}

.grid--container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

._1--div-close {
  height: 100%;
  display: flex;
}

.expand-div {
  background-color: #000;
  width: 0%;
}

._2--close-div {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.div2 {
  background-color: #000;
  width: 0%;
}

.lottie-animation {
  width: 7rem;
  height: 7rem;
}

.absolute-image {
  z-index: 7;
  justify-content: center;
  align-items: center;
  height: 50rem;
  display: flex;
  position: absolute;
  inset: 18% 0% auto;
}

.image {
  height: 80%;
}

.transition {
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.transition-trigger {
  display: none;
}

.lottie-animation-2 {
  width: 100%;
  height: 10rem;
}

.image-2 {
  z-index: 2;
  width: 3rem;
  display: block;
  position: absolute;
}

.full-width-100vh {
  background-image: url('../images/Landing-Page-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.full-width-100vh.flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.full-width-100vh.flex-center.vertical {
  flex-flow: column;
}

.full-width-100vh.flex-center.vertical.padding-10 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5%;
  padding-left: 10%;
  padding-right: 10%;
}

.all-caps {
  text-transform: uppercase;
}

.all-caps.text-white {
  color: #fff;
  font-family: sf pro, sans-serif;
}

.all-caps.text-white.margin-bottom {
  margin-bottom: 1.5rem;
}

.all-caps.text-white.margin-bottom.opacity-70 {
  opacity: .7;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 15px;
}

.all-caps.t-black-60 {
  color: #0000008c;
  font-family: sf pro, sans-serif;
}

.all-caps.t-black-60.t-white {
  color: #fff9;
}

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

._2by2-grid.no-gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

._2by2-grid.no-gap.margin-bottom {
  margin-top: 2rem;
}

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

.flex-center.vertical-top {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.flex-center.vertical-top.padding-5 {
  padding-left: 5%;
  padding-right: 5%;
}

.flex-center.vertical-top.padding-5.opacity-80 {
  opacity: .7;
  border-radius: 10.85px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .7s cubic-bezier(.018, .591, .45, .94);
}

.flex-center.vertical-top.padding-5.opacity-80:hover {
  opacity: 1;
  border: 1px solid #59b3474d;
  transform: scale(1.15);
}

.smart-image {
  height: auto;
}

.or-middle-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mobile-image-or {
  display: none;
}

.navigation {
  z-index: 150;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.navigation-container {
  width: 85%;
}

._1-3-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.5fr 1fr;
}

._1-3-grid.custom {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: 1fr 1.25fr 1fr;
  width: 100%;
  max-width: 80em;
  height: 28.9rem;
  margin-top: 2rem;
}

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

.navigation-bar--wrappper {
  background-image: linear-gradient(90deg, #e9f6e6, #59b347);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1px;
  display: flex;
}

.navigation-bar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #020d07;
  background-clip: border-box;
  border: 1px #fff;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .75fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.navigation-bar.linear-header {
  background-image: linear-gradient(#e9f6e6, #59b347);
  border-style: none;
  height: 100%;
}

.navigation-links {
  cursor: pointer;
  border-right: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.navigation-links.no-right-border {
  border-right-style: none;
}

.image-width {
  max-width: 80%;
}

.nav-text {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
}

.nav-text.footer-text {
  color: #ffffff80;
  font-family: sf pro, sans-serif;
  font-weight: 500;
}

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

.div-block-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button {
  background-color: #0000;
  border: .5px solid #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.button.width-less {
  width: 40%;
}

.button.width-less.margin-top-solid {
  background-color: #59b347;
  border-style: none;
  border-radius: 0;
  width: 15%;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 300;
}

.button.nav.fixed {
  color: #010e06;
  border-color: #010e06;
  width: 150px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.linear-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e9f6e6, #59b347);
  -webkit-background-clip: text;
  background-clip: text;
}

.linear-gradient.font {
  padding-left: 28px;
  font-family: sf pro, sans-serif;
  font-size: 16px;
}

.linear-gradient.font.no-gradient {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 1.5rem;
  font-family: Sf Pro Display, sans-serif;
}

.service-section {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 5% 5rem;
  display: none;
}

._1-2-grid {
  grid-template-rows: auto;
}

._1-2-grid.max-width {
  max-width: 80em;
}

._1-2-grid.max-width.small-right {
  grid-template-columns: 1fr .75fr;
}

._1-2-grid.max-width.no-max {
  grid-template-columns: 1fr .5fr;
  width: 100%;
  max-width: none;
}

._1-2-grid.grid-left-xs {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr .5fr;
  width: 100%;
  max-width: 80em;
}

._1-2-grid.left-s {
  grid-template-columns: .5fr 1fr;
}

._1-2-grid._100 {
  flex: none;
  width: 100%;
  height: 100%;
}

.relative {
  position: relative;
}

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

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

.left-iimage {
  z-index: 0;
  max-width: 100%;
  height: 34rem;
  position: absolute;
  inset: 25% auto 0% 5%;
}

.left-iimage.test {
  margin-left: 40px;
}

.image-3 {
  z-index: 6;
  max-width: 100%;
  height: auto;
  position: relative;
}

.image-3._80 {
  width: 50rem;
  max-width: 75%;
}

.image-3._80.reduce, .image-3._70 {
  max-width: 70%;
}

.image-3._50 {
  max-width: 50%;
}

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

.network-section {
  border: 1px solid #c9fcd32b;
  border-radius: 24px;
  width: 100%;
  padding: 2rem;
}

.network-section.no-border {
  border-style: none;
}

.client-section {
  background-image: url('../images/Frame-1410126748.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: hidden;
}

.client-wrapper.green {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 2.5rem;
  padding-bottom: 4rem;
  display: flex;
}

.client-wrapper.green._100-width {
  background-image: url('../images/image-8.png');
  width: 100%;
}

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

.padding-section-medium {
  padding-top: 0;
  padding-bottom: 1rem;
}

.logo3_logo {
  max-height: 4.5rem;
}

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

.max-width-large.align-center {
  margin-left: auto;
  margin-right: auto;
}

.logo3_component {
  display: flex;
}

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

.heading-style-h6 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.logo3_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 2rem;
  display: grid;
}

.section_logo3 {
  overflow: hidden;
}

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

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

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

._1-4-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: .5rem;
}

._1-4-grid._60 {
  width: 70%;
  margin-top: 1rem;
}

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

.project-section {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 5% 3rem;
  display: flex;
}

.sub-header {
  color: #fff;
  text-align: center;
  font-family: sf pro, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

.sub-header.linear-header {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #e9f6e6, #59b347);
  -webkit-background-clip: text;
  background-clip: text;
}

.sub-header.margin-bottom {
  margin-bottom: 40px;
}

.sub-header.t-left {
  text-align: left;
  font-size: 5rem;
}

.sub-header.t-left.t-black, .sub-header._021107 {
  color: #021107;
}

.project-wrapper {
  border-radius: 24px;
  position: relative;
}

.project-wrapper.bg {
  background-image: url('../images/image-23-1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
}

.project-wrapper.bg2 {
  background-image: url('../images/image-24.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-wrapper.bg3 {
  background-image: url('../images/image-25-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.absolute-description {
  background-image: linear-gradient(360deg, #05170c 24%, #010e0600 76%);
  border-radius: 24px;
  height: auto;
  padding: 2rem 1rem;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-4 {
  aspect-ratio: auto;
  border-radius: 24px;
  height: auto;
  overflow: clip;
}

.image-4._100 {
  object-fit: cover;
  height: auto;
  display: none;
}

.footprints---section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 5%;
  display: flex;
}

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

.feature-left-wrapper.top {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
}

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

.feature-left-wrapper.mobile {
  display: none;
}

.linear-gradient-white {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(280deg, #030d05, #01aa01);
  -webkit-background-clip: text;
  background-clip: text;
}

.image-wrapper-footprint {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrapper-footprint.left {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 8.25rem 6.5rem 7.5rem;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.image-wrapper-footprint.left.center {
  grid-row-gap: 35px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  justify-content: flex-start;
  place-items: flex-start stretch;
  display: flex;
}

.go-green-wrapper {
  background-image: url('../images/image-8-2-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  width: 100%;
  max-width: 80em;
  height: 400px;
  margin-top: 4rem;
  padding: 2rem 2rem 2rem 6rem;
  overflow: hidden;
}

.image-felicity-solar {
  height: 30rem;
}

.footer {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 4rem 5% 3rem;
  display: flex;
}

.footer-header-text {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.footer-header-text.small {
  font-size: 2.5rem;
}

.footer-header-text.small.t-black {
  color: #000;
}

.footer-header-text.small.bold {
  margin-bottom: 0;
  margin-left: 2rem;
  margin-right: 2rem;
  font-family: sf pro, sans-serif;
  font-weight: 600;
}

.grid-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .75fr .75fr;
  margin-top: 1rem;
}

.grid-3.m {
  grid-template-columns: 1fr 1fr .75fr .75fr .75fr;
}

.line-wrapper-links {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: .2rem;
}

.footer-links--white {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.footer-links--white.w--current {
  cursor: pointer;
}

.white-line {
  background-color: #fff;
  width: 0%;
  height: 100%;
}

.get-directions {
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  text-decoration: none;
  display: flex;
}

.image-directions {
  margin-left: .5rem;
}

.meet-the-team-wrapper {
  justify-content: center;
  align-items: flex-start;
  padding: 1.5rem 5% 4rem;
  display: flex;
}

._2-3-grid {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: none;
  margin-top: 1.2rem;
}

.md-ceo-section {
  justify-content: center;
  align-items: center;
  padding: 2rem 5%;
  display: flex;
}

.md-ceo-picture {
  max-width: 100%;
}

.md-ce0-text-wrap {
  padding-right: 4rem;
}

.image-5 {
  z-index: 3;
  position: absolute;
  inset: auto -2% 10% auto;
}

.form-section {
  background-color: #010e06;
  justify-content: center;
  align-items: center;
  padding: 3rem 5%;
  display: flex;
}

.field-label {
  color: #fff;
  margin-top: 2rem;
  font-family: sf pro, sans-serif;
}

.field-label.top {
  margin-top: 0;
}

.contact-field {
  background-color: #0000;
  border: 1px solid #efffe533;
  border-radius: 5px;
  margin-top: .2rem;
}

.contact-field::placeholder {
  color: #efffe533;
  font-family: Sf Pro Display, sans-serif;
}

.contact-field.text-area {
  height: 8rem;
}

.contact-button-submit {
  background-color: #59b347;
  border-radius: 4px;
  padding: .5rem 2rem;
}

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

.form {
  width: 90%;
}

.distinct-line {
  background-color: #fff3;
  width: 1px;
  height: 50%;
  margin-left: 3rem;
}

.margin-top-down {
  margin-top: 2rem;
}

.image--header-hero {
  height: 12.8rem;
  margin-top: -5.7rem;
}

.solar-project-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem 5%;
  display: flex;
}

.tabs-menu {
  background-color: #010e06;
  border-radius: 26px;
  justify-content: center;
  align-items: center;
  width: 65%;
  max-width: 700px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: .45rem .5rem;
  display: flex;
}

.tab-link {
  color: #fff;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 250px;
  padding-top: .8rem;
  padding-bottom: .8rem;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  display: flex;
}

.tab-link.w--current {
  color: #010e06;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 230px;
  padding-top: .6rem;
  padding-bottom: .6rem;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.tabs-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  display: flex;
}

._3-1-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  max-width: 80em;
  margin-top: -10px;
}

.menu-big {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 48px;
  padding-top: .7rem;
  padding-bottom: .7rem;
}

.white-bold {
  color: #fff;
}

.brochure-button {
  border: 1px solid #010e06;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 180px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.brochure-button.white {
  border-color: #fff;
}

.hamburger, .menu-navigation {
  display: none;
}

.section-wrapper {
  padding-bottom: 100vh;
  display: none;
}

.section-wrapper.sm {
  padding-bottom: 100vh;
}

.section-height {
  width: 100%;
  height: 500vw;
  margin-bottom: 0;
}

.section-height.sm {
  height: 100vw;
}

.sticky-div {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky-div.new-bg {
  background-image: url('../images/Grid-layers---v2.png');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  margin-bottom: -100vh;
}

.track {
  flex: none;
  width: auto;
  height: 100%;
}

.track-flex {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  margin-right: -100vw;
  display: flex;
}

.items {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 1rem;
  padding-left: 0%;
  display: flex;
}

.items.no-shrink {
  flex: none;
}

.items._1, .items._2, .items._3, .items._4 {
  display: none;
}

.items.padding {
  justify-content: flex-start;
  align-items: center;
  width: 80vw;
  padding-left: 2%;
  padding-right: 0%;
  display: flex;
}

.items.padding._1 {
  display: none;
}

.image-6 {
  height: 30rem;
}

.div-block-4 {
  justify-content: flex-start;
  align-items: center;
  width: 1000px;
  height: 100%;
  display: flex;
}

.products-section {
  padding: 2rem 5% 3rem;
}

.product-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2rem;
}

.cards {
  background-image: url('../images/Frame-1410126714-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 45.73px;
  justify-content: flex-start;
  align-items: center;
  width: 800px;
  margin-right: 2rem;
  padding: 1rem 2rem;
  display: flex;
}

.memoji-pictures {
  max-width: 100%;
  height: 7rem;
}

.testimonial21_loop-trigger {
  align-items: stretch;
  display: flex;
}

.testimonial21_customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.testimonial21_client {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  align-items: center;
  margin-top: auto;
  display: flex;
}

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

.text-size-medium.text-weight-bold {
  font-weight: 700;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.testimonial21_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-top: 4rem;
  display: flex;
}

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

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.testimonial21_rating-wrapper {
  display: flex;
}

.section_testimonial21 {
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.section_testimonial21._2 {
  background-image: url('../images/Grid-layers---v2.png');
  background-repeat: no-repeat;
  background-size: cover;
}

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

.testimonial21_card {
  background-image: url('../images/Trustpilot-card-testimonial---10-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #000;
  border-radius: 37.33px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 25rem;
  min-width: 25rem;
  margin-right: 2rem;
  padding: 2rem;
  display: flex;
}

.testimonial21_card.two {
  width: auto;
  min-width: 0;
}

.text-weight-semibold {
  color: #fff3;
  font-family: Sf Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.testimonial21_rating-icon {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

.quote-image {
  height: 3rem;
}

.stars-testimonials {
  max-width: 50%;
  margin-top: 2rem;
}

.loader4_progress-bar {
  background-color: #fff;
  width: 20%;
  height: 100%;
}

.loader4_background-bottom {
  background-color: #021107;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
}

.loader4_loading-animation {
  display: none;
}

.loader-4-instructions-delete {
  text-align: left;
  background-color: #eee;
  padding: 2rem;
  display: block;
}

.loader4_instructions-callout-image {
  margin-top: 1.5rem;
}

.rl-styleguide_label {
  color: #0000;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.loader4_instructions-list-item {
  padding-left: .5rem;
}

.loader4_progress-background {
  opacity: .25;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.loader4_progress-wrapper {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  width: 40%;
  display: flex;
  position: relative;
}

.loader4_instructions-list {
  padding-left: 1.25rem;
}

.loader4_number {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
}

.loader4_progress {
  width: 100%;
  height: .25rem;
  position: relative;
}

.text-style-muted {
  opacity: .6;
}

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

.loader4_background-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #021107;
  justify-content: center;
  align-items: flex-end;
  height: 50%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.loader4_instructions-callout {
  background-color: #0000001a;
  align-items: center;
  padding: 1.5rem;
  line-height: 1.6;
}

.loader4_progress-content {
  justify-content: space-between;
  width: 100%;
  margin-top: .75rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.loader4_component {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.loader4_ix-trigger {
  width: 0;
  height: 0;
  display: none;
}

.text-color-white {
  color: #ffffff80;
  font-family: Sf Pro Display, sans-serif;
}

.loader4_text-wrapper {
  display: flex;
}

.loader-wrapper {
  min-height: 100vh;
}

.image-7 {
  width: 8rem;
  margin-bottom: 1.5rem;
}

.opacity-feel {
  width: 100%;
  height: 100%;
  position: relative;
}

.loader3_image-overlay {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 100% 0% 0%;
}

.hide {
  display: none;
}

.loader3_content-wrapper {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12rem;
  position: relative;
}

.loader3_background {
  background-color: #021107;
  position: absolute;
  inset: 0%;
}

.loader3_instructions-callout {
  background-color: #0000001a;
  align-items: center;
  padding: 1.5rem;
  line-height: 1.6;
}

.loader3_component {
  z-index: 999;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.loader-3-instructions-delete {
  text-align: left;
  background-color: #eee;
  padding: 2rem;
  display: block;
}

.loader3_instructions-list {
  padding-left: 1.25rem;
}

.loader3_instructions-list-item {
  padding-left: .5rem;
}

.stylesystem-class-label {
  cursor: context-menu;
  background-color: #83747426;
  border-radius: 4px;
  padding-left: .5rem;
  padding-right: .5rem;
  display: inline-block;
}

.stylesystem-class-label.is-animation {
  background-image: url('../images/interaction-icon.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 2rem;
}

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

.text-weight-semibold {
  font-weight: 600;
}

.basic-swiper-heading {
  color: #1a1a18;
  font-size: 1.75rem;
  line-height: 1.1em;
}

.section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.section.basic-swiper-section {
  background-color: #fffade;
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  min-height: auto;
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
  font-weight: 400;
  display: none;
  position: relative;
  overflow: hidden;
}

.swiper-slide {
  flex: none;
  width: 100%;
}

.swiper-slide.basic-swiper-slide {
  max-width: none;
}

.container {
  width: 100%;
  max-width: 87rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container.split-container {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.basic-swiper-arrow {
  color: #fff;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
}

.basic-swiper-arrow:hover {
  color: #000;
}

.basic-swiper-arrows-wrapper {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.swiper-wrapper.basic-swiper-wrapper {
  overflow: visible;
}

.swiper-container {
  width: 100%;
}

.swiper-container.basic-swiper-container {
  overflow: visible;
}

.slider-section {
  position: relative;
}

.slider {
  background-color: #0000;
  background-image: url('../images/Intavalto-BG-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 4rem;
  overflow: hidden;
}

.mask {
  width: 90%;
  overflow: visible;
}

.slide-nav {
  display: none;
  position: static;
}

.slide {
  height: 100vh;
  padding-bottom: 2rem;
  padding-right: 1rem;
}

.arrow {
  inset: 0% 0% auto auto;
}

.arrow.left {
  border: 1px solid #213829;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  inset: auto 10.5% 6% auto;
}

.arrow.left.right {
  right: 5%;
}

.icon {
  color: #699177;
  font-size: 20px;
}

@media screen and (min-width: 1280px) {
  .d-paragraph.text-center.medium-size.t-white.width-60 {
    font-weight: 300;
  }

  .d-paragraph.small.margin-top-less.sm {
    width: 40%;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._1-2-grid._100 {
    width: 90%;
  }

  .section-height {
    height: 600vw;
  }

  .items {
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
  }

  .items.padding {
    padding-bottom: 2rem;
    display: flex;
  }

  .products-section {
    padding: 3% 5%;
  }

  .product-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 2rem;
  }

  .cards {
    justify-content: center;
    align-items: center;
    width: 1000px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .memoji-pictures {
    height: 6rem;
  }

  .testimonial21_component {
    margin-top: 4rem;
  }

  .section_testimonial21 {
    background-image: url('../images/Intavalto-BG-1.png');
    background-position: 50%;
    background-size: cover;
  }

  .testimonial21_card {
    background-color: #219653;
    background-image: url('../images/Trustpilot-card-testimonial---10-1.png');
    background-position: 50%;
    background-size: cover;
    border-radius: 37.33px;
  }

  .text-weight-semibold {
    color: #fff3;
    font-family: Sf Pro Display, sans-serif;
    font-size: 16px;
  }

  .quote-image {
    max-width: 100%;
    height: 3rem;
  }

  .stars-testimonials {
    max-width: 50%;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 991px) {
  ._100vh--coming--soon {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 3rem;
  }

  ._100vh--coming--soon.home {
    height: auto;
    padding-top: 3rem;
  }

  ._100vh--coming--soon.bg {
    height: 100vh;
    padding-top: 4rem;
  }

  .brand-image {
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: absolute;
  }

  .brand-image.tablet {
    margin-top: 2rem;
    display: block;
  }

  .brand-image.tablet.home, .brand-image.desktop {
    display: none;
  }

  .brand-image.desktop.home {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    position: static;
  }

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

  ._80-wrapper {
    height: auto;
    max-height: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .image-hero {
    aspect-ratio: auto;
    display: none;
  }

  .image-div {
    background-image: url('../images/Frame-1410126640-2-1.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20rem;
  }

  .d-paragraph {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .d-paragraph.text-center.medium-size {
    font-size: .95rem;
  }

  .d-paragraph.text-center.medium-size.t-white.width-60 {
    width: 80%;
    margin-top: 2rem;
    font-size: 16px;
  }

  .d-paragraph.text-center.medium-size.t-white.width-60.top-margin-not {
    margin-top: 0;
  }

  .d-paragraph.small.margin-top-less.t-black.light {
    padding-right: 0;
  }

  .d-paragraph.small.margin-top-less.sm {
    text-align: center;
    margin-top: 1rem;
  }

  .d-paragraph.small.margin-top-less.sm.left {
    text-align: left;
  }

  .submit-button {
    margin-top: 1.5rem;
  }

  .social-media-div {
    margin-top: 2rem;
    position: static;
  }

  .social-media-grid.margin-top {
    margin-top: 2rem;
  }

  .grid-top {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .door-image {
    max-width: 110svw;
    right: -6%;
  }

  .grid-2 {
    margin-top: 0;
  }

  .big-header {
    font-size: 6rem;
  }

  .big-header.margin-bottom, .big-header.xxs {
    font-size: 5rem;
  }

  .image--desktop {
    width: 40rem;
  }

  .absolute-image {
    height: 40rem;
  }

  .full-width-100vh.flex-center.vertical.padding-10 {
    justify-content: center;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  ._2by2-grid.no-gap.margin-bottom {
    margin-bottom: 1rem;
  }

  .flex-center.vertical-top.padding-5.opacity-80:hover {
    transform: scale(1.1);
  }

  .smart-image {
    height: 10rem;
  }

  .navigation {
    z-index: 100;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  ._1-3-grid {
    grid-template-columns: .25fr 1fr 1fr;
  }

  ._1-3-grid.custom {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .nav-text.footer-text.t-white {
    color: #fff;
  }

  .nav-text.footer-text.t-white.big {
    font-family: Sf Pro Display, sans-serif;
    font-size: 20px;
  }

  .div-block {
    display: none;
  }

  .button.width-less.margin-top-solid {
    width: 20%;
  }

  .button.nav {
    display: none;
  }

  .button.nav.mobile {
    width: 100%;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .button.nav.fixed {
    display: flex;
  }

  ._1-2-grid.max-width.no-max {
    grid-template-columns: 1fr;
  }

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

  .left-iimage {
    height: 30rem;
  }

  .client-wrapper.green {
    width: 90%;
    margin-top: .5rem;
  }

  .client-wrapper.green._100-width {
    margin-top: 2rem;
  }

  .padding-section-medium {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .sub-header, .sub-header.t-left {
    font-size: 3rem;
  }

  .feature-left-wrapper.top {
    padding-top: 0;
  }

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

  .image-wrapper-footprint.left {
    grid-template-rows: 8.25rem 7rem 7.5rem;
  }

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

  .go-green-wrapper {
    border-radius: 25px;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
  }

  .image-felicity-solar {
    height: 23rem;
  }

  .footer-header-text {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .footer-header-text.small {
    font-size: 2rem;
  }

  .footer-header-text.small.bold {
    margin-top: 1rem;
  }

  .grid-3 {
    grid-template-columns: .75fr .75fr;
    width: 80%;
  }

  .grid-3.m.mobile-menu-white {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 0;
  }

  .footer-links--white.right {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-links--white.right.left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .get-directions {
    width: 50%;
  }

  ._2-3-grid {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }

  .md-ceo-picture {
    max-width: 80%;
  }

  .md-ce0-text-wrap {
    padding-right: 0;
  }

  .image--header-hero {
    max-width: 60%;
    height: auto;
    margin-top: -4rem;
  }

  .tabs-menu {
    width: 90%;
  }

  .hamburger {
    width: 7rem;
    height: auto;
    display: block;
  }

  .menu-navigation {
    background-color: #010e06;
    border-top: 2px #59b3474d;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0%;
    padding: 0 4rem 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .grid-4 {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2rem;
    display: flex;
  }

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

  .close-image {
    width: 40px;
  }

  .menu {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .grid-wrapper-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    margin-top: 0;
    display: none;
  }

  .items.padding {
    width: 150vw;
  }

  .cards {
    flex-flow: row;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

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

  .heading-style-h2 {
    font-size: 2.75rem;
  }

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

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

  .swiper-slide.basic-swiper-slide {
    max-width: 45%;
  }

  .slider {
    padding-top: 2rem;
  }

  .mask {
    width: 100%;
  }

  .slide-nav {
    margin-top: 4rem;
    font-size: 8px;
    display: block;
  }

  .slide-nav.tp {
    margin-top: 2rem;
  }

  .arrow.left {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  ._100vh--coming--soon.home {
    height: auto;
    padding-top: 3rem;
  }

  ._100vh--coming--soon.bg._30vh.bg-solid.small {
    height: 50vh;
  }

  .brand-image {
    display: none;
  }

  .brand-image.desktop.home {
    position: static;
  }

  .brand-image.no-absolute {
    display: block;
  }

  ._80-wrapper {
    width: 90%;
    max-width: none;
    max-height: none;
  }

  .d-paragraph.text-center.medium-size.t-white {
    font-size: 16px;
  }

  .d-paragraph.text-center.medium-size.t-white.width-60 {
    width: 80%;
    margin-top: 0;
    font-size: 16px;
  }

  .d-paragraph.small.margin-top-less._3c403c.mobile {
    display: none;
  }

  .d-paragraph.small.margin-top-less.sm {
    margin-top: 2rem;
  }

  .d-paragraph.small.margin-top-less.sm.left {
    margin-top: 0;
  }

  .social-media-grid.margin-top.mobile {
    display: none;
  }

  .door-image {
    position: static;
  }

  .door-image.desktop {
    display: none;
  }

  .door-image.desktop.mobile {
    width: 30rem;
    max-width: 100%;
    display: block;
    position: relative;
    inset: 1.2rem 0% 0%;
  }

  .door-image.wrapper {
    justify-content: center;
    align-items: flex-start;
    max-width: 100svw;
    display: flex;
    position: relative;
    right: 0%;
  }

  .grid-2 {
    grid-template-columns: 1fr;
    width: 90%;
  }

  .big-header {
    font-size: 5rem;
  }

  .big-header.margin-bottom {
    font-size: 3.4rem;
  }

  .big-header.xxs, .big-header.t-black.body {
    font-size: 4rem;
  }

  .linker {
    z-index: 4;
    inset: auto auto 40%;
  }

  .image--desktop {
    display: none;
  }

  .absolute-image {
    top: 18%;
  }

  .full-width-100vh.flex-center.vertical.padding-10.height-auto {
    height: auto;
  }

  ._2by2-grid.no-gap.margin-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .flex-center.vertical-top.padding-5.opacity-80 {
    opacity: 1;
    padding-top: 5%;
    padding-bottom: 5%;
    transition-property: none;
  }

  .flex-center.vertical-top.padding-5.opacity-80:hover {
    opacity: 1;
    transform: none;
  }

  .rotate-image {
    display: none;
  }

  .mobile-image-or {
    height: 2rem;
    display: block;
  }

  .navigation {
    z-index: 1000;
  }

  ._1-3-grid.custom {
    grid-row-gap: 35px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .nav-text.footer-text.t-white.big {
    font-family: Sf Pro Display, sans-serif;
    font-weight: 400;
  }

  .button.width-less.margin-top-solid {
    width: 25%;
  }

  .linear-gradient.font {
    font-size: 14px;
    display: none;
  }

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

  ._1-2-grid.max-width.small-right {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  ._1-2-grid.grid-left-xs, ._1-2-grid.left-s {
    grid-template-columns: 1fr;
  }

  .left-iimage {
    height: 15rem;
  }

  .image-3._80 {
    width: auto;
  }

  .image-3._70, .image-3._60 {
    max-width: 60%;
  }

  .network-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .client-wrapper.green {
    margin-top: 1.5rem;
  }

  .logo3_wrapper {
    padding: .75rem 1rem;
  }

  .padding-section-medium {
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo3_logo {
    max-height: 3rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .logo3_list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 0;
  }

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

  .project-wrapper.bg, .project-wrapper.bg2, .project-wrapper.bg3 {
    background-image: none;
  }

  .image-4._100 {
    display: block;
  }

  .feature-left-wrapper.mobile {
    display: flex;
  }

  .image-wrapper-footprint.left {
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
  }

  .go-green-wrapper {
    height: auto;
    padding-top: 2rem;
  }

  .image-felicity-solar {
    height: 26rem;
  }

  .footer-header-text.small {
    font-size: 1.7rem;
  }

  .footer-header-text.small.bold {
    text-align: center;
    margin-top: 2rem;
  }

  .footer-header-text.small.bold.memoji {
    margin-top: 0;
  }

  .footer-header-text.mobile {
    display: none;
  }

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

  .grid-3.m {
    display: none;
  }

  .grid-3.m.mobile-menu-white {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

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

  .footer-links--white.right {
    justify-content: flex-start;
    align-items: center;
  }

  ._2-3-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .md-ceo-picture {
    max-width: 100%;
  }

  .distinct-line {
    display: none;
  }

  .image--header-hero {
    max-width: 65%;
    height: auto;
    margin-top: -3.8rem;
  }

  .tabs-menu {
    width: 100%;
    max-width: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .tab-link {
    padding: .5rem 0;
    font-size: 10.5px;
  }

  .tab-link.w--current {
    width: 250px;
  }

  .tabs-content {
    width: auto;
  }

  ._3-1-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: grid;
  }

  .menu-big {
    border-radius: 30px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .tabs-content-2 {
    overflow: hidden;
  }

  .tab-pane-tab-3 {
    width: auto;
  }

  .tabs {
    width: 100%;
  }

  .tab-text {
    font-family: sf pro, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
  }

  .text-block-3 {
    font-family: sf pro, sans-serif;
    font-weight: 700;
  }

  .menu-navigation {
    z-index: 100;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-radius: 0;
    height: 0%;
    padding-left: 0;
    padding-right: 0;
    inset: 0% 0% auto;
  }

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

  .menu {
    width: 100%;
  }

  .grid-wrapper-menu {
    justify-content: space-between;
    width: 85%;
    margin-top: 2rem;
    display: none;
  }

  .items {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .cards {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 800px;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .testimonial21_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

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

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

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

  .heading-style-h2 {
    font-size: 2.25rem;
  }

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

  .testimonial21_card {
    padding: 1.5rem;
  }

  .loader4_progress-wrapper {
    width: 70%;
  }

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

  .slide-nav {
    font-size: 9px;
    display: block;
  }

  .slide {
    padding-left: 1rem;
  }

  .arrow.left {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  ._100vh--coming--soon.home {
    padding-top: 3rem;
  }

  ._100vh--coming--soon.bg {
    background-position: 0 0;
    height: auto;
    padding-top: 8rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  ._100vh--coming--soon.bg._30vh.bg-solid {
    height: 100vh;
    padding-top: 2.5rem;
  }

  ._100vh--coming--soon.bg.automate, ._100vh--coming--soon.bg.padding {
    height: 100vh;
  }

  ._80-wrapper {
    width: 92%;
    max-height: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-hero {
    max-width: 100%;
    display: block;
    position: static;
  }

  .image-div {
    background-image: none;
    height: auto;
  }

  .d-paragraph.text-center.medium-size.t-white {
    font-size: 16px;
  }

  .d-paragraph.text-center.medium-size.t-white.padding-both-sides {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .d-paragraph.text-center.medium-size.t-white.width-60 {
    width: 90%;
  }

  .d-paragraph.small.margin-top-less.t-black {
    padding-right: 1rem;
  }

  .d-paragraph.small.margin-top-less.sm {
    height: 210px;
  }

  .d-paragraph.small.margin-top-less.sm.left {
    height: auto;
  }

  .d-paragraph.small._18-no-margin, .d-paragraph.small.services {
    font-size: 14px;
  }

  .social-media-div {
    width: auto;
  }

  .socials._80-wrapper.small {
    width: 3.5rem;
    height: 3.5rem;
  }

  .small-icons {
    width: 1.5rem;
  }

  .door-image.desktop.mobile {
    width: 100vw;
    max-width: 90%;
    position: relative;
    inset: 1rem 0% 0% 0;
  }

  .door-image.wrapper {
    margin-top: 0;
    bottom: 0%;
  }

  .big-header {
    font-size: 3.3rem;
  }

  .big-header.margin-bottom {
    font-size: 2.8rem;
  }

  .big-header.xxs {
    font-size: 3.3rem;
  }

  .big-header.t-black.body {
    font-size: 3rem;
  }

  .linker {
    width: 7rem;
    height: 7rem;
    bottom: 40%;
    right: auto;
  }

  .absolute-image {
    z-index: 7;
    height: auto;
    max-height: 50%;
    position: static;
    top: auto;
  }

  .image {
    height: 70%;
  }

  ._2by2-grid.no-gap.margin-bottom {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .flex-center.vertical-top.padding-5.opacity-80 {
    opacity: 1;
    border: 1px solid #59b3474d;
    border-radius: 15px;
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .flex-center.vertical-top.padding-5.opacity-80:hover {
    opacity: 1;
  }

  .mobile-image-or {
    height: 1.5rem;
  }

  .button.width-less {
    width: 100%;
  }

  .button.width-less.margin-top-solid {
    width: 45%;
  }

  .button.nav.mobile {
    width: 100%;
  }

  .linear-gradient.sm {
    font-size: 30px;
  }

  .left-iimage {
    height: 17rem;
  }

  .image-3._70 {
    max-width: 90%;
  }

  .image-3._50 {
    max-width: 100%;
  }

  .image-3._60 {
    max-width: 90%;
  }

  .network-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .client-section {
    padding-bottom: 0;
  }

  .client-wrapper.green {
    border-radius: 0;
    width: 100%;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .client-wrapper.green._100-width {
    border-radius: 32px;
  }

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

  .logo3_list {
    justify-content: center;
  }

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

  ._1-4-grid._60 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 70%;
    margin-top: .5rem;
  }

  .sub-header {
    font-size: 32px;
  }

  .image-felicity-solar {
    height: auto;
  }

  .footer-header-text.small.bold {
    text-align: center;
  }

  .grid-3.m.mobile-menu-white {
    width: 100%;
  }

  ._2-3-grid {
    grid-template-rows: auto auto auto auto auto;
  }

  .md-ceo-section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .distinct-line {
    display: none;
  }

  .image--header-hero {
    max-width: 90%;
    height: auto;
  }

  .tab-link {
    padding-left: 0;
  }

  ._3-1-grid {
    width: 95%;
  }

  .hamburger {
    width: auto;
    height: auto;
  }

  .menu-navigation {
    background-image: linear-gradient(#000e06f2, #000e06f2);
    border-top-style: none;
    height: 0%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    inset: 0% 0% auto;
  }

  .grid-4 {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 2rem;
    display: flex;
  }

  .close-div-wrapper {
    flex: 0 auto;
    width: 40px;
    height: 40px;
  }

  .close-image {
    height: 40px;
  }

  .menu {
    width: 100%;
  }

  .grid-wrapper-menu {
    width: 90%;
    display: none;
  }

  .items.padding {
    width: 95vw;
    padding-right: 2%;
  }

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

  .cards {
    width: 700px;
    height: auto;
  }

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

  .section.basic-swiper-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .swiper-slide.basic-swiper-slide {
    max-width: 100%;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .slide-nav {
    margin-top: 2rem;
  }

  .slide-nav.tp {
    margin-top: 4rem;
  }
}

#w-node-_099b869c-f3a8-1434-56f0-60f7cfb2680d-b68cec53 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d284d604-e0d5-14af-dd6d-fd423cb23b6e-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b70-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b72-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b74-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b76-1355bdd3, #w-node-_7cdab5a1-d4ba-fdad-f4e9-95d74e685734-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b7f-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b81-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b83-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b85-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b87-1355bdd3, #w-node-d284d604-e0d5-14af-dd6d-fd423cb23b89-1355bdd3 {
  justify-self: center;
}

#w-node-_8fe85e36-bf0c-b42b-be2e-f0c31d306acb-1355bdd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b6b9777-adaf-5595-6a12-1bc3082df52d-082df526 {
  align-self: auto;
}

#w-node-_169d1dc9-449b-d7be-2155-104116585d35-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d37-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d39-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d3b-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d3d-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d3f-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d42-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d44-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d46-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d48-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d4a-0325eb67, #w-node-_169d1dc9-449b-d7be-2155-104116585d4c-0325eb67 {
  justify-self: center;
}

#w-node-b1c5ede3-f527-16a6-b549-f2523dce4b3e-0325eb67, #w-node-_17db2696-366c-4d72-4f64-cc0e2eec3b22-0325eb67, #w-node-_712f37dd-f171-0300-693b-a1786bcc8b0e-0325eb67, #w-node-_6c03e300-444e-985a-4286-99287d71114b-0325eb67, #w-node-_6c03e300-444e-985a-4286-99287d711167-0325eb67, #w-node-_6c03e300-444e-985a-4286-99287d711180-0325eb67, #w-node-_6e433ce9-5227-7b58-aff8-8b3cc382e98d-0325eb67, #w-node-_6e433ce9-5227-7b58-aff8-8b3cc382e9a9-0325eb67, #w-node-_6e433ce9-5227-7b58-aff8-8b3cc382e9c5-0325eb67, #w-node-_4972518f-616d-7e2d-3373-93bad0f46575-0325eb67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_829619e4-9d93-9144-5a17-6aeeb8f9a2b0-1355bdd3, #w-node-_7b6b9777-adaf-5595-6a12-1bc3082df529-082df526 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7b6b9777-adaf-5595-6a12-1bc3082df53b-082df526 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_3c75353f-5b2e-7032-f23e-5e397cf3000c-7efa34f0, #w-node-_4972518f-616d-7e2d-3373-93bad0f46570-0325eb67 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7b6b9777-adaf-5595-6a12-1bc3082df529-082df526 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7b6b9777-adaf-5595-6a12-1bc3082df53b-082df526 {
    grid-area: 1 / 3 / 2 / 4;
  }
}


@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYBLACKITALIC.OTF') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYSEMIBOLDITALIC.OTF') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYLIGHTITALIC.OTF') format('opentype'), url('../fonts/SFPRODISPLAYLIGHTITALIC.OTF') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYULTRALIGHTITALIC.OTF') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYHEAVYITALIC.OTF') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYMEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYTHINITALIC.OTF') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sf pro';
  src: url('../fonts/SFPRODISPLAYBOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}