:root {
  --wd-06: #eaece9;
  --wd-01: #121c10;
  --wd-04: #6d8256;
  --_sizez---90: 6.25vw;
  --_sizez---453: 31.458vw;
  --_sizez---224: 15.556vw;
  --_sizez---42: 2.917vw;
  --_sizez---690: 47.917vw;
  --_sizez---24: 1.667vw;
  --_sizez---127: 8.819vw;
  --_sizez---18: 1.25vw;
  --_sizez---110: 7.639vw;
  --_sizez---572: 39.722vw;
  --_sizez---118: 8.194vw;
  --_sizez---22: 1.528vw;
  --_sizez---20: 1.389vw;
  --_sizez---860: 59.722vw;
  --_sizez---16: 1.111vw;
  --wd-05: #c0ccb3;
  --_sizez---50: 3.472vw;
  --_sizez---14: .972vw;
  --wd-02: #1e3309;
  --wd-03: #395120;
}

.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 {
  background-color: var(--wd-06);
  font-family: Inter, sans-serif;
}

.nav {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #1e3309cc;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px 5px 30px;
  display: flex;
  position: static;
  top: 20px;
  left: 20px;
}

.nav-link {
  color: var(--wd-06);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
}

.nav-link.contact {
  background-color: var(--wd-06);
  color: var(--wd-01);
  border-radius: 10px;
  padding: 13px 24px;
}

.hero {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.header {
  z-index: 20;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
}

.map-1 {
  pointer-events: none;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.map-2 {
  pointer-events: none;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.sidebar {
  z-index: 11;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #c0ccb3cc;
  border-radius: 10px;
  flex-flow: column;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 86px;
  left: 20px;
}

.single-map-toggle {
  background-color: var(--wd-06);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  min-width: 300px;
  padding: 10px;
  display: flex;
}

.map-toggle-img {
  border-radius: 5px;
}

.map-toggle-name {
  color: var(--wd-01);
  font-size: 16px;
}

.checkbox {
  cursor: pointer;
  align-self: flex-end;
  transition: all .2s;
}

.map-toggle-left {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.controllers {
  z-index: 12;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.plus {
  background-color: var(--wd-04);
  cursor: pointer;
  background-image: url('../images/plus.svg');
  background-position: 50%;
  background-size: contain;
  border-radius: 6px;
  width: 50px;
  height: 50px;
}

.minus {
  background-color: var(--wd-04);
  cursor: pointer;
  background-image: url('../images/minus.svg');
  background-position: 50%;
  background-size: auto;
  border-radius: 6px;
  width: 50px;
  height: 50px;
}

.map-container {
  transform-origin: center;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-1 {
  margin-top: var(--_sizez---90);
  justify-content: space-between;
  align-items: flex-end;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.section-1-img {
  width: var(--_sizez---453);
}

.h1 {
  margin-top: 0;
  margin-bottom: var(--_sizez---224);
  color: var(--wd-01);
  font-size: var(--_sizez---42);
  font-weight: 500;
  line-height: 110%;
}

.section-1-list {
  width: var(--_sizez---690);
  padding-left: 0;
  list-style-type: disc;
  list-style-position: inside;
}

.list-item {
  padding-top: var(--_sizez---24);
  padding-right: var(--_sizez---127);
  padding-bottom: var(--_sizez---24);
  border-bottom: 1px solid var(--wd-04);
  color: var(--wd-01);
  font-size: var(--_sizez---18);
  align-items: flex-start;
  line-height: 110%;
  list-style-type: disc;
}

.section-2 {
  margin: var(--_sizez---110) 20px 20px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section-2-img {
  width: var(--_sizez---453);
}

.h2 {
  margin-top: 0;
  margin-bottom: var(--_sizez---18);
  color: var(--wd-01);
  font-size: var(--_sizez---42);
  font-weight: 500;
  line-height: 110%;
}

.section-2-bottom {
  width: var(--_sizez---572);
  margin-right: var(--_sizez---118);
}

.section-2-single {
  padding-top: var(--_sizez---22);
  padding-bottom: var(--_sizez---22);
  grid-column-gap: var(--_sizez---20);
  grid-row-gap: var(--_sizez---20);
  border-bottom: 1px solid var(--wd-04);
  align-items: center;
  display: flex;
}

.section-2-icon {
  width: var(--_sizez---24);
  height: var(--_sizez---24);
}

.section-2-text {
  color: var(--wd-01);
  font-size: var(--_sizez---18);
  line-height: 110%;
}

.section-3 {
  height: var(--_sizez---860);
  border-radius: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.section-4 {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.gallery {
  grid-column-gap: var(--_sizez---20);
  grid-row-gap: var(--_sizez---20);
  grid-template: "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 "." 1fr
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.gallery-1 {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.section-5 {
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
}

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

.section-5-img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.contact-top {
  padding-left: var(--_sizez---24);
  grid-column-gap: var(--_sizez---16);
  grid-row-gap: var(--_sizez---16);
  background-color: var(--wd-05);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-bottom {
  padding-right: var(--_sizez---50);
  padding-bottom: var(--_sizez---50);
  padding-left: var(--_sizez---50);
  grid-column-gap: var(--_sizez---50);
  grid-row-gap: var(--_sizez---50);
  border: 1px solid var(--wd-05);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.contact-top-single {
  grid-column-gap: var(--_sizez---16);
  grid-row-gap: var(--_sizez---16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-link {
  color: var(--wd-01);
  font-size: var(--_sizez---18);
  text-decoration: none;
}

.col {
  grid-column-gap: var(--_sizez---14);
  grid-row-gap: var(--_sizez---14);
  flex-flow: column;
  width: 20%;
  display: flex;
}

.col.big {
  width: 90%;
}

.industry {
  color: var(--wd-01);
  font-size: var(--_sizez---14);
  text-transform: uppercase;
}

.company-logo {
  max-width: 80%;
}

.company-link {
  color: var(--wd-01);
  font-size: var(--_sizez---14);
  display: none;
}

.multiply-map-toggle {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--wd-06);
  border-radius: 10px;
  flex-flow: column;
  padding: 10px;
  display: flex;
}

.toggle-header {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  align-items: center;
  display: flex;
}

.toggles-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.single-toggle {
  border-bottom: 1px solid var(--wd-04);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  padding-left: 10px;
  display: flex;
}

.map-layer {
  pointer-events: none;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.map-layer.map-3 {
  z-index: 8;
}

.map-layer.map-4 {
  z-index: 9;
}

.map-layer.map-5 {
  z-index: 6;
}

.map-layer.map-6 {
  z-index: 5;
}

.map-layer.map-7 {
  z-index: 4;
}

.map-layer.map-8 {
  z-index: 1;
}

.map-layer.map-9 {
  z-index: 2;
}

.map-layer.map-10 {
  z-index: 3;
}

.map-layer.map-11 {
  z-index: 10;
}

.map-layer.map-2 {
  z-index: 11;
}

.map-layer.map-1 {
  z-index: 12;
}

.mobile-sidebar-wrapper {
  display: none;
}

.logo-big {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .gallery {
    grid-template-rows: 420px 420px 420px 420px 420px 420px 420px 420px 420px 420px;
    grid-template-columns: 1fr;
  }

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

  .contact-top {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .contact-bottom {
    padding-top: var(--_sizez---22);
    padding-bottom: var(--_sizez---22);
  }
}

@media screen and (max-width: 767px) {
  .nav {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .logo-big {
    width: 90%;
  }
}

@media screen and (max-width: 479px) {
  .nav {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .nav-link {
    font-size: 12px;
  }

  .nav-link.contact {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .hero {
    height: 100svh;
  }

  .logo, .sidebar {
    display: none;
  }

  .sidebar.mobile {
    max-height: calc(100svh - 200px);
    display: flex;
    position: static;
    top: auto;
    left: auto;
    overflow-y: scroll;
  }

  .single-map-toggle {
    width: 85vw;
    min-width: 0;
  }

  .controllers {
    bottom: 93px;
  }

  .section-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .section-1-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-height: 420px;
  }

  .h1 {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .section-1-list {
    width: auto;
  }

  .list-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-size: 16px;
  }

  .section-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .section-2-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-height: 420px;
  }

  .h2 {
    font-size: 30px;
  }

  .section-2-bottom {
    width: auto;
    margin-right: 0;
  }

  .section-2-single {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-2-icon {
    width: 25px;
    height: 25px;
  }

  .section-2-text {
    font-size: 16px;
  }

  .section-3 {
    aspect-ratio: 1;
    height: auto;
  }

  .gallery {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: 420px 420px 420px 420px 420px 420px 420px;
    margin-bottom: 0;
    display: flex;
  }

  .gallery-1 {
    min-height: 420px;
    max-height: 420px;
  }

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

  .contact-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
  }

  .contact-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: grid;
  }

  .contact-link {
    font-size: 16px;
  }

  .col {
    width: 100%;
  }

  .industry {
    text-align: center;
    font-size: 10px;
  }

  .company-logo {
    max-width: 65%;
  }

  .company-link {
    font-size: 12px;
  }

  .mobile-sidebar-wrapper {
    z-index: 15;
    background-color: var(--wd-05);
    border-radius: 10px 10px 0 0;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    display: flex;
    position: absolute;
    inset: 90% 20px 0%;
  }

  .filter-text {
    color: var(--wd-01);
    font-size: 32px;
  }

  .filter-header {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .logo-big {
    width: 100%;
  }

  .company-logo-link {
    text-align: center;
  }
}

#w-node-_24f663ae-3197-10da-c9de-06696eb7fb10-9da7a64e {
  grid-area: span 8 / span 7 / span 8 / span 7;
}

#w-node-_40a8e3bc-3cd8-150e-0afb-0773c50e4995-9da7a64e, #w-node-_3ea8c4ab-75bf-46ab-5d83-6d0b8e62f021-9da7a64e {
  grid-area: span 4 / span 5 / span 4 / span 5;
}

#w-node-d9784a75-e69b-9e53-3e1f-9b421ba6236f-9da7a64e {
  grid-area: span 5 / span 5 / span 5 / span 5;
}

#w-node-_1a91c849-348a-0d8b-a98f-69fc77e45889-9da7a64e {
  grid-area: span 8 / span 7 / span 8 / span 7;
}

#w-node-_5eed18ff-e628-28b0-88aa-6d12774fd0f7-9da7a64e {
  grid-area: span 7 / span 5 / span 7 / span 5;
}

#w-node-f0e30060-419d-ae97-5d15-c6e7b26f53c1-9da7a64e {
  grid-area: span 4 / span 7 / span 4 / span 7;
}

#w-node-_6a83c8ec-a818-3a73-4d49-fb4cda30e86e-9da7a64e {
  grid-area: span 2 / span 5 / span 2 / span 5;
}

#w-node-_4767fbfd-388f-d8de-3058-832a78a51e78-9da7a64e, #w-node-f0674314-2605-3d4e-00d5-9dfd03f4064c-9da7a64e {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

@media screen and (max-width: 991px) {
  #w-node-_24f663ae-3197-10da-c9de-06696eb7fb10-9da7a64e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_40a8e3bc-3cd8-150e-0afb-0773c50e4995-9da7a64e, #w-node-_3ea8c4ab-75bf-46ab-5d83-6d0b8e62f021-9da7a64e, #w-node-d9784a75-e69b-9e53-3e1f-9b421ba6236f-9da7a64e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1a91c849-348a-0d8b-a98f-69fc77e45889-9da7a64e, #w-node-_5eed18ff-e628-28b0-88aa-6d12774fd0f7-9da7a64e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-f0e30060-419d-ae97-5d15-c6e7b26f53c1-9da7a64e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_24f663ae-3197-10da-c9de-06696eb7fb10-9da7a64e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_40a8e3bc-3cd8-150e-0afb-0773c50e4995-9da7a64e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3ea8c4ab-75bf-46ab-5d83-6d0b8e62f021-9da7a64e {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-d9784a75-e69b-9e53-3e1f-9b421ba6236f-9da7a64e {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_1a91c849-348a-0d8b-a98f-69fc77e45889-9da7a64e {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_5eed18ff-e628-28b0-88aa-6d12774fd0f7-9da7a64e {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-f0e30060-419d-ae97-5d15-c6e7b26f53c1-9da7a64e {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_6a83c8ec-a818-3a73-4d49-fb4cda30e86e-9da7a64e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4767fbfd-388f-d8de-3058-832a78a51e78-9da7a64e, #w-node-f0674314-2605-3d4e-00d5-9dfd03f4064c-9da7a64e {
    grid-column: span 1 / span 1;
  }

  #w-node-f21963bf-8bfa-9085-819f-99a3ca329ce1-9da7a64e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }

  #w-node-_5acd3917-207c-e46d-cffc-6e653e0836cb-9da7a64e {
    justify-self: center;
  }
}