@font-face {
  font-family: Spacegrotesk Variablefont Wght;
  src: url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Archivo Variablefont Wdth Wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Archivo Variablefont Wdth Wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

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

.header-style {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 897px;
  margin-left: auto;
  margin-right: auto;
  padding: 251px 80px;
  text-decoration: none;
  display: flex;
}

.display {
  z-index: 1;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 12vh;
}

.content-style {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.content-style.right-padding {
  padding-right: 23px;
}

.hero-title {
  color: #fff;
  letter-spacing: -.03em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 69px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.hero-paragraph {
  color: #dcdcdc;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
}

.button-style {
  grid-column-gap: 10px;
  background-color: #ef4324;
  justify-content: center;
  align-items: center;
  width: 230px;
  padding: 14px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  display: inline;
}

.frame-style {
  display: inline-block;
  overflow: hidden;
}

.button-style-outline-white {
  grid-column-gap: 12px;
  border: 1px solid #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  text-decoration: none;
  display: flex;
}

.button-style-outline-white.hero {
  position: relative;
  left: 40px;
}

.button-style-outline-white.hero:hover {
  -webkit-text-stroke-color: #ef4323;
  border-color: #ef4323;
}

.header {
  background-image: url('../images/bg.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -56px;
  margin-left: auto;
  margin-right: auto;
}

.section-1 {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 60px auto;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.content-style-2 {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.rectangle-4 {
  object-fit: cover;
  width: 100%;
}

.content-style-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.title-orange {
  clear: both;
  color: #ef4324;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.title-orange.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.title-orange.left {
  margin-right: auto;
}

.heading-title {
  color: #151515;
  letter-spacing: -.025em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.pararagph {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.paragraph-text {
  color: #414141;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  text-decoration: none;
}

.paragraph-text._16 {
  font-size: 16px;
}

.paragraph-text._14 {
  font-size: 14px;
}

.button-style-outline-red {
  grid-column-gap: 10px;
  border: 1px solid #ff4d00;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.button-style-outline-red:hover {
  color: #fff;
  border-color: #fff;
}

.get-in-touch {
  color: #ef4324;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-7 {
  grid-column-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-8 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 302px;
  text-decoration: none;
  display: flex;
}

.number-point-text {
  color: #ef4324;
  letter-spacing: -.03em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
}

.text-10 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.mini-title {
  color: #151515;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.sub-text {
  color: #414141;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 140%;
  text-decoration: none;
}

.section-2 {
  grid-row-gap: 58px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 81px 80px 0;
  text-decoration: none;
  display: flex;
}

.heading-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 761px;
  text-decoration: none;
  display: flex;
}

.h1-title {
  color: #151515;
  letter-spacing: -.025em;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

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

.card-sectoin {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 114010px;
  text-decoration: none;
  display: flex;
}

.card-wrapper {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.card-container {
  grid-row-gap: 96px;
  border: 1px solid #dcdcdc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 302px;
  min-height: 440px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.card-text-wrapper {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon-graphic {
  object-fit: cover;
  width: 55px;
  margin-top: 12px;
  padding-bottom: 8px;
  overflow: visible;
}

.frame-10 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-style {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-15 {
  color: #151515;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.button-style-4 {
  grid-column-gap: 10px;
  border: 1px solid #ff4d00;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  text-decoration: none;
  display: flex;
}

.section-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.content-style-4 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.headline {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 806px;
  text-decoration: none;
  display: flex;
}

.pararagph-2 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  text-decoration: none;
  display: flex;
}

.frame-15 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-16 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.rectangle-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  text-decoration: none;
  display: flex;
}

.bold-point {
  color: #151515;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.frame-background {
  object-fit: contain;
  min-width: 1080px;
  margin-left: auto;
  position: relative;
  top: -221px;
  left: 40px;
  overflow: hidden;
}

.section-4 {
  z-index: 1;
  border: 0 solid #dcdcdc;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -360px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rectangle-9 {
  z-index: -1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-36 {
  overflow: hidden;
}

.frame-30 {
  border: 1px solid #dcdcdc;
  border-width: 1px 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-29 {
  grid-column-gap: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.text-18 {
  color: #151515;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
}

.frame-31 {
  grid-column-gap: 8px;
  border: 0 solid #dcdcdc;
  border-width: 0 1px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #000;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
}

.v4 {
  z-index: 32;
  opacity: .15;
  object-fit: contain;
  position: absolute;
  top: -7px;
  left: auto;
  right: 0;
  overflow: hidden;
}

.content-style-5 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1130px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.frame-18 {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.h1-title-white {
  color: #fff;
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 53px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.pararagph-3 {
  z-index: 1;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 431px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.paragraph-text-white {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  text-decoration: none;
}

.frame-20 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.projects-next-button {
  grid-column-gap: 11.6667px;
  cursor: pointer;
  background-color: #ef4324;
  justify-content: center;
  align-items: center;
  width: 56px;
  padding: 16.3333px 0;
  text-decoration: none;
  display: flex;
}

.frame-style-white {
  object-fit: cover;
  flex: none;
  overflow: hidden;
}

.projects-prev-button {
  grid-column-gap: 11.6667px;
  cursor: pointer;
  border: 1.16667px solid #fff;
  justify-content: center;
  align-items: center;
  width: 56px;
  padding: 16.3333px 0;
  text-decoration: none;
  display: flex;
}

.card-4 {
  position: absolute;
  top: 520px;
  left: 79px;
}

.card-5 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-26 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 16px 56px;
  text-decoration: none;
  display: flex;
}

.logo {
  grid-column-gap: 74px;
  background-color: #ff4d00;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.footer {
  grid-row-gap: 140px;
  background-image: url('../images/royal-blue-canvas-fabric-texture.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 88px;
  padding-bottom: 36px;
  text-decoration: none;
  display: flex;
}

.menu {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.company {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 60px;
  text-decoration: none;
  display: flex;
}

.frame-79 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.logo-2 {
  grid-column-gap: 11.2772px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.v4-2 {
  object-fit: contain;
  height: 40px;
  overflow: hidden;
}

.group-1 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.text-22 {
  color: #989898;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.menu-2 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 761px;
  text-decoration: none;
  display: flex;
}

.frame-74 {
  grid-column-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.frame-76 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.text-26 {
  color: #989898;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.menu-4, .menu-6 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.bottombar {
  background-color: #0e0024;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 24px 80px;
  text-decoration: none;
  display: flex;
}

.items {
  grid-column-gap: 40px;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 16px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  text-decoration: none;
  display: flex;
}

.navbar-desktop {
  z-index: 2;
  background-color: #06001d1a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: sticky;
}

.sub-navbar {
  grid-column-gap: 200px;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background-color: #0003;
  border: 0 solid #ffffff26;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 80px;
  text-decoration: none;
  display: none;
  position: relative;
  top: 95px;
}

.information {
  grid-column-gap: 24px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: -34px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  text-decoration: none;
  display: flex;
}

.frame-7 {
  grid-column-gap: 8px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #fff;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.social-medai {
  grid-column-gap: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar {
  border: 0 solid #ffffff26;
  border-bottom-width: 1px;
  flex: none;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 69px;
  text-decoration: none;
  display: flex;
}

.logo-link {
  grid-column-gap: 12px;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  margin-right: 26px;
  text-decoration: none;
  display: flex;
}

.menu-7 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.text-nav {
  flex: none;
}

.text-nav-2 {
  color: #efefef;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.text-29 {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.section-5 {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.heading-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 519px;
  text-decoration: none;
  display: flex;
}

.card-6 {
  grid-column-gap: 23px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-7 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-37 {
  width: 100%;
  overflow: hidden;
}

.rectangle-10 {
  background-color: #d9d9d9;
  background-image: url('../images/Rectangle-10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 299px;
}

.frame-39 {
  grid-column-gap: 8px;
  background-color: #ef4324;
  justify-content: center;
  align-items: center;
  width: 80px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: -300px;
}

.text-31 {
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
}

.content-style-6 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.blog-title {
  color: #151515;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
}

.paragraph {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.text-34 {
  color: #ef4324;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.rectangle-11 {
  background-color: #d9d9d9;
  background-image: url('../images/Rectangle-10_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 299px;
}

.rectangle-12 {
  background-color: #d9d9d9;
  background-image: url('../images/Rectangle-10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 299px;
}

.column {
  flex-flow: row;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.loading-container {
  z-index: 200;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  pointer-events: none;
  background-color: #e2e1df;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.loading-screen {
  pointer-events: auto;
  background-color: #e2e1df;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.loading__progress {
  width: 1em;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.loading__progress-inner {
  transform-origin: bottom;
  background-color: #ff4c24;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.loading__numbers {
  color: #150137;
  flex-flow: row;
  align-items: flex-start;
  font-size: calc(10vw + 10vh);
  display: flex;
  position: absolute;
  bottom: .1em;
  left: .23em;
}

.loading__number-group {
  flex-flow: column;
  height: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.loading__number-wrap {
  will-change: transform;
  flex-flow: column;
  display: flex;
  position: relative;
}

.loading__number {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.loading__percentage-wrap {
  flex-flow: column;
  justify-content: flex-start;
  margin-top: .375em;
  font-size: .3em;
  display: flex;
  overflow: hidden;
}

.loading__percentage {
  text-transform: uppercase;
  will-change: transform;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.frame-services {
  overflow: hidden;
}

.content-style-7 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 521px;
  margin-right: 56px;
  text-decoration: none;
  display: flex;
}

.title-style {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-83 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.get-in-touch-2 {
  color: #ff4d00;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.form-style {
  grid-row-gap: 40px;
  background-color: #fafafa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 628px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.form-style-2 {
  grid-row-gap: 21px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.form-style-3 {
  grid-column-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.form-style-4 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-37 {
  color: #151515;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.frame-84 {
  grid-column-gap: 8px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.text-38 {
  color: #989898;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.frame-85 {
  grid-column-gap: 8px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 229px;
  padding: 16px;
  display: flex;
}

.button-style-10 {
  grid-column-gap: 16px;
  background-color: #ef4324;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 185px;
  padding: 14px 24px;
  font-size: 17px;
  text-decoration: none;
  display: flex;
}

.get-in-touch-3 {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-style-3 {
  object-fit: cover;
  overflow: hidden;
}

.section-contact {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 220px 80px 130px;
  text-decoration: none;
  display: flex;
}

.content-style-8 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 90%;
  text-decoration: none;
  display: flex;
}

.title-style-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-paragraph-white-center {
  color: #dcdcdc;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  text-decoration: none;
}

.section-7 {
  grid-row-gap: 62px;
  background-color: #fafafa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 97px 80px;
  text-decoration: none;
  display: flex;
}

.heading-4 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-43 {
  color: #151515;
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 53px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.rectangle-13 {
  min-height: 325px;
}

.section-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 80px auto 0;
  padding-left: 78px;
  padding-right: 78px;
  text-decoration: none;
  display: grid;
}

.content-style-9 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 56px;
  text-decoration: none;
  display: flex;
}

.heading-5 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 545px;
  text-decoration: none;
  display: flex;
}

.paragraph-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.get-in-touch-4 {
  color: #ff4d00;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-style-4 {
  object-fit: cover;
  overflow: hidden;
}

.section-9 {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 80px auto;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.heading-6 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.centered-slider-group {
  padding-top: 80px;
  padding-bottom: 80px;
}

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

.centered-slider-content {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.centered-slider-row {
  width: 100%;
  margin-top: 2em;
  margin-bottom: 4em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
  overflow: clip;
}

.centered-slider-list {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.centered-slider-slide {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #fce0d408;
  border: 1px solid #efeeec1a;
  border-radius: .75em;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21em;
  margin-right: 1.2em;
  padding: 1.25em;
  transition: opacity .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
}

.slide-demo__description {
  margin-bottom: 0;
  padding-right: 12px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
}

.slide-demo__details {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slide-demo__avatar {
  object-fit: scale-down;
  width: 2.5em;
  height: 2.5em;
  overflow: hidden;
}

.slide-demo__eyebrow {
  color: #ef4324;
  text-transform: uppercase;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: .9em;
  font-weight: 700;
  line-height: 1.2;
}

.centered-slider-buttons {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.centered-slider-button {
  background-color: #ff4d0108;
  border: 1px solid #efeeec1a;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  padding: 0;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.centered-slider-button:hover {
  background-color: #efeeec33;
  border-color: #efeeec40;
}

.centered-slider-button.is--prev {
  transform: rotate(-180deg);
}

.slider-button-arrow {
  justify-content: center;
  align-items: center;
  width: 1.25em;
}

.hero-about {
  grid-row-gap: 10px;
  color: #333;
  background-image: linear-gradient(#00000003, #00031f99), url('../images/IMG_4064.JPG');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60vh;
  margin-top: -56px;
  margin-left: auto;
  margin-right: auto;
  padding: 30vh 80px 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.flex-image {
  object-fit: cover;
  object-position: 100% 50%;
  width: 90%;
  height: 100%;
  max-height: 390px;
}

.flex-image.service {
  object-fit: cover;
  object-position: 20% 50%;
  max-height: 480px;
}

.flex-image.service.right {
  object-position: 70% 50%;
  width: 80%;
}

.flex-image.service._1 {
  object-fit: cover;
  object-position: 50% 50%;
}

.flex-image.service-point {
  object-position: 20% 50%;
  width: 90%;
  height: 560px;
  max-height: none;
  margin-left: 18px;
}

.flex-image.service-point.right {
  object-position: 70% 50%;
}

.flex-image._2 {
  width: 100%;
}

.main-nav {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background-color: #0003;
  border: 0 #ffffff26;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: fixed;
}

.content-style-10 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 688px;
  text-decoration: none;
  display: flex;
}

.title-style-3 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-process {
  grid-row-gap: 82px;
  background-image: linear-gradient(#0000001a, #00031f99), url('../images/IMG_4075.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60vh;
  margin-top: -56px;
  padding-top: 30vh;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.hero-process.projects {
  background-image: linear-gradient(#0006, #00031f99), url('../images/Orange-Lines.jpg');
  height: 60vh;
  padding-top: 30vh;
}

.section-10 {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.title-style-4 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

.process {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.process-2 {
  grid-row-gap: 8px;
  border: 0 solid #bdbdbd;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.frame-37141 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-55 {
  color: #151515;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-56 {
  color: #ff4d00;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.lorem-ipsum-is-simply-dummy-text-of-the-printing-and-typesetting-industry-lorem-ipsum-has-been-the-i {
  color: #656565;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.process-3 {
  grid-row-gap: 8px;
  border: 0 solid #dcdcdc;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

._01 {
  color: #7c7c7c;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.project-management {
  color: #151515;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.section-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 80px;
  text-decoration: none;
  display: grid;
}

.content-style-11 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 572px;
  text-decoration: none;
  display: flex;
}

.section-12 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.title-style-5 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.video {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 490px;
  text-decoration: none;
  display: flex;
}

.section-13 {
  background-color: #fafafa;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-style-12 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 572px;
  text-decoration: none;
  display: flex;
}

.vector {
  z-index: 0;
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #dcdcdc;
  position: absolute;
}

.columns {
  z-index: 1;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-careers {
  grid-row-gap: 10px;
  background-image: linear-gradient(#0003, #00031f99), url('../images/34496f3256.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60vh;
  margin-top: -56px;
  padding-top: 30vh;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-14 {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.title-style-6 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.title-style-6.center {
  margin-left: auto;
  margin-right: auto;
}

.card-container-point {
  grid-row-gap: 96px;
  border: 1px solid #dcdcdc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 302px;
  min-height: 354px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.icon-graphic-2 {
  object-fit: cover;
  overflow: hidden;
}

.frame-37143 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-is-simply-dummy-text-of-the-printing-and-typesetting-industry-lorem-ipsum-is-simply-dumm-2 {
  color: #656565;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.section-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
  text-decoration: none;
  display: grid;
}

.heading-7 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.section-16 {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.section-16.hide {
  display: none;
}

.title-style-7 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.title-style-8 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.careers-grid {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-14 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.card-careers {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 628px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.frame-37145 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.get-in-touch-5 {
  color: #ff4d00;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-style-6 {
  object-fit: cover;
  overflow: hidden;
}

.frame-37146 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 145px;
  text-decoration: none;
  display: flex;
}

.illustration {
  object-fit: cover;
  overflow: hidden;
}

.frame-37147 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-14 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.we-strive-to-provide-you-with-a-smooth-browsing-experience-and-we-work-hard-to-make-sure-everything {
  color: #7c7c7c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
}

.button-style-14 {
  grid-column-gap: 12px;
  background-color: #ff4d00;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  text-decoration: none;
  display: flex;
}

.get-in-touch-6 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

._404---something-not-right-0 {
  color: #ff4d00;
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

._404---something-not-right-1 {
  color: #151515;
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

._404 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 218px 306px 100px;
  text-decoration: none;
  display: flex;
}

.flowout-header {
  background-image: linear-gradient(#0000001a, #0006 75%), url('../images/About-Us_1About Us.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 90vh;
  display: flex;
}

.flowout-header.group-of-companies {
  object-fit: contain;
  background-image: linear-gradient(#0000001a, #0006 75%), url('../images/Sister-Companies.png');
  background-size: auto, contain;
  height: 70vh;
  margin-top: 74px;
}

.flowout-hero {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: auto;
}

.flowout-hero-wrapper {
  justify-content: center;
  align-items: flex-end;
  margin: auto auto 10% 10%;
}

.flowout-container {
  flex: 1;
  align-self: stretch;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 40px;
}

.flowout-hero-content {
  color: #f9f9f9;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 80px;
  display: flex;
}

.flowout-hero-content.right {
  margin-bottom: 0;
}

.flowout-hero-heading {
  color: #f9f9f9;
  flex: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
}

.flowout-hero-heading.group {
  font-size: 70px;
}

.text-span-15 {
  color: #ef4324;
}

.flowout-hero-cta {
  width: 100%;
  max-width: 400px;
  margin-left: 40px;
}

.section-large {
  padding: 160px 3% 100px;
}

.section-large.campany {
  padding-bottom: 120px;
}

.project-container {
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.paragraph-3.full {
  width: 90%;
  margin-top: -130px;
}

.paragraph-3.full.sister {
  margin-bottom: 76px;
}

.teaser-container {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}

.teaser-grid {
  align-items: stretch;
  display: flex;
}

.teaser-column {
  width: 50%;
  position: relative;
}

.teaser-copy-wrap {
  justify-content: flex-start;
  align-items: center;
  height: 160vh;
  display: flex;
}

.teaser-copy-wrap.main {
  height: 1120px;
  margin-top: 0;
}

.teaser-copy-wrap._1 {
  height: 1120px;
  margin-top: 60px;
}

.teaser-copy-wrap._2 {
  height: 1060px;
}

.teaser-copy-wrap._3 {
  height: 1240px;
}

.teaser-copy-wrap._4 {
  height: 1420px;
}

.teaser-copy-wrap._5 {
  height: 1120px;
}

.teaser-copy-wrap._6 {
  height: 1590px;
}

.teaser-copy-wrap._7 {
  height: 1120px;
}

.teaser-img-tablet-down {
  display: none;
}

.teaser-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.teaser-img._4 {
  z-index: 3;
}

.teaser-img._3 {
  z-index: 4;
}

.teaser-img._2 {
  z-index: 5;
}

.teaser-img.m {
  z-index: 7;
  object-position: 50% 23%;
}

.teaser-img._1 {
  z-index: 6;
  background-image: linear-gradient(#0000001a, #0006 75%);
}

.teaser-img._5 {
  z-index: 2;
}

.teaser-img._6 {
  z-index: 1;
}

.teaser-img._7 {
  z-index: 0;
}

.teaser-copy {
  max-width: 530px;
  padding-right: 10%;
}

.grid-2 {
  flex-direction: row;
  grid-template-rows: auto;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.group-company_image {
  float: right;
  width: 220px;
  max-width: none;
  position: relative;
  inset: 0 4% auto auto;
}

.group-company_image._1 {
  width: 50%;
  margin-bottom: 6px;
  margin-left: 0;
  top: 2px;
}

.group-company_image._2 {
  float: right;
  width: 220px;
  margin-top: 0;
  margin-left: -20px;
  position: relative;
  top: -5px;
  left: 0;
  right: 0;
}

.group-company_image._3 {
  width: 100%;
  top: -10px;
}

.group-company_image._4 {
  width: 80%;
  top: -13px;
}

.group-company_image._5 {
  width: 220px;
  margin-left: -19px;
  top: -8px;
  right: 0%;
}

.group-company_image._6 {
  width: 80%;
  margin-left: -19px;
  top: -8px;
  right: 0%;
}

.group-company_image._7 {
  float: right;
  width: 80%;
  margin-left: -6px;
  position: relative;
  top: -20px;
  bottom: 0;
}

.group-company_image._8 {
  float: right;
  width: 80%;
  margin-left: -14px;
  position: relative;
  top: -20px;
  bottom: 0;
}

.p-xs-start {
  padding-top: 1em;
}

.copy-small {
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.statement-point {
  margin-top: 12px;
}

.title-2.card-value {
  margin-top: 16px;
  margin-bottom: 12px;
}

.bold-text-2 {
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 26px;
}

.company-column {
  z-index: 12;
  flex-direction: column;
  justify-content: space-around;
  margin: 18px 0%;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.company-column.hide {
  display: block;
  overflow: visible;
}

.company-column.main {
  z-index: 13;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  display: flex;
}

.company-column.main.sl {
  background-color: #f8fafb99;
  margin: 6px 0%;
  position: static;
}

.company-column._6 {
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  display: flex;
}

.company-column._6.hide {
  display: none;
}

.h4-title {
  margin-bottom: 12px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
}

.company-information {
  grid-row-gap: 17px;
}

.company-information._2 {
  margin-top: 15px;
}

.h5-title {
  margin-bottom: 8px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 16px;
}

.text-detail-grey {
  color: #121f3e;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  line-height: 1.5;
}

.paragraph-large {
  text-align: justify;
  letter-spacing: -.03px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1em;
  line-height: 27px;
}

.list {
  line-height: 20px;
}

.list-2 {
  margin-top: 10px;
}

.p-teaser-img-wrap {
  height: 90vh;
  position: sticky;
  top: 5vh;
  overflow: hidden;
}

.sister-company-grid {
  border: 1px solid #e5ebf0;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  display: none;
}

.company-image-large {
  height: 380px;
  overflow: hidden;
}

.image-cover {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: static;
}

.services-text-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 45px;
  display: flex;
}

.h3-title {
  color: #333;
  margin-bottom: 16px;
}

.service-short-description {
  color: #96a0b5;
  max-width: 500px;
  margin-bottom: 64px;
}

.button-arrow {
  color: #fff;
  white-space: nowrap;
  background-color: #00b51a;
  justify-content: center;
  align-items: center;
  width: 180px;
  padding: 20px 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow {
  margin-left: 8px;
}

.heading-wrap-large {
  max-width: 660px;
  margin-bottom: 80px;
}

.title {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-weight: 700;
  line-height: 24px;
}

.title.values {
  margin-bottom: 0;
}

.tabs {
  margin-top: 40px;
}

.tabs-menu {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: block;
}

.tab-link-category {
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ef4323;
  width: 130px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
}

.tab-link-category:hover {
  color: #fff;
  background-color: #ff4d02;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
}

.tab-link-category:focus {
  color: #f8fafb;
}

.tab-link-category.w--current {
  color: #fff;
  background-color: #ef4323;
  border-style: solid;
  border-color: #ff4d01;
  width: 130px;
  transition: color .2s, background-color .2s;
}

.tab-link-category.heavy {
  border-color: #ff4d01;
  width: 240px;
}

.tab-link-category.heavy.hide {
  display: none;
}

.tab-link-category.commercial {
  border-color: #ff4d01;
  width: 250px;
}

.tab-link-category.commercial.hide {
  display: none;
}

.tab-link-category.mining {
  border-color: #ff4d01;
  width: 180px;
  display: none;
}

.project-collection-list {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: block;
}

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

.seepacs-icon {
  object-fit: cover;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.logo-name {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding-top: 0;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  top: -9px;
  overflow: visible;
}

.button-nav {
  grid-column-gap: 10px;
  background-color: #ef4324;
  justify-content: center;
  align-items: center;
  width: 185px;
  padding: 14px 51px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  text-decoration: none;
  display: flex;
}

.marquee-vertical-css {
  z-index: -1;
  position: relative;
}

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

.flex-horizontal.flip-svp.logo-grid {
  margin-top: -20px;
}

.flex-vertical {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.marquee-horizontal-large {
  z-index: 200;
  flex: none;
  height: 130px;
  position: relative;
  overflow: hidden;
}

.marquee-horizontal-large.btm {
  z-index: 1;
  width: 100%;
  margin-top: 20px;
}

.marquee-cover-horizontal {
  z-index: 2;
  background-image: linear-gradient(270deg, #fff0 96%, #f8fafb1a), linear-gradient(270deg, #f8fafb1a, #fff0 8%);
}

.icon-container-alt {
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 120px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.icon-container-alt._15-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.icon-container-alt.margin {
  margin-top: 10px;
}

.icon-container-alt.padding40 {
  width: 180px;
  padding-left: 33px;
  padding-right: 33px;
}

.logo-slider {
  mix-blend-mode: normal;
  object-fit: contain;
  flex: none;
  width: 4.5em;
  height: 4rem;
}

.logo-slider._80 {
  width: 80%;
}

.logo-slider._60 {
  width: 60%;
  left: -20px;
}

.logo-slider._70 {
  width: 70%;
  left: -20px;
}

.spacer-10 {
  width: 100%;
  height: 30px;
}

.spacer-10._15-xsvp {
  flex: none;
  width: 0;
  height: 30px;
}

.track-horizontal-alt {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lh-container {
  z-index: 1;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lh-container.content-grid {
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lh-container.content-grid.team {
  grid-row-gap: 100px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.team-wrapper {
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.swiper-slide.mod--team {
  flex: none;
}

.team__slide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.overflow-hidden.mod--team {
  cursor: pointer;
  border-radius: .5rem;
  margin-bottom: 1.5rem;
  transition: height 1s;
}

.img {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.img.mod--team {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 15rem;
  transition: all .5s;
  display: block;
  position: static;
}

.img.mod--team:hover {
  transform: scale(1.1);
}

.text-style-allcaps {
  text-transform: uppercase;
}

.text-style-allcaps.text-weight-bold {
  font-weight: 500;
}

.text-style-allcaps.text-weight-bold.margin-bottom-10.text-letterspacing-0_03 {
  color: #ef4324;
}

.text-size-12 {
  font-size: .75rem;
}

.text-size-12.text-opacity-50.text-letterspacing-0_03.text-style-allcaps {
  font-size: 10px;
}

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

.nav-menu {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  display: flex;
}

.nav-link {
  color: #f8fafb;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
}

.nav-link:hover {
  color: #ef4324;
}

.nav-link.w--current {
  color: #ef4324;
  padding-left: 10px;
  padding-right: 10px;
}

.nav-link-dropdown {
  color: #f8fafb;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
}

.nav-link-dropdown:hover {
  color: #008814;
}

.nav-link-dropdown.w--current {
  color: #00b51a;
}

.dropdown-toggle {
  color: #000;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  font-weight: 500;
  transition: color .2s;
}

.dropdown-toggle:hover {
  color: #00a518;
}

.icon {
  margin-right: 18px;
  display: none;
}

.text-block-8 {
  color: #f8fafb;
}

.dropdown-list {
  background-color: #f8fafb;
}

.dropdown-list.w--open {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
  left: -45px;
  box-shadow: 28px 28px 50px #6d7d9326;
}

.dropdown-wrapper {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-width: 220px;
  display: block;
  position: relative;
}

.dropdown-link {
  color: #121f3e;
  border-left: 4px solid #0000;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all .2s;
}

.dropdown-link:hover {
  background-color: #fff;
  border-left-color: #ef4324;
}

.dropdown-link.w--current {
  color: #ef4324;
}

.text-block-9 {
  color: #f8fafb;
}

.footer-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

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

.footer-column.hide {
  display: none;
}

.large-title {
  color: #fff;
  margin-bottom: 12px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.footer-link {
  color: #fff;
  margin-top: 5px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.footer-link:hover {
  color: #fffc;
}

.footer-link-block {
  margin-bottom: 24px;
}

.hero-title-center {
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  flex: none;
  width: 100%;
  max-width: 770px;
  margin: 0 auto;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.flex-box {
  grid-column-gap: 17px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  margin-top: 60px;
  text-decoration: none;
  display: grid;
}

.div-projects {
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}

.section-projects {
  z-index: 1;
  background-image: url('../images/royal-blue-canvas-fabric-texture.jpg');
  background-position: 0 0;
  background-size: cover;
  border: 0 solid #dcdcdc;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: -360px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-slider {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.card-4-copy {
  margin-top: 60px;
}

.project-wrapper {
  max-width: 1270px;
  margin-top: 60px;
  margin-left: 60px;
  margin-right: auto;
}

.div-wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.section-blog {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
  text-decoration: none;
  display: none;
}

.h2-title {
  color: #151515;
  letter-spacing: -.025em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

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

.slider {
  width: 100%;
  height: 100%;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
}

.slider---slide-inner {
  height: 700px;
}

.image-2 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  height: 100%;
  padding: .5rem 2rem;
  position: relative;
}

.grid---cell {
  position: relative;
}

.image-cell {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-cell---inner {
  width: 600%;
  height: 500%;
  position: absolute;
}

.image-cell---inner.x-2-2 {
  top: -100%;
  left: -100%;
}

.image-cell---inner.x-1-4 {
  top: -300%;
  left: 0;
}

.image-cell---inner.x-4-4 {
  top: -300%;
  left: -300%;
}

.image-cell---inner.x-2-5 {
  top: -400%;
  left: -100%;
}

.image-cell---inner.x-5-2 {
  top: -100%;
  left: -400%;
}

.image-cell---inner.x-6x3 {
  top: -200%;
  left: -500%;
}

.image-cell---inner.x-6x5 {
  top: -400%;
  left: -500%;
}

.image-cell---asset {
  object-fit: cover;
  width: 100vw;
  max-width: none;
  height: 100vh;
  position: relative;
  top: -.5rem;
  left: -2rem;
}

.grid---cell-line {
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1rem;
  overflow: hidden;
}

.grid---cell-line-inner {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.text.x-label {
  margin-bottom: 1.5rem;
}

.slider---arrow {
  z-index: 2;
  border: 1px solid #fff;
  width: 4rem;
  height: 4rem;
  font-size: 1rem;
  transition: box-shadow .2s, height .3s, width .3s, transform .3s;
  inset: auto auto 6rem 7.5%;
  box-shadow: 0 0 0 0 #fff0;
}

.slider---arrow:hover {
  width: 3.75rem;
  height: 3.75rem;
  transform: translate(.125rem, -.125rem);
}

.slider---arrow.x-right {
  transform: translate(4.5rem);
}

.slider---arrow.x-right:hover {
  transform: translate(4.625rem, -.125rem);
}

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

.slider-info {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1270px;
  margin-left: 0;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.slider-info.right-padding {
  padding-right: 23px;
}

.hero-contact {
  grid-row-gap: 10px;
  background-image: linear-gradient(#000c, #000c), url('../images/Rectangle-4.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -56px;
  padding: 243px 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.link, .link-2 {
  color: #ef4324;
  text-decoration: none;
}

.board-of-directors-section {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 80px auto;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: none;
}

.track-horizontal {
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-logo {
  mix-blend-mode: normal;
  width: 100%;
}

.brand-logo._80 {
  width: 80%;
}

.frame-brands {
  overflow: hidden;
}

.brands {
  grid-column-gap: 74px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 60px;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.section-hero {
  background-color: #080808;
  flex-flow: column;
  justify-content: center;
  height: 90vh;
  margin-top: -53px;
  display: flex;
}

.wrapper-slider {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.slider-2 {
  background-color: #080808;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1500px;
  height: 100%;
}

.slide {
  z-index: 1;
  width: 100%;
}

.slide-content {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 140px;
  display: flex;
}

.slider-background-base {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider-background-wrapper {
  justify-content: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: 0% auto;
  overflow: hidden;
}

.slider-background {
  background-image: url('../images/1.-Tecnip-FMC-Profile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.slider-background.three {
  background-image: url('../images/61fdf3531ff1dc0f2cadd9e0_DJI_0311.jpg');
}

.slider-background.four {
  background-image: url('../images/1.Profile.jpg');
}

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

.slide-intro {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  color: #fff;
  text-align: center;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  max-width: 1030px;
  margin-top: auto;
  margin-left: 8%;
  margin-right: auto;
  display: grid;
  position: relative;
}

.slide-heading {
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-weight: 600;
  line-height: 32px;
}

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

.button {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 23px 14px 28px;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.button-text-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.button-text {
  color: #fff;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-weight: 600;
}

.slide-arrow {
  background-color: #ef4324b3;
  border: 1px solid #fff9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  display: flex;
  inset: auto auto 48px 7.8vw;
}

.slide-arrow.right {
  object-position: 70% 50%;
  border-color: #fff9;
  left: auto;
  right: 7.8vw;
}

.slider-arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider-arrow {
  width: 15px;
}

.slide-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  min-height: 12px;
  margin: auto;
  padding: 0;
  font-size: 9px;
  display: flex;
  inset: auto 0 48px;
  transform: none;
}

.project-wrap {
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  text-decoration: none;
}

.project-image-wrapper {
  height: 500px;
  margin-bottom: 32px;
  overflow: hidden;
}

.client-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: nowrap;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 80%;
  margin-bottom: 24px;
  display: grid;
}

.service-type {
  color: #333;
  letter-spacing: 1.5px;
  margin-right: 24px;
  line-height: 24px;
  display: inline;
}

.grey-line {
  background-color: #96a0b5;
  flex: 1;
  height: 1px;
}

.paragraph-grey {
  color: #121f3e;
  margin-bottom: 40px;
  display: none;
}

.link-large {
  color: #ef4323;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: underline;
}

.location-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: nowrap;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 80%;
  margin-bottom: 24px;
  display: block;
}

.effekt-button-container {
  z-index: 0;
  pointer-events: auto;
  cursor: pointer;
  margin-right: 36px;
  text-decoration: none;
  position: relative;
}

.effekt-button-arrow {
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 50% 0% 0% auto;
  transform: translate(-20px, -50%);
}

.effekt-button {
  background-color: #ef4323;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-left: 32px;
  padding-right: 56px;
  display: flex;
  position: relative;
}

.effekt-button-text {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.effekt-arrow-background {
  z-index: -1;
  background-color: #febd12;
  border-radius: 48px;
  width: 48px;
  height: 48px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.button-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 250px;
  padding: 0 .3rem;
  display: flex;
}

.text-up-button {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.875rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
}

.text-up-button.outline {
  color: #f2f8fa;
  background-color: #fff0;
  border: 1px solid #fff;
  height: 50px;
  overflow: hidden;
}

.button-text-item {
  justify-content: center;
  align-items: center;
  min-height: 1.875rem;
  font-weight: 600;
  display: flex;
}

.slider-1-list-wrap {
  color: #fff;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  overflow: hidden;
}

.slider-1-wrap {
  margin-right: 187px;
}

.slider-1-list {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-right: -1rem;
  display: flex;
  position: relative;
}

.slider-1-list-item {
  flex: none;
  width: 32rem;
  padding-right: 1rem;
}

.slider-1-card-wrap {
  color: #fff;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.slider-1-card-body {
  z-index: 1;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  aspect-ratio: 2 / 3;
  white-space: break-spaces;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 520px;
  padding: 1.75rem 1.5rem 2rem;
  display: flex;
  position: relative;
}

.slider-1-card-eyebrow.label-sm.text-colour-d {
  height: 30px;
  font-size: 60px;
}

.slider-1-card-visual {
  z-index: 0;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.image--cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slider-1-card-image-overlay {
  z-index: 1;
  pointer-events: none;
  background-color: #0000001a;
  background-image: linear-gradient(#0000, #0000004d 65%);
  position: absolute;
  inset: 0%;
}

.slider-1-controls {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1.5rem;
  display: flex;
}

.slider-1-arrows {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: row;
  flex: none;
  display: flex;
}

.icon-button {
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  line-height: 0;
  transition: all .2s;
  overflow: hidden;
}

.icon-button-shell.is--md {
  padding: .375rem;
}

.icon-button-container.is--md {
  width: 1rem;
}

.slider-1-pagination {
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-1-pagination-dot {
  outline-offset: -1px;
  text-align: center;
  cursor: pointer;
  border-color: currentColor;
  border-radius: 100vw;
  outline: 1px solid #fff;
  flex: none;
  min-width: 8px;
  min-height: 8px;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.slider-1-pagination-dot.is--active {
  background-color: #fff;
  outline-color: #fff;
}

.section {
  color: #234042;
  background-color: #fffbf2;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.container-2 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.slider-3 {
  background-color: #0000;
  height: auto;
  overflow: hidden;
}

.slider-3.utility-overflow-visible {
  overflow: visible;
}

.utility-width-35 {
  width: 35%;
}

.card {
  box-shadow: none;
  color: #234042;
  background-color: #bbc8cc99;
  background-image: none;
  border: 0 solid #23404233;
  border-radius: 0;
  flex-flow: column;
  list-style-type: none;
  overflow: hidden;
}

.card.ix-card-deck-space {
  z-index: 1;
  flex: none;
  align-self: stretch;
  margin-right: 2rem;
  transition: margin-right .5s cubic-bezier(.68, -.55, .265, 1.55);
}

.card-body {
  z-index: 1;
  flex-flow: column;
  height: 100%;
  padding: 3rem;
  display: flex;
  position: relative;
}

.h4-heading {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.33rem;
  font-weight: 400;
  line-height: 1.3em;
}

.flex-vertical-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.utility-aspect-1x1 {
  aspect-ratio: 1;
  position: relative;
}

.image-3 {
  object-fit: contain;
  border-radius: 0;
  width: 100%;
}

.image-3.cover-image {
  max-height: 500px;
}

.slider-arrow-2 {
  color: color-mix(in srgb, currentColor 70%, transparent);
  background-color: #fffbf2;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  text-decoration: none;
  transition-property: color, background-color;
  transition-duration: .2s, .2s;
  transition-timing-function: ease, ease;
  display: flex;
}

.slider-arrow-2:hover {
  background-color: color-mix(in srgb, currentColor 10%, transparent);
}

.slider-arrow-2.left {
  margin-right: auto;
}

.slider-arrow-2.left.bottom-center {
  margin-right: .5rem;
  inset: auto 50% -4rem auto;
}

.slider-arrow-2.right {
  object-position: 70% 50%;
}

.slider-arrow-2.right.bottom-center {
  margin-left: .5rem;
  inset: auto auto -4rem 50%;
}

.utility-display-none {
  display: none;
}

.project-title {
  font-size: 1.8rem;
}

.link-3 {
  color: #fff;
  text-decoration: none;
}

.link-3:hover {
  color: #ef4324;
}

.form-block {
  width: 100%;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
}

.text-field {
  height: 50px;
  padding: 16px;
}

.contact-information {
  grid-row-gap: 32px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
  font-size: 16px;
}

.link-contact {
  color: #ef4324;
  text-decoration: none;
}

.section04map {
  background-color: #fff9f933;
  overflow: hidden;
}

.maptab {
  padding-top: 420px;
  padding-bottom: 150px;
  position: relative;
}

.maptabmenu {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.maptablink {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33.3333%;
  height: 320px;
  padding: 50px 60px;
  display: flex;
}

.maptablink.w--current {
  background-color: #f2f2f2;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 33.3333%;
  height: 321px;
  padding: 50px 60px;
  display: flex;
}

.boxmaintexten {
  color: #3b3b3b;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.boxmaintexten.white {
  color: #008012;
  margin-top: 0;
  font-size: 20px;
  font-weight: 600;
}

.mapsubtitle {
  color: #000;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 200;
  text-decoration: none;
}

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

.mapareatab {
  background-image: linear-gradient(0deg, #0006, #0003);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: -700px;
  overflow: visible;
}

.map {
  width: 100%;
  height: 100%;
  display: block;
}

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

.breadcrumb {
  margin-bottom: 32px;
  font-size: 19px;
  display: flex;
}

.breadcrumb-title {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 8px;
  margin-right: 6px;
  font-weight: 400;
  line-height: 24px;
}

.grey-span {
  color: #96a0b5;
  margin-left: -8px;
}

.project-heading-wrap {
  max-width: 900px;
  margin-bottom: 48px;
}

.project-image-post {
  height: 600px;
  margin-bottom: 24px;
}

.inner-heading-wrap {
  max-width: 900px;
  margin-top: 48px;
  margin-bottom: 48px;
}

.container-extra-small {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.project-write-up {
  display: none;
}

.photo-album-contain {
  flex: 1;
  width: 100%;
  height: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 0;
}

.lightbox_img-contain {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0%;
  position: static;
}

.photo-album-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  height: auto;
  min-height: 65vh;
}

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

.lightbox-wrap {
  overflow: hidden;
}

.lightbox_wrap {
  z-index: 10;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  overflow: visible;
}

.lightbox_list {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.lightbox-link {
  width: 100%;
  height: 500px;
  transition: all .35s;
  overflow: visible;
}

.lightbox-link:hover {
  box-shadow: 2px 2px 12px 1px #00000017;
}

.project-image-1 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
}

.project-image-2 {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 500px;
  position: relative;
}

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

.project-image-3 {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
}

.project-image-4 {
  object-fit: cover;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 360px;
  position: relative;
}

.progress-album-contain {
  flex: 1;
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 36px;
  padding-left: 0;
  display: block;
}

.progress-album-contain.hide {
  display: none;
}

.wrapper {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-head-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.heading-8 {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: Oswald, sans-serif;
}

.project-gallery {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  overflow: visible;
}

.collection-item {
  object-fit: scale-down;
  flex: 0 25%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.image_wrapper {
  padding-bottom: 0;
  overflow: hidden;
}

.media-icon-2 {
  z-index: 2;
  height: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.gallery-image-embed {
  z-index: 1;
  object-fit: cover;
  padding: 10px;
  position: relative;
}

.project-image-progress {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
}

.section_csr {
  max-width: 1800px;
  margin-top: 116px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-csr {
  width: 100%;
  max-width: 120rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.csr-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/Orange-Lines.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1.75fr .5fr;
  grid-auto-columns: 1fr;
  height: 270px;
  margin: 2.5rem .8rem .5rem;
  display: grid;
}

.col-1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.csr-card {
  background-color: #fff;
  border-radius: 1rem;
  width: 230px;
  padding: .5rem .5rem 1rem;
  position: relative;
  top: 9.5rem;
  left: 6%;
}

.farmer-card_image {
  border-radius: 10px;
  height: 140px;
  margin-bottom: 0;
}

.famer-card_details {
  border-top: 2px #e2e2db;
  border-bottom: 2px solid #e2e2db;
  align-items: center;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.rounded-avatars {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}

.rounded-avatars.small {
  width: 2.5rem;
  height: 2.5rem;
}

.avatars-text {
  margin-left: .5rem;
}

.text-size-16px {
  font-size: 14px;
}

.text-size-16px.text-weight-bold {
  font-weight: 500;
}

.text-size-16px.muted {
  opacity: .8;
}

.text-size-14px {
  font-size: .875rem;
}

.text-size-14px.muted {
  opacity: .8;
}

.text-header-wrapper {
  z-index: 1;
  background-color: #fff;
  border-bottom-left-radius: 20px;
  padding: 2rem .8rem 1rem 1rem;
  display: inline-block;
  position: relative;
}

.text-header-wrapper.top {
  margin-top: 30px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.corner_right {
  background-image: url('../images/right-angle.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: auto;
  right: auto;
}

.corner_right._3 {
  border-top-right-radius: 70px;
  border-bottom-right-radius: 80px;
  width: 100%;
  top: -4px;
}

.corner_right._6 {
  width: 80%;
  margin-left: -19px;
  top: -8px;
  right: 0%;
}

.corner_right._5 {
  border-top-right-radius: 40px;
  width: 220px;
  margin-left: -19px;
  top: -8px;
  right: 0%;
}

.text-header {
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.3rem;
  font-weight: 300;
  line-height: 1.2;
}

.text-header.top {
  letter-spacing: -1px;
  width: 700px;
}

.sub-text-wrapper {
  background-color: #fff;
  border-bottom-left-radius: 20px;
  padding: 1rem;
}

.sub-text-wrapper.blurb {
  border-top-right-radius: 20px;
  width: 630px;
  padding-top: 4.4rem;
  padding-bottom: 2.2rem;
  padding-left: 1.2rem;
  position: relative;
  top: -48px;
  left: 187px;
}

.sub-text-wrapper.stats {
  padding-top: .8rem;
  padding-left: 1.2rem;
  position: relative;
  top: -77px;
}

.text-size-20px {
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-3 {
  position: relative;
}

.content-style-15 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.title-style-9 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.centered-slider-bullet__list {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.centered-slider-bullet {
  background-color: #0000;
  border-radius: 100em;
  width: 2em;
  height: 2em;
  padding: 0;
  position: relative;
}

.centered-slider-bullet:focus {
  outline-offset: 0px;
  border: 1px #000;
  outline: 3px #fcfcfc;
}

.centered-slider-slide__inner {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #eeeeee1a;
  border: 1px solid #efeeec1a;
  border-radius: .75em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21em;
  padding: 1.25em;
  display: flex;
  position: relative;
}

.section-17 {
  color: #234042;
  background-color: #fffbf2;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section-17.padding-240px {
  padding-top: 192px;
  padding-bottom: 192px;
}

.section-17.padding-240px.values {
  background-color: #fff0;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

.container-default {
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.values-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.values-title-wrapper {
  max-width: 95%;
  margin-top: 80px;
}

.subtitle {
  color: #ed5521;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 1.111em;
}

.text-no-wrap {
  white-space: nowrap;
}

.card-value-wrapper {
  position: relative;
}

.card-15 {
  box-shadow: none;
  color: #234042;
  background-color: #bbc8cc99;
  background-image: none;
  border: 0 solid #23404233;
  border-radius: 0;
  flex-flow: column;
  list-style-type: none;
  overflow: hidden;
}

.card-15.value {
  z-index: 1;
  box-shadow: none;
  text-align: center;
  padding: 26px 42px 24px;
  position: relative;
}

.card-15.value.bg-neutral-200 {
  background-color: #f8f8f8;
  height: 100%;
}

.image-4.card-value-icon {
  width: 42px;
  min-width: 50px;
  min-height: 42px;
  max-height: 42px;
}

.paragraph-4 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.paragraph-4.card-value {
  margin-top: 16px;
  margin-bottom: 12px;
  font-family: Spacegrotesk Variablefont Wght, Impact, sans-serif;
}

.bg {
  position: absolute;
}

.bg.card-value-first {
  background-color: #ed5521;
  width: 71%;
  min-height: 74%;
  top: -11px;
  left: -11px;
}

.bg.card-value-last {
  background-color: #ed5521;
  width: 71%;
  min-height: 74%;
  bottom: -11px;
  right: -11px;
}

.div-block-2 {
  background-color: #230457;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 66px;
  min-width: 66px;
  min-height: 66px;
  max-height: 66px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-style-hero {
  grid-column-gap: 10px;
  background-color: #ef4324;
  justify-content: center;
  align-items: center;
  width: 155px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.text-71 {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text-72 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  display: inline;
}

.text-span-12 {
  color: #00b51a;
}

.text-span-16 {
  color: #ef4324;
}

.flex-image-about {
  object-fit: cover;
  object-position: 0% 50%;
  width: 90%;
  height: 100%;
  max-height: 390px;
}

.flex-image-about.service {
  object-fit: cover;
  object-position: 20% 50%;
  max-height: 480px;
}

.flex-image-about.service.right {
  object-position: 70% 50%;
  width: 80%;
}

.flex-image-about.service-point {
  object-position: 20% 50%;
  width: 90%;
  height: 560px;
  max-height: none;
  margin-left: 18px;
}

.flex-image-about.service-point.right {
  object-position: 70% 50%;
}

.flex-image-about._2 {
  width: 100%;
}

.header-feature-grid {
  grid-template-columns: 1fr;
  margin-top: 52px;
  margin-bottom: 52px;
  display: none;
}

.feature-check {
  align-items: center;
  display: flex;
}

.check-circle {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  display: flex;
}

.text-block-7 {
  color: #f3f6fb;
  font-size: 16px;
}

.nav_opener {
  display: none;
}

.button-nav-mobile {
  grid-column-gap: 10px;
  background-color: #ef4324;
  justify-content: center;
  align-items: center;
  width: 185px;
  padding: 14px 51px;
  font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  text-decoration: none;
  display: none;
}

.section-large-projects {
  padding: 160px 3% 100px;
}

.section-large-projects.campany {
  padding-bottom: 120px;
}

@media screen and (min-width: 1280px) {
  .sub-navbar {
    grid-column-gap: 470px;
  }

  .flowout-container {
    padding-left: 80px;
    padding-right: 80px;
  }

  .nav-menu {
    margin-left: 80px;
  }

  .slider---arrow {
    bottom: 6rem;
  }

  .slide-intro {
    max-width: 1060px;
  }

  .slide-heading {
    line-height: 38px;
  }

  .slide-arrow.right {
    right: 8.5vw;
  }

  .slider-1-card-wrap {
    color: #fff;
    text-decoration: none;
  }

  .container-extra-small {
    margin-top: 80px;
  }

  .image_wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .project-image-progress {
    max-height: 340px;
  }
}

@media screen and (min-width: 1440px) {
  .display {
    margin-top: 58px;
    padding-top: 60px;
  }

  .rectangle-4 {
    width: 100%;
  }

  .card-container {
    min-height: 370px;
  }

  .frame-background {
    top: -317px;
    left: 293px;
  }

  .content-style-5 {
    max-width: 1220px;
    left: 6%;
  }

  .logo-2 {
    grid-column-gap: 12px;
    justify-content: center;
    align-items: center;
    height: 30px;
  }

  .v4-2 {
    flex: none;
    height: 40px;
  }

  .group-1 {
    height: 40px;
  }

  .text-26 {
    width: 62%;
  }

  .sub-navbar {
    grid-column-gap: 610px;
  }

  .flex-image.service {
    width: 570px;
  }

  .main-nav {
    padding-left: 6px;
    padding-right: 6px;
  }

  .flowout-hero-heading {
    clear: none;
  }

  .icon-container-alt {
    padding-left: 15px;
    padding-right: 15px;
  }

  .logo-slider._60 {
    object-fit: contain;
    height: 60px;
  }

  .lh-container.content-grid.team {
    max-width: 80%;
  }

  .nav-menu {
    margin-left: 200px;
  }

  .footer-link {
    font-size: 18px;
  }

  .project-wrapper {
    margin-left: 60px;
  }

  .slider-info {
    width: 90%;
  }

  .slide-intro {
    max-width: 1200px;
  }

  .boxmaintexten.white {
    color: #00a518;
    font-size: 20px;
  }

  .mapsubtitle {
    color: #000;
    font-size: 14px;
  }

  .flex-image-about.service {
    width: 570px;
  }
}

@media screen and (min-width: 1920px) {
  .display {
    width: 68%;
  }

  .section-4 {
    background-color: #0c0c0c;
    margin-top: -357px;
  }

  .frame-36 {
    overflow: hidden;
  }

  .v4 {
    z-index: 1;
  }

  .content-style-5 {
    max-width: 1290px;
  }

  .card-4 {
    width: 1720px;
  }

  .footer {
    background-color: #0c0c0c;
    padding-bottom: 60px;
  }

  .text-26 {
    width: 70%;
  }

  .bottombar {
    padding-left: 297px;
    padding-right: 297px;
  }

  .navbar-desktop {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .sub-navbar {
    grid-column-gap: 700px;
    position: relative;
    top: 82px;
  }

  .logo-link {
    width: 10svw;
  }

  .frame-services {
    overflow: hidden;
  }

  .main-nav {
    margin-top: -5px;
  }

  .section-12 {
    margin-bottom: 80px;
  }

  .video {
    height: 720px;
  }

  .text-span-15 {
    color: #ff4d01;
  }

  .div-block {
    height: 160px;
  }

  .marquee-cover-horizontal {
    background-image: linear-gradient(270deg, #fff0 96%, #f8fafb1a), linear-gradient(270deg, #f8fafb1a, #fff0 8%);
  }

  .lh-container.content-grid.team {
    max-width: 70%;
  }

  .nav-menu {
    clear: right;
    flex-flow: row;
    place-content: stretch center;
    margin-left: 600px;
    position: relative;
  }

  .section-projects {
    background-color: #0c0c0c;
  }

  .card-4-copy {
    width: 1720px;
  }

  .project-wrapper {
    margin-left: 0;
  }

  .link-block {
    width: 50.7188px;
  }

  .slider---slide-inner {
    height: 740px;
  }

  .slider---arrow {
    bottom: 4rem;
    left: 16%;
  }

  .slider-info {
    width: 80%;
  }

  .frame-brands {
    overflow: hidden;
  }

  .section-hero {
    font-family: Archivo Variablefont Wdth Wght, Arial, sans-serif;
  }

  .slide-intro {
    z-index: 1;
    margin-left: 16%;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-arrow {
    left: 15.9vw;
  }

  .slide-arrow.right {
    right: 16vw;
  }

  .slider-1-list-wrap {
    overflow: visible;
  }

  .section_csr {
    margin-left: auto;
    margin-right: auto;
  }

  .section-17.padding-240px {
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .header-feature-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .hero-title {
    font-size: 50px;
  }

  .header {
    background-position: 30%;
    background-size: cover;
  }

  .content-style-2 {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .rectangle-4 {
    margin-bottom: 60px;
  }

  .text-7 {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .frame-background {
    max-width: 140%;
    top: -220px;
    left: 10px;
  }

  .frame-36 {
    width: 440px;
  }

  .frame-18 {
    flex-flow: column;
    max-width: 560px;
  }

  .h1-title-white {
    margin-bottom: 26px;
    font-size: 39px;
  }

  .footer {
    padding-bottom: 80px;
  }

  .menu {
    flex-flow: column;
    flex: none;
  }

  .company {
    margin-bottom: 36px;
  }

  .frame-74 {
    flex-flow: column;
  }

  .frame-76 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar-desktop {
    z-index: 5;
  }

  .sub-navbar {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: space-around;
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar {
    justify-content: space-between;
  }

  .menu-7 {
    display: none;
  }

  .section-5 {
    padding-left: 28px;
    padding-right: 28px;
  }

  .section-contact {
    flex-flow: column;
  }

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

  .flowout-hero-content {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 56px;
  }

  .flowout-hero-heading {
    margin-bottom: 20px;
  }

  .flowout-hero-cta {
    margin-left: 0;
  }

  .section-large {
    padding-bottom: 250px;
  }

  .project-container {
    flex-direction: column;
    display: block;
  }

  .paragraph-3.full {
    margin-top: -20px;
  }

  .teaser-grid {
    flex-direction: column;
  }

  .teaser-column {
    width: 100%;
  }

  .teaser-copy-wrap {
    flex-direction: column;
    height: auto;
  }

  .teaser-copy-wrap.main {
    height: 2000px;
  }

  .teaser-copy-wrap._1 {
    height: 2220px;
  }

  .teaser-copy-wrap._2 {
    height: 2240px;
  }

  .teaser-copy-wrap._3 {
    height: 2220px;
    margin-bottom: 360px;
  }

  .teaser-copy-wrap._4 {
    height: 2390px;
  }

  .teaser-copy-wrap._5 {
    height: 2000px;
    margin-bottom: 376px;
  }

  .teaser-copy-wrap._6 {
    height: 2200px;
    margin-bottom: 157px;
  }

  .teaser-copy-wrap._7 {
    height: 2470px;
  }

  .teaser-img-tablet-down {
    display: block;
  }

  .teaser-img {
    height: 100%;
    position: relative;
    inset: auto;
  }

  .teaser-copy {
    margin-top: 8em;
    margin-bottom: 5em;
  }

  .title-2.card-value {
    margin-bottom: 10px;
  }

  .company-column {
    max-width: none;
  }

  .p-teaser-img-wrap {
    display: none;
  }

  .sister-company-grid {
    grid-template-columns: 1fr 1fr;
  }

  .company-image-large {
    height: 380px;
  }

  .service-short-description {
    margin-bottom: 32px;
  }

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

  .project-collection-list {
    grid-column-gap: 42px;
  }

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

  .button-nav {
    display: none;
  }

  .team-wrapper {
    align-items: start;
  }

  .swiper-slide.mod--team {
    height: 24.9rem;
  }

  .overflow-hidden.mod--team, .img.mod--team {
    height: 16rem;
  }

  .nav-menu {
    filter: blur();
    background-color: #f8fafb;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .nav-link-dropdown {
    display: block;
  }

  .dropdown-toggle {
    padding-left: 0;
  }

  .text-block-8, .bold-text-5 {
    color: #121f3e;
  }

  .hero-title-center {
    font-size: 50px;
  }

  .flex-box {
    grid-template-columns: 1fr;
  }

  .section-blog {
    padding-left: 28px;
    padding-right: 28px;
  }

  .slider, .slider-background-wrapper {
    width: 100%;
  }

  .slide-intro {
    width: 84%;
    max-width: 850px;
  }

  .slide-heading {
    font-size: 28px;
  }

  .slide-arrow {
    bottom: 36px;
    left: 7vw;
  }

  .slide-arrow.right {
    right: 7vw;
  }

  .slide-nav {
    bottom: 36px;
  }

  .project-image-wrapper {
    height: 350px;
  }

  .effekt-button-container {
    transform: scale(.8);
  }

  .slider-1-list-wrap {
    overflow: visible;
  }

  .slider-1-list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    display: flex;
  }

  .slider-1-list-item {
    flex-flow: row;
    padding-right: 1rem;
    display: flex;
  }

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

  .card-body {
    padding: 2rem;
  }

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

  .grey-span {
    margin-left: -6px;
  }

  .photo-album-contain {
    padding-left: 40px;
  }

  .photo-album-grid {
    min-height: auto;
  }

  .progress-album-contain {
    padding-left: 40px;
  }

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

  .csr-bg {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: .5fr;
    height: 100%;
    padding: 1.5rem;
    display: flex;
  }

  .col-1 {
    order: 1;
  }

  .csr-card {
    top: auto;
    left: 0%;
  }

  .text-header-wrapper {
    border-radius: 20px;
    margin-bottom: 1.5rem;
    display: block;
  }

  .corner_right {
    display: none;
  }

  .text-header.top {
    width: auto;
    font-size: 3.8rem;
  }

  .sub-text-wrapper {
    margin-bottom: 1.5rem;
  }

  .sub-text-wrapper.blurb {
    border-radius: 20px;
    width: auto;
    padding-top: 2.2rem;
    position: static;
    left: 0;
  }

  .sub-text-wrapper.stats {
    border-radius: 20px;
    padding-top: 1rem;
    display: none;
    position: static;
    top: auto;
    left: auto;
  }

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

  .section-17.padding-240px {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .container-default {
    flex-direction: column;
    align-items: stretch;
  }

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

  .subtitle, .paragraph-4.card-value {
    margin-bottom: 10px;
  }

  .nav_opener {
    z-index: 1;
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    display: flex;
    position: relative;
  }

  .nav_opener-line {
    background-color: #ef4324;
    flex: none;
    width: 1.75rem;
    height: 1.5px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .button-nav-mobile {
    display: flex;
  }

  .menu-button {
    border-radius: 8px;
  }

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

  .icon-2 {
    color: #ef4324;
  }

  .section-large-projects {
    padding-bottom: 250px;
  }
}

@media screen and (max-width: 767px) {
  .hero-title {
    font-size: 37px;
  }

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

  .rectangle-4 {
    margin-bottom: 60px;
  }

  .heading-title {
    font-size: 37px;
  }

  .section-2 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .h1-title {
    font-size: 37px;
  }

  .card-container {
    height: 490px;
  }

  .card-text-wrapper {
    height: auto;
  }

  .section-3 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .frame-background {
    left: -150px;
  }

  .frame-18 {
    max-width: 420px;
  }

  .h1-title-white {
    font-size: 28px;
  }

  .card-6 {
    grid-column-gap: 23px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section-contact {
    flex-flow: column;
  }

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

  .hero-about {
    height: 60vh;
    padding-top: 180px;
  }

  .section-grid {
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .flowout-hero {
    height: auto;
  }

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

  .flowout-hero-content {
    margin-top: 112px;
    margin-bottom: 56px;
  }

  .flowout-hero-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .paragraph-3.full {
    margin-top: 0;
  }

  .teaser-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .teaser-copy-wrap.main, .teaser-copy-wrap._1 {
    height: 2100px;
  }

  .teaser-copy-wrap._2 {
    height: 2240px;
    margin-top: 200px;
  }

  .teaser-copy-wrap._3 {
    height: 1840px;
    margin-top: 200px;
  }

  .teaser-copy-wrap._4 {
    height: 2240px;
    margin-top: 200px;
  }

  .teaser-copy-wrap._5 {
    height: 1740px;
    margin-top: 200px;
  }

  .teaser-copy {
    padding-right: 0%;
  }

  .statement-point {
    max-height: 300px;
  }

  .title-2.card-value {
    margin-bottom: 6px;
  }

  .paragraph-large {
    position: relative;
  }

  .sister-company-grid {
    grid-template-columns: 1fr;
  }

  .company-image-large {
    height: 300px;
  }

  .services-text-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }

  .heading-wrap-large {
    margin-bottom: 40px;
  }

  .tabs-menu {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    overflow: auto;
  }

  .tab-link-category {
    margin-bottom: 0;
  }

  .project-collection-list {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .flex-horizontal.flip-svp {
    flex-direction: column;
  }

  .marquee-cover-horizontal {
    background-image: linear-gradient(273deg, #fff0 91%, #f8fafb), linear-gradient(to right, #f8fafb, #fff0 7%);
  }

  .lh-container.content-grid, .lh-container.content-grid.team {
    grid-row-gap: 40px;
  }

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

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

  .hero-title-center, .h2-title {
    font-size: 37px;
  }

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

  .grid---cell.x-mob {
    display: none;
  }

  .slider---arrow {
    bottom: 81%;
    left: 2rem;
  }

  .slide-intro {
    max-width: 470px;
  }

  .project-image-wrapper {
    height: 460px;
  }

  .client-wrap, .location-wrap {
    max-width: 100%;
  }

  .slider-1-list-item {
    width: 22rem;
  }

  .slider-1-card-body {
    aspect-ratio: 1;
    height: 100%;
  }

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

  .card-body {
    padding: 1.5rem;
  }

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

  .slider-arrow-2 {
    height: 40px;
    inset: 0%;
  }

  .breadcrumb {
    flex-wrap: wrap;
  }

  .grey-span {
    margin-left: -3px;
  }

  .project-image-post {
    height: 450px;
  }

  .photo-album-contain {
    padding-left: 0;
  }

  .top-row {
    grid-template-columns: 1fr;
  }

  .progress-album-contain {
    padding-left: 0;
  }

  .collection-list-wrapper-3 {
    margin-top: 60px;
  }

  .project-gallery {
    grid-template-columns: 1fr 1fr;
  }

  .collection-item {
    flex-basis: 50%;
    padding-bottom: 50%;
  }

  .text-header {
    font-size: 3.5rem;
  }

  .text-header.top {
    font-size: 2.6rem;
  }

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

  .section-17.padding-240px {
    padding-top: 133px;
    padding-bottom: 133px;
  }

  .values-grid {
    grid-template-columns: 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .values-title-wrapper {
    text-align: center;
    max-width: 360px;
    margin: 0 auto 50px;
  }

  .card-15.value {
    padding: 40px 35px 43px;
  }

  .card-value-content {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-4.card-value {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 479px) {
  .header-style {
    height: 640px;
    padding: 139px 16px 0;
  }

  .content-style.right-padding {
    width: 90%;
  }

  .hero-title {
    font-size: 27px;
  }

  .button-style-outline-white.hero {
    left: 0;
  }

  .section-1 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-title {
    font-size: 27px;
  }

  .paragraph-text, .paragraph-text._16 {
    font-size: 14px;
  }

  .text-7 {
    place-items: start stretch;
  }

  .number-point-text {
    font-size: 24px;
  }

  .section-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .h1-title {
    font-size: 27px;
  }

  .card-wrapper {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .card-container {
    height: 100%;
    min-height: 0;
    margin-bottom: 8px;
  }

  .icon-graphic {
    height: 100%;
  }

  .section-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bold-point {
    font-size: 14px;
  }

  .frame-background {
    max-width: 180%;
    top: -145px;
    left: -138px;
  }

  .frame-36 {
    width: 230px;
  }

  .content-style-5 {
    margin-left: 2%;
  }

  .frame-18 {
    max-width: 270px;
  }

  .h1-title-white {
    font-size: 19px;
  }

  .pararagph-3 {
    max-width: 280px;
  }

  .paragraph-text-white {
    font-size: 13px;
  }

  .menu {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-22 {
    flex-flow: column;
  }

  .text-26 {
    flex: none;
  }

  .bottombar {
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .items {
    width: 100%;
    margin-top: 26px;
  }

  .sub-navbar {
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .information {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .navbar {
    padding-left: 18px;
    padding-right: 18px;
  }

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

  .loading__numbers {
    bottom: .6em;
  }

  .form-style {
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-style-2 {
    grid-column-gap: 16px;
    grid-row-gap: 21px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .form-style-3 {
    flex-flow: column;
  }

  .section-contact {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-paragraph-white-center {
    display: none;
  }

  .section-7 {
    padding: 60px 12px;
  }

  .text-43 {
    font-size: 40px;
  }

  .rectangle-13 {
    min-height: 220px;
  }

  .section-8 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .content-style-9 {
    justify-content: center;
    align-items: center;
    margin-right: 0;
  }

  .centered-slider-group {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .centered-slider-row {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .centered-slider-slide {
    width: 85vw;
  }

  .centered-slider-slide.first {
    margin-left: 280px;
  }

  .hero-about {
    height: 50vh;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .flex-image {
    width: 100%;
  }

  .flex-image.service.right {
    max-height: 320px;
  }

  .hero-process {
    height: 400px;
  }

  .section-grid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flowout-header.group-of-companies {
    background-size: auto, contain;
    height: 90vh;
  }

  .flowout-hero {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    overflow: hidden;
  }

  .flowout-hero-wrapper {
    height: auto;
    margin-top: auto;
  }

  .flowout-container {
    flex-direction: row;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    max-width: 100vh;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .flowout-hero-content {
    margin-top: auto;
    margin-bottom: 56px;
  }

  .flowout-hero-heading.group {
    max-width: 240px;
    font-size: 40px;
    overflow: visible;
  }

  .flowout-hero-cta {
    max-width: none;
  }

  .section-large.campany {
    padding-bottom: 116px;
  }

  .teaser-copy-wrap._1 {
    height: 2010px;
  }

  .teaser-copy-wrap._2 {
    height: 1790px;
    margin-top: 60px;
  }

  .teaser-copy-wrap._3 {
    height: 2600px;
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .teaser-copy-wrap._4 {
    height: 2230px;
    margin-top: 0;
    margin-bottom: 60px;
  }

  .teaser-copy-wrap._5 {
    height: 2790px;
    margin-top: 60px;
    margin-bottom: 0;
  }

  .teaser-copy-wrap._6 {
    height: 1890px;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }

  .teaser-copy-wrap._7 {
    height: 2730px;
    margin-top: 170px;
  }

  .teaser-copy {
    height: 100%;
  }

  .grid-2 {
    flex-direction: column;
  }

  .group-company_image._1 {
    width: 200px;
    left: -35%;
    right: auto;
  }

  .group-company_image._2 {
    left: 0;
  }

  .group-company_image._3 {
    width: 90%;
    left: -26px;
    right: auto;
  }

  .group-company_image._4 {
    width: 70%;
    left: -87px;
    right: auto;
  }

  .group-company_image._5, .group-company_image._6 {
    width: 250px;
    left: -25%;
    right: auto;
  }

  .group-company_image._7, .group-company_image._8 {
    clear: left;
    left: 0;
    right: auto;
  }

  .statement-point {
    height: auto;
    max-height: none;
  }

  .company-information {
    grid-template-columns: 1fr;
  }

  .company-image-large {
    height: 220px;
  }

  .services-text-wrap {
    padding: 20px;
  }

  .heading-wrap-large {
    margin-bottom: 40px;
  }

  .tabs-menu {
    grid-template-columns: 1fr 1fr;
  }

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

  .seepacs-icon {
    flex: none;
    width: 30px;
    height: 100%;
  }

  .logo-name {
    flex: none;
    width: 100px;
    height: 100%;
    padding-top: 0;
    top: 0;
    overflow: visible;
  }

  .flex-horizontal {
    margin-top: 15px;
  }

  .marquee-horizontal-large {
    height: 130px;
  }

  .icon-container-alt {
    width: 200px;
    height: 100px;
  }

  .spacer-10._15-xsvp {
    height: 15px;
  }

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

  .swiper-slide.mod--team {
    height: 22rem;
  }

  .img.mod--team {
    height: 19rem;
  }

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

  .hero-title-center {
    font-size: 27px;
  }

  .project-wrapper {
    margin-left: 20px;
  }

  .h2-title {
    font-size: 27px;
  }

  .brand-logo {
    width: 70%;
  }

  .slide-heading {
    line-height: 42px;
  }

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

  .project-image-wrapper {
    height: 330px;
  }

  .client-wrap, .location-wrap {
    max-width: 80%;
  }

  .effekt-button-container {
    transform: scale(.7);
  }

  .slider-1-list-item {
    width: 17rem;
    height: 17rem;
  }

  .slider-1-card-body {
    aspect-ratio: 1;
  }

  .slider-1-card-eyebrow.label-sm.text-colour-d {
    height: 30px;
  }

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

  .card-body {
    padding: 1.5rem;
  }

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

  .project-title {
    font-size: 1.2rem;
  }

  .project-location {
    margin-top: 0;
    font-size: 15px;
  }

  .contact-information {
    grid-template-columns: 1fr;
  }

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

  .maptab {
    padding-top: 400px;
    padding-bottom: 0;
  }

  .maptabmenu {
    flex-direction: column;
    width: 100%;
  }

  .maptablink {
    width: 100%;
    height: 250px;
    padding: 0 30px;
  }

  .maptablink.w--current {
    width: 100%;
    height: 300px;
    padding: 0 30px;
  }

  .boxmaintexten.white {
    color: #1a428a;
    font-size: 14px;
  }

  .mapsubtitle {
    margin-top: 20px;
    font-size: 12px;
    display: block;
  }

  .mapareatab {
    flex-direction: column;
    height: 400px;
    margin-bottom: 0;
    top: -1000px;
  }

  .map {
    height: 100%;
  }

  .grey-span {
    margin-left: 0;
  }

  .project-image-post {
    height: 400px;
  }

  .photo-album-contain {
    margin-bottom: 600px;
  }

  .photo-album-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: 400px;
  }

  .top-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .lightbox-link {
    background-position: 90%;
  }

  .bottom-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .progress-album-contain {
    margin-top: 100px;
  }

  .wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .project-gallery {
    grid-template-columns: 1fr;
  }

  .collection-item {
    padding-bottom: 10%;
  }

  .csr-card {
    width: auto;
  }

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

  .corner_right._3 {
    width: 90%;
    left: -26px;
    right: auto;
  }

  .corner_right._6, .corner_right._5 {
    width: 250px;
    left: -25%;
    right: auto;
  }

  .text-header {
    font-size: 2.8rem;
  }

  .text-header.top {
    font-size: 1.2rem;
  }

  .sub-text-wrapper.stats {
    padding: .5rem;
  }

  .text-size-20px {
    font-size: 1rem;
  }

  .centered-slider-slide__inner {
    width: 100%;
  }

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

  .section-17.padding-240px {
    padding-top: 111px;
    padding-bottom: 111px;
  }

  .container-default {
    padding-left: 0;
  }

  .values-title-wrapper {
    max-width: 300px;
    margin-bottom: 40px;
  }

  .subtitle {
    margin-bottom: 8px;
  }

  .card-15.value {
    padding: 33px 25px 36px;
  }

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

  .flex-image-about.service.right {
    max-height: 320px;
  }

  .feature-check {
    display: flex;
  }

  .section-large-projects {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .section-large-projects.campany {
    padding-bottom: 116px;
  }

  .column-2 {
    margin-top: 30px;
  }
}

#w-node-_456c297f-bb1d-072d-78c6-3ba31d1a980b-1d1a97eb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_36f59ef7-22bd-972a-381b-0efc770f11c2-5841b90e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c3033bf1-d8c8-a846-7699-6054afaf51e2-1bf52081, #w-node-_359354a0-ff5c-adce-a91e-d454c962c2b0-1bf52081, #w-node-f2c64a2e-613d-14ea-52b0-b1768516732c-1bf52081, #w-node-ee82ea65-84b2-199d-116d-eac86784df86-1bf52081 {
  place-self: center;
}

#w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87893-e487e954 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_220a9f6b-3bdb-fdd9-219c-630e18b878a9-e487e954 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_220a9f6b-3bdb-fdd9-219c-630e18b878b5-e487e954 {
  justify-self: auto;
}

#w-node-_220a9f6b-3bdb-fdd9-219c-630e18b878d0-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87912-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87953-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87968-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87996-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b879aa-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b879ef-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a0a-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a61-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a9b-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87ab4-e487e954 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5b3c8bb5-b1c0-2bd8-1c85-9a87decdf1a4-5426dc90, #w-node-_452e20ca-b049-4593-1aaa-663babd9be8f-5426dc90, #w-node-_034bd21d-b193-58c0-2999-8c799cc0f261-5426dc90, #w-node-_8908f15e-947c-e9b4-07e9-366dd99ab34f-5426dc90, #w-node-_929e6e6f-aa0a-3b92-5cc2-2bab46c24fd5-5426dc90, #w-node-a042a5ed-c0e1-acbe-b602-c0618af8e9ec-5426dc90, #w-node-_371bea66-e6d6-00e4-7ef9-6ab2e6050576-5426dc90, #w-node-ac4e66a7-8f51-2297-c8c7-45e499a8e1ca-5426dc90, #w-node-_7e853440-bdea-0460-7103-ee62c25853c4-5426dc90, #w-node-_74eb8e7d-61a4-d7a8-d9b3-3c2bd74cd711-5426dc90, #w-node-_49635ca3-5d5e-cf9c-8568-710448a56190-5426dc90, #w-node-_9e99fc5a-0695-e1af-c0ef-49cf621690ab-5426dc90, #w-node-_8400550f-fe54-2879-cec6-4cbaaed6c552-5426dc90, #w-node-f1ee04c2-2722-58ad-6a56-53e0a433d236-5426dc90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-c3033bf1-d8c8-a846-7699-6054afaf51e2-1bf52081 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_3f765784-891c-6792-fc18-86581fffc39c-7f8032d0 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3f765784-891c-6792-fc18-86581fffc39c-7f8032d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_36f59ef7-22bd-972a-381b-0efc770f11cb-5841b90e, #w-node-_36f59ef7-22bd-972a-381b-0efc770f11d1-5841b90e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3288448b-354a-2a4e-7c9a-a79af12c155b-7f8032d0 {
    align-self: center;
  }

  #w-node-_048ee41a-e71c-a4fa-27d5-37dc094de26c-7f8032d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b8789d-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b878a3-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b878d5-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b878db-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b8791b-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87921-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b8795c-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87962-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b8799d-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b879a3-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b879b1-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b879b7-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b879f8-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a00-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a13-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a19-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a6a-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87a70-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87aa4-e487e954, #w-node-_220a9f6b-3bdb-fdd9-219c-630e18b87aae-e487e954 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Spacegrotesk Variablefont Wght';
  src: url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Archivo Variablefont Wdth Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Archivo Variablefont Wdth Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}