@font-face {
  font-family: Sf pro display;
  src: url('../fonts/SF-Pro-Display-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf pro display;
  src: url('../fonts/SF-Pro-Display-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf pro display;
  src: url('../fonts/SF-Pro-Display-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf pro display;
  src: url('../fonts/SF-Pro-Display-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf pro display;
  src: url('../fonts/SF-Pro-Display-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf pro display;
  src: url('../fonts/SF-Pro-Display-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --heading: #22252b;
  --crimson: #d62528;
  --white-smoke: #f7f7f7;
  --body-font: #636363;
  --light-grey: #d2d3d5;
}

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

.body {
  color: var(--heading);
  font-family: Sf pro display, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.hero-section {
  object-fit: fill;
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/hero-baurekon.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 750px;
  display: flex;
}

.navbar {
  background-color: #00000059;
  border-bottom: 1px solid #5e5e5d;
  height: 110px;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right-width: 1px;
  border-right-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 300px) 1fr minmax(200px, 300px);
  height: 100%;
}

.navbar-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.navbar-item.border {
  border-left: 1px solid #5e5e5d;
  border-right: 1px solid #5e5e5d;
  justify-content: flex-end;
  padding-right: 60px;
}

.navbar-phone-link {
  color: #fff;
  background-image: url('../images/navbar-phone-icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 42px;
  align-items: center;
  height: 46px;
  padding-left: 60px;
  font-family: Fontfabric mont;
  font-size: 1.3333rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.navbar-phone-link.mobile {
  display: none;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  height: 100%;
  margin-left: 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: .8333rem;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

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

.nav-link.first-child {
  margin-left: 0;
}

.nav-link.dropdown {
  padding-right: 25px;
}

.nav-link.mobile {
  display: none;
}

.nav-menu {
  align-items: center;
  height: 100%;
  display: flex;
}

.container {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
}

.intro-hero-content-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.intro-hero-content-container.page {
  padding-top: 140px;
}

.above-heading-text {
  color: var(--heading);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: .7778rem;
  font-weight: 600;
  line-height: 1;
}

.above-heading-text.hero, .above-heading-text.white {
  color: #fff;
}

.h1 {
  color: var(--heading);
  font-family: Montserrat, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.h1.hero {
  color: #fff;
  margin-bottom: 40px;
}

.button-container {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 55px;
  display: flex;
  position: relative;
}

.button-container.border {
  border: 2px solid #fff;
}

.button-container.border.margin-left_10 {
  margin-left: 10px;
}

.button-container.margin-right_10 {
  margin-right: 10px;
}

.button-background {
  background-color: var(--crimson);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-size: .8889rem;
  font-weight: 700;
  display: flex;
}

.button-background.transparent {
  background-color: #d6252800;
}

.button-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: .8889rem;
  font-weight: 600;
  position: absolute;
}

.intro-hero-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.benefit-section {
  width: 100%;
  min-height: 200px;
}

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

.benefit-item {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 60px;
  display: flex;
}

.benefit-item.black {
  background-color: var(--heading);
}

.benefit-item.red {
  background-color: var(--crimson);
}

.benefit-item.white {
  background-color: var(--white-smoke);
  color: var(--heading);
}

.benefit-inner-container {
  color: #fff;
  width: 100%;
  max-width: 345px;
}

.benefit-number {
  color: var(--body-font);
  margin-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 1.7778rem;
  font-weight: 700;
  line-height: 1;
}

.benefit-number.red {
  color: var(--crimson);
  font-family: Montserrat, sans-serif;
}

.benefit-number.white {
  color: #fff;
}

.h2-benefit {
  color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 1.3333rem;
  line-height: 1.1;
}

.h2-benefit.black, .text-block-2 {
  color: var(--heading);
}

.section {
  color: var(--heading);
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section.testimonials {
  background-color: var(--white-smoke);
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer {
  background-color: var(--heading);
  color: #d2d3d5;
  background-image: url('../images/bgc-black.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 50px;
}

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

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

.footer-social-wrapper {
  align-items: center;
  margin-top: 24px;
  display: none;
}

.social-bg {
  background-color: #282c33;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  display: flex;
}

.footer-header-line {
  background-color: var(--crimson);
  width: 60px;
  height: 2px;
}

.h3-footer {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.footer-link {
  color: var(--light-grey);
  margin-top: 10px;
  text-decoration: none;
  display: block;
}

.footer-link:hover, .footer-link.w--current {
  text-decoration: underline;
}

.footer-contact-wrapp {
  background-image: url('../images/place-baurekon.svg');
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 36px;
  display: flex;
}

.footer-contact-wrapp.phone {
  background-image: url('../images/phone-baurekon.svg');
  margin-top: 20px;
}

.footer-contact-wrapp.email {
  background-image: url('../images/email-baurekon.svg');
  background-position: 0 4px;
  margin-top: 20px;
}

.footer-contact-link {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.footer-contact-link:hover {
  text-decoration: underline;
}

.copyright {
  color: #97999f;
  border-top: 1px solid #3c414c;
  justify-content: space-between;
  margin-top: 50px;
  padding-top: 15px;
  font-weight: 300;
  display: flex;
}

.copyright-link-container {
  align-items: center;
  display: flex;
}

.link {
  color: #97999f;
  margin-right: 30px;
  text-decoration: none;
}

.link.hiden {
  display: none;
}

.about-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  position: relative;
}

.about-item.title {
  border-right: 7px solid var(--crimson);
  text-align: right;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 30px;
}

.h2 {
  color: var(--heading);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.3333rem;
  font-weight: 700;
  line-height: 1.1;
}

.h2.white {
  color: #fff;
  margin-top: 0;
  display: flex;
}

.h2.about {
  margin-top: 0;
}

.project-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.project-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 380px;
  display: flex;
}

.project-item.title {
  background-color: var(--crimson);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
}

.inner-project-container {
  border-width: 1px;
  border-color: var(--crimson);
  border-radius: 11px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 310px;
  display: flex;
}

.link-block {
  cursor: pointer;
  object-fit: fill;
  display: flex;
  position: relative;
}

.portfolio-img {
  object-fit: cover;
  transition: transform .4s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
  position: relative;
  overflow: visible;
}

.portfolio-hover {
  text-align: center;
  background-color: #0000;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.portfolio-hover-box {
  opacity: 0;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  padding: 21px 31px;
  transition: all .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-hover-box:hover {
  opacity: 1;
}

.h3 {
  color: var(--heading);
  text-transform: none;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.3333rem;
  line-height: 1.1;
}

.h3.white {
  color: #fff;
}

.h3.contact {
  font-size: 1.1111rem;
}

.italic {
  color: #fff;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 300;
}

.service-grid {
  grid-column-gap: 0px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  width: 100%;
  max-width: 1920px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.service-grid.margin-top_0 {
  margin-top: 0;
}

.service-description-container {
  width: 100%;
  max-width: 650px;
  padding-left: 25px;
  padding-right: 100px;
}

.service-description-container.revers {
  padding-left: 100px;
  padding-right: 25px;
}

.margin-top_30 {
  margin-top: 30px;
  margin-bottom: 0;
}

.margin-top_20 {
  margin-top: 20px;
  margin-bottom: 0;
  display: block;
}

.margin-top_20.hidden {
  display: none;
}

.text-button-wrapper {
  margin-top: 30px;
  font-family: Montserrat, sans-serif;
  font-size: .8333rem;
  font-weight: 600;
}

.service-text-link {
  color: #f15944;
  text-transform: uppercase;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.project-link {
  color: var(--crimson);
}

.red-arrow {
  margin-left: 10px;
}

.testimonials-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  margin-left: auto;
  margin-right: auto;
}

.reference-item.title {
  border-right: 7px solid var(--crimson);
  text-align: right;
  padding-top: 20px;
  padding-right: 30px;
}

.slider-container {
  object-fit: fill;
  height: 100%;
  margin-top: 10px;
  padding-top: 50px;
  padding-bottom: 10px;
  position: relative;
}

.right-arrow {
  background-color: var(--white-smoke);
  display: block;
}

.left-arrow {
  display: none;
}

.slide-nav {
  justify-content: flex-start;
  padding-top: 0;
  display: none;
  position: absolute;
  inset: auto auto -50% 0%;
}

.slider {
  background-color: #fff0;
  height: auto;
}

.testimonial-name {
  color: var(--heading);
  text-transform: uppercase;
  margin-top: 30px;
  font-family: Montserrat, sans-serif;
  font-size: .8333rem;
  font-weight: 700;
  line-height: 1;
}

.testimonial-text {
  max-width: 90%;
  margin-bottom: 0;
  font-family: Bitter, serif;
  font-size: 1.1rem;
  font-style: italic;
}

.quotation-marks {
  opacity: .24;
  position: absolute;
  inset: 0% auto auto 0%;
}

.slider-arrow {
  color: #00000026;
}

.intro-background {
  z-index: -1;
  opacity: .9;
  background-image: url('../images/bcg-plus.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto;
  width: 100%;
  height: 190px;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-page {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/hero-page.png');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 350px;
  display: flex;
}

.contact-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 30px;
}

.address-wrapper {
  background-image: url('../images/home.svg');
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: auto 17px;
  padding-left: 34px;
}

.phone-wrapper {
  background-image: url('../images/phone-red.svg');
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: auto 19px;
  margin-top: 10px;
  padding-left: 34px;
}

.contact-link {
  color: var(--heading);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}

.contact-link:hover {
  text-decoration: underline;
}

.phone-name {
  margin-top: -5px;
  font-style: normal;
  font-weight: 400;
}

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

.tab-link-tab-1 {
  background-color: #fff;
  background-image: url('../images/place-red.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto 23px;
  margin-top: 10px;
  padding: 0 0 0 34px;
}

.tab-link-tab-1.w--current {
  background-color: #fff;
  margin-top: 10px;
  padding: 0 0 0 34px;
  text-decoration: underline;
}

.tab-link-tab-2 {
  background-color: #fff;
  background-image: url('../images/place-red.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto 23px;
  margin-top: 10px;
  padding: 0 0 0 34px;
}

.tab-link-tab-2.w--current {
  background-color: #fff;
  background-image: url('../images/place-red.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto 23px;
  margin-top: 10px;
  text-decoration: underline;
}

.tab-link-tab-3 {
  background-color: #fff;
  background-image: url('../images/place-red.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto 23px;
  margin-top: 10px;
  padding: 0 0 0 34px;
  text-decoration: none;
}

.tab-link-tab-3.w--current {
  background-color: #fff;
  text-decoration: underline;
}

.tabs-content {
  width: 100%;
  max-width: 1250px;
  margin-top: 20px;
}

.cooperation-section {
  background-color: var(--white-smoke);
  color: var(--white-smoke);
  margin-bottom: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.cooperation-grid {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.cooperation-item {
  opacity: .4;
}

.about-image-grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.img-wrapper {
  object-fit: cover;
}

.about-img-brick {
  height: 100%;
}

.history-section {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson)), url('../images/bgc-black.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 50px;
  padding-bottom: 50px;
}

.history-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.history-item {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.history-number {
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

.history-number-slim {
  font-size: 3.5rem;
  font-weight: 400;
}

.history-header-text {
  color: var(--white-smoke);
  margin-top: -10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
}

.history-span-text {
  color: var(--light-grey);
  font-family: Montserrat, sans-serif;
  font-size: 1.2222rem;
  font-weight: 500;
  line-height: 1.25;
}

.perex {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 1.2222rem;
}

.paragraph {
  font-size: 1.3333rem;
}

.dropdown {
  height: 100%;
}

.icon {
  margin-right: 0;
}

.drop-link {
  height: 100%;
}

.dropdown-link {
  color: var(--heading);
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 30px;
  font-family: Montserrat, sans-serif;
  font-size: .7778rem;
  font-weight: 600;
  transition: all .4s;
}

.dropdown-link:hover {
  color: var(--crimson);
  background-color: #f7f7f7;
}

.dropdown-link.w--current {
  color: var(--crimson);
}

.dropdown-link.last-child {
  border-bottom-style: none;
}

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

.dropdown-list.w--open {
  background-color: #fff;
}

.button-container-copy {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 55px;
  display: none;
  position: relative;
}

.menu-button {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.address-mobile-grid {
  display: none;
}

.tabs-menu-2 {
  border-bottom: 1px solid #d8d8d8;
  margin-top: 0;
  margin-bottom: 30px;
  display: flex;
}

.bleriot {
  color: #1f1d294d;
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom: 2px #fff0;
  padding-top: 24px;
  padding-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  top: 2px;
}

.bleriot:hover {
  color: #1f1d29;
}

.bleriot.w--current {
  color: #1f1d29;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-bottom: 2px solid #fff;
}

.tabs-realization {
  margin-top: 100px;
}

.tabs-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 30px;
}

.image, .image-2 {
  object-fit: cover;
  height: 100%;
}

.lightbox-link {
  height: 220px;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-4, .image-5, .image-6, .image-7 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hostoun {
  color: #1f1d294d;
  background-color: #fff;
  padding-top: 24px;
  padding-bottom: 16px;
  top: 2px;
}

.hostoun:hover {
  color: var(--heading);
}

.hostoun.w--current {
  color: var(--heading);
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-bottom: 2px solid #fff;
  top: 2px;
}

.ve-struh-ch.w--current {
  background-color: #fff;
  padding-top: 24px;
  padding-bottom: 16px;
  top: 2px;
}

.tab-link {
  color: #22252b66;
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom-color: #d8d8d8;
  padding-top: 24px;
  padding-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1;
  top: 1px;
}

.tab-link:hover {
  color: var(--heading);
}

.tab-link.w--current {
  color: var(--heading);
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-bottom-color: #fff;
  top: 1px;
}

.tab-link.hostoun {
  border-bottom: 1px solid #d8d8d8;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link.hostoun.w--current {
  border-bottom-style: none;
}

.tab-link.bleriot {
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link.podbaba {
  border-bottom: 1px solid #d8d8d8;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link.podbaba.w--current {
  border-bottom-style: none;
}

.tab-link.kristian {
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link.kristian.w--current {
  border-bottom-style: none;
}

.cookie-code {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.tab-link-kubovka {
  display: inline;
}

.tab-link-kubovka.w--current {
  text-align: center;
  object-fit: fill;
  background-color: #0000;
  padding: 24px 10px 16px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  display: block;
  top: auto;
  overflow: visible;
}

.text-block-8 {
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1;
}

.image-8, .image-9, .image-10, .image-11, .image-12, .image-13 {
  padding: 10px;
}

.text-block-9 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .navbar-grid {
    background-color: var(--heading);
  }

  .navbar-item.border {
    border-left-style: none;
    border-right-style: none;
  }

  .navbar-item.hiden {
    display: none;
  }

  .navbar-phone-link.mobile {
    justify-content: center;
    width: 200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-link {
    justify-content: center;
    height: auto;
    margin-left: 0;
  }

  .nav-link:hover {
    text-decoration: underline;
  }

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

  .nav-link.mobile:hover {
    text-decoration: underline;
  }

  .nav-menu {
    background-color: var(--heading);
    height: auto;
    padding-top: 10px;
    padding-bottom: 50px;
  }

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

  .project-item {
    overflow: hidden;
  }

  .link-block, .portfolio-hover-box {
    overflow: visible;
  }

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

  .service-description-container {
    padding-right: 25px;
  }

  .service-description-container.revers {
    padding-left: 25px;
  }

  .slide-nav {
    display: inline-block;
    position: absolute;
    inset: auto auto -17% 180px;
  }

  .slider {
    height: 100%;
  }

  .contact-grid, .tabs-menu {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .drop-link {
    display: none;
  }

  .menu-button {
    background-color: var(--heading);
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--heading);
  }

  .icon-2 {
    color: #fff;
    margin-top: 25px;
    margin-right: 20px;
    font-size: 2.25rem;
    font-weight: 300;
  }

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

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

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

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

  .about-grid {
    grid-template-columns: 1.75fr;
  }

  .about-item.title {
    border-bottom: 7px none var(--crimson);
    text-align: left;
    border-right-style: none;
    padding-top: 0;
    padding-bottom: 20px;
    padding-right: 0;
    position: relative;
  }

  .testimonials-grid {
    grid-template-columns: 2fr;
  }

  .reference-item.title {
    border-bottom: 7px none var(--crimson);
    text-align: left;
    border-right-style: none;
    padding-top: 0;
    padding-bottom: 20px;
    position: relative;
  }

  .right-arrow {
    display: none;
  }

  .slide-nav {
    inset: auto auto -30% 0%;
  }

  .contact-grid {
    display: none;
  }

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

  .address-mobile-grid {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
  }

  .address-mobile-grid.margin-top_60 {
    grid-row-gap: 30px;
    margin-top: 60px;
  }

  .tabs {
    display: none;
  }

  .tabs-menu-2 {
    flex-direction: column;
  }

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

  .tab-link.hostoun.w--current {
    border-style: none none solid;
  }

  .tab-link.bleriot.w--current {
    border-top-style: none;
    border-bottom-color: #d8d8d8;
    border-left-style: none;
    border-right-style: none;
  }

  .tab-link.podbaba.w--current {
    border-style: none none solid;
  }

  .tab-link.kristian {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .tab-link.kristian.w--current {
    border-bottom-style: solid;
    border-bottom-color: #d8d8d8;
  }
}

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

  .button-container.border.margin-left_10 {
    margin-left: 0;
  }

  .button-container.margin-right_10 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .intro-hero-button-container {
    flex-direction: column;
  }

  .benefit-item.black, .benefit-item.red, .benefit-item.white {
    padding-left: 25px;
    padding-right: 25px;
  }

  .footer-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .copyright {
    flex-direction: column;
  }

  .copyright-link-container {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
  }

  .h2 {
    font-size: 2rem;
  }

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

  .project-item.title {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .testimonials-grid {
    max-width: 295px;
    margin-left: 0;
    margin-right: 0;
  }

  .right-arrow {
    display: none;
  }

  .slide-nav {
    inset: auto auto -20% 0%;
  }

  .slider {
    max-width: 375px;
  }

  .cooperation-grid {
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    grid-template-columns: auto;
  }

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

  .history-item {
    align-items: flex-start;
  }

  .tabs-realization {
    margin-top: 80px;
  }

  .tabs-grid {
    grid-template-columns: 1fr;
    margin-top: 0;
  }
}

#w-node-_92c3a7d8-0f42-f0c7-fa49-03c70c175efe-44a673f1, #w-node-_5341469a-479e-2761-0910-81f53effb5e5-44a673f1, #w-node-_54b2cc09-fa8d-01ab-857d-6cc7a83df7b6-44a673f1, #w-node-deaa3445-56d6-de44-9710-f54375b87bb8-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdb91242-5800-0999-c70c-3297805d074e-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3ebee5b6-27be-f8fe-fe70-16e384d9e5eb-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_862b891e-8465-7b16-644c-9d5a1d44905d-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_12666fa6-7c18-c419-b323-5c89f68bc885-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_12666fa6-7c18-c419-b323-5c89f68bc893-44a673f1, #w-node-_047c95a5-0386-33b2-dd03-888d8dde2b9b-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_047c95a5-0386-33b2-dd03-888d8dde2b8d-44a673f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-ea29020c-5fc2-7299-5fd1-1133ccaac0c6-44a673f1, #w-node-c22adb70-7c1a-642e-ece9-0c0578a8714a-78a87147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22adb70-7c1a-642e-ece9-0c0578a87154-78a87147, #w-node-c22adb70-7c1a-642e-ece9-0c0578a87162-78a87147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_97584fa5-2a98-7174-4fdc-19e401c876d7-01c876d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_97584fa5-2a98-7174-4fdc-19e401c876dd-01c876d6, #w-node-_97584fa5-2a98-7174-4fdc-19e401c876e8-01c876d6, #w-node-_97584fa5-2a98-7174-4fdc-19e401c876f3-01c876d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c38969bb-039d-730a-0d09-024ee27ca8cd-e27ca8cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c38969bb-039d-730a-0d09-024ee27ca8ce-e27ca8cb {
  place-self: center;
}

#w-node-c38969bb-039d-730a-0d09-024ee27ca8d0-e27ca8cb {
  justify-self: end;
}

#w-node-c38969bb-039d-730a-0d09-024ee27ca8dc-e27ca8cb, #w-node-_9dddf815-caac-5ea6-e5c1-f3c68082c335-2aa673f6, #w-node-_23ecc035-045e-5506-f405-48b3fe33f68e-2aa673f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d46c1f98-4228-73ef-bffd-e3ae82ea0881-2aa673f6, #w-node-d77828df-0955-ef15-9eec-48e6f185ee48-2aa673f6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_797797b4-676d-2482-5998-f60811bf13fa-2aa673f6, #w-node-_6a13f967-eb6b-3fd9-de94-45a6a039f0d4-2aa673f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6a5db551-2e67-68d8-6d65-d13a20870f80-2aa673f6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d46d7b93-c3af-87cf-b89f-e9ecc269462f-2aa673f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_9688ddf7-662f-13ea-bcee-4be283990cdb-2aa673f6, #w-node-_6a614db7-1a83-c4a8-2d4f-aefd4f87202e-2aa673f6, #w-node-cab2c7f6-9320-967a-6eb7-6540f610dd4e-2aa673f6, #w-node-_50de9fba-7bf7-1b92-183a-1fe9fe009a63-2aa673f6, #w-node-_48de287c-de7a-db5b-2317-28e225995308-eda673f5, #w-node-_21751b34-a77f-bcf5-18a8-30a619979f4b-eda673f5, #w-node-_1066a9bd-b225-27cb-8b04-983b3b5ba4f3-eda673f5, #w-node-_34a43c33-1004-78ef-35c3-ef292977cfb4-eda673f5, #w-node-_572e1f3d-9e6d-bfb0-5314-5ad9153512a5-eda673f5, #w-node-_9c816376-5da2-8519-0a91-92ae7e43f4bc-eda673f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e45c6330-dce1-3b4f-6436-e99243e89e40-eda673f5, #w-node-e8e437c1-50fd-aabb-9a58-87266eb369f4-eda673f5, #w-node-_2c6f6128-25d4-9b15-d7f8-6589257da233-eda673f5, #w-node-_97539913-b59c-af33-fcad-f1f99750ef36-eda673f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116264-71ca44ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116265-71ca44ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_46735c51-2c1c-b466-5b52-b09c2c4a142f-71ca44ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_46735c51-2c1c-b466-5b52-b09c2c4a143d-71ca44ad, #w-node-e5f9670b-335f-98dd-9778-19d5bd4a5179-71ca44ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-71ca44ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_229e2d5c-8e8d-4f13-6396-43d3dc48b40f-71ca44ad, #w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116264-5ee61b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116265-5ee61b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_46735c51-2c1c-b466-5b52-b09c2c4a142f-5ee61b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_46735c51-2c1c-b466-5b52-b09c2c4a143d-5ee61b03, #w-node-e5f9670b-335f-98dd-9778-19d5bd4a5179-5ee61b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-5ee61b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_160718e1-9bf2-6b87-be67-2b224f0ef044-5ee61b03, #w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116264-030d9cea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116265-030d9cea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_46735c51-2c1c-b466-5b52-b09c2c4a142f-030d9cea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_46735c51-2c1c-b466-5b52-b09c2c4a143d-030d9cea, #w-node-e5f9670b-335f-98dd-9778-19d5bd4a5179-030d9cea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-030d9cea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_878d49f5-12b4-9f19-3d39-dff8cef4ce43-030d9cea, #w-node-_45cd5641-e34c-01af-c732-5c50f9c2b704-fdfdc9cd, #w-node-_8b25397b-268e-4182-3dde-3f8246a97a5c-fdfdc9cd, #w-node-_91e068d9-05bd-8270-b426-0d3bb52c7e41-fdfdc9cd, #w-node-_405bbf20-69c6-b46e-ad36-4f5736c4e68d-fdfdc9cd, #w-node-_98d9c141-64b2-f7bb-557d-041659ddd926-fdfdc9cd, #w-node-_157e4124-3d7e-1ce5-6b49-cb2bc3aac305-fdfdc9cd, #w-node-_24cff423-91c0-000d-6f4c-9ba7530aa7e1-fdfdc9cd, #w-node-_115a8418-e7f6-7013-773e-c32c02722e5d-fdfdc9cd, #w-node-_115a8418-e7f6-7013-773e-c32c02722e5f-fdfdc9cd, #w-node-_115a8418-e7f6-7013-773e-c32c02722e61-fdfdc9cd, #w-node-_115a8418-e7f6-7013-773e-c32c02722e63-fdfdc9cd, #w-node-_115a8418-e7f6-7013-773e-c32c02722e65-fdfdc9cd, #w-node-_115a8418-e7f6-7013-773e-c32c02722e67-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c88-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c8a-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c8c-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c8e-fdfdc9cd, #w-node-a2239221-b3bc-4187-52b5-8f60e1409f06-fdfdc9cd, #w-node-d3317df3-47f5-2584-42b2-4ed1d1434336-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c90-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c92-fdfdc9cd, #w-node-ac606503-17a6-476d-66ae-a9d412129c94-fdfdc9cd, #w-node-_93e27c3f-a419-fd88-c603-3b058d5367de-fdfdc9cd, #w-node-_85bed170-cb48-ee15-dbdf-0f16caaca446-fdfdc9cd, #w-node-_18526287-8592-8e9a-c666-9fff49dc8436-fdfdc9cd, #w-node-e2bf51af-9832-0873-a67c-88036875d978-fdfdc9cd, #w-node-_538a1cf3-4136-4007-1487-6d0ea1529a02-fdfdc9cd, #w-node-c615c7e2-e546-bd03-72cf-f0136a171146-fdfdc9cd, #w-node-_627f4a82-869d-c661-d8a8-c05ed71ba599-fdfdc9cd, #w-node-a57843ef-45c0-cac3-6614-5faf014d5480-fdfdc9cd, #w-node-_6a576a1a-62a4-3b03-8667-59d6090d83e5-fdfdc9cd, #w-node-a325741e-cba5-aad2-e5df-85938470c169-fdfdc9cd, #w-node-cf8393d4-6ce1-58d5-4d3a-46faa7e41745-fdfdc9cd, #w-node-a9e0f95d-9861-6c01-1fc2-8c82ea911d67-fdfdc9cd, #w-node-_38d14f5a-8ca9-5d06-90e9-d43926c324b4-fdfdc9cd, #w-node-ae054b86-dc77-41cd-8d34-72264e144b96-fdfdc9cd, #w-node-_5afadbe5-1771-3cc5-0b17-bfb8d7816655-fdfdc9cd, #w-node-_554c04ae-eaef-a7ef-fe38-69286d9872e7-fdfdc9cd, #w-node-_592bf966-26a8-4a56-2fd3-8a65db52636d-fdfdc9cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_99e9eaf2-0223-1db9-000e-8c1d0234c79f-44a673f1, #w-node-_99e9eaf2-0223-1db9-000e-8c1d0234c7ab-44a673f1, #w-node-_2bb6d5c7-0eaa-8180-c512-9b16d6b282b1-44a673f1, #w-node-_0927a100-c944-d679-fcfa-1a43dc1fbe5b-44a673f1, #w-node-_50de9fba-7bf7-1b92-183a-1fe9fe009a6d-2aa673f6, #w-node-_50de9fba-7bf7-1b92-183a-1fe9fe009a74-2aa673f6, #w-node-_229e2d5c-8e8d-4f13-6396-43d3dc48b42e-71ca44ad, #w-node-_229e2d5c-8e8d-4f13-6396-43d3dc48b419-71ca44ad, #w-node-_229e2d5c-8e8d-4f13-6396-43d3dc48b420-71ca44ad, #w-node-_229e2d5c-8e8d-4f13-6396-43d3dc48b427-71ca44ad, #w-node-_160718e1-9bf2-6b87-be67-2b224f0ef055-5ee61b03, #w-node-_160718e1-9bf2-6b87-be67-2b224f0ef04e-5ee61b03, #w-node-_160718e1-9bf2-6b87-be67-2b224f0ef05c-5ee61b03, #w-node-_160718e1-9bf2-6b87-be67-2b224f0ef063-5ee61b03, #w-node-_878d49f5-12b4-9f19-3d39-dff8cef4ce5b-030d9cea, #w-node-_878d49f5-12b4-9f19-3d39-dff8cef4ce4d-030d9cea, #w-node-_878d49f5-12b4-9f19-3d39-dff8cef4ce54-030d9cea, #w-node-_878d49f5-12b4-9f19-3d39-dff8cef4ce62-030d9cea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_54b2cc09-fa8d-01ab-857d-6cc7a83df7b6-44a673f1 {
    grid-column: span 2 / span 2;
  }

  #w-node-_3ebee5b6-27be-f8fe-fe70-16e384d9e5eb-44a673f1 {
    justify-self: stretch;
  }

  #w-node-_862b891e-8465-7b16-644c-9d5a1d44905d-44a673f1, #w-node-_12666fa6-7c18-c419-b323-5c89f68bc885-44a673f1 {
    justify-self: center;
  }

  #w-node-_12666fa6-7c18-c419-b323-5c89f68bc893-44a673f1 {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-_047c95a5-0386-33b2-dd03-888d8dde2b9b-44a673f1 {
    justify-self: stretch;
  }

  #w-node-_047c95a5-0386-33b2-dd03-888d8dde2b8d-44a673f1, #w-node-d46d7b93-c3af-87cf-b89f-e9ecc269462f-2aa673f6, #w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116265-71ca44ad {
    justify-self: center;
  }

  #w-node-_46735c51-2c1c-b466-5b52-b09c2c4a142f-71ca44ad {
    order: 9999;
    justify-self: center;
  }

  #w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-71ca44ad, #w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116265-5ee61b03 {
    justify-self: center;
  }

  #w-node-_46735c51-2c1c-b466-5b52-b09c2c4a142f-5ee61b03 {
    order: 9999;
    justify-self: center;
  }

  #w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-5ee61b03, #w-node-_2f7cfb2b-75d7-9aaf-059e-52b8a6116265-030d9cea {
    justify-self: center;
  }

  #w-node-_46735c51-2c1c-b466-5b52-b09c2c4a142f-030d9cea {
    order: 9999;
    justify-self: center;
  }

  #w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-030d9cea {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_54b2cc09-fa8d-01ab-857d-6cc7a83df7b6-44a673f1 {
    grid-column: span 1 / span 1;
  }

  #w-node-c22adb70-7c1a-642e-ece9-0c0578a8714a-78a87147 {
    order: 9999;
    grid-column: span 2 / span 2;
  }

  #w-node-c22adb70-7c1a-642e-ece9-0c0578a87154-78a87147, #w-node-c22adb70-7c1a-642e-ece9-0c0578a87162-78a87147 {
    justify-self: start;
  }

  #w-node-cab2c7f6-9320-967a-6eb7-6540f610dd4e-2aa673f6 {
    grid-column: span 2 / span 2;
    justify-self: center;
  }

  #w-node-_34a43c33-1004-78ef-35c3-ef292977cfb4-eda673f5, #w-node-_572e1f3d-9e6d-bfb0-5314-5ad9153512a5-eda673f5, #w-node-_9c816376-5da2-8519-0a91-92ae7e43f4bc-eda673f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e5f9670b-335f-98dd-9778-19d5bd4a517a-5ee61b03 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c22adb70-7c1a-642e-ece9-0c0578a8714a-78a87147 {
    grid-column: span 1 / span 1;
  }

  #w-node-cab2c7f6-9320-967a-6eb7-6540f610dd4e-2aa673f6 {
    grid-column: span 1 / span 1;
    justify-self: start;
  }
}


@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}