:root {
  --background-1: white;
  --primary: #eba93b;
  --hover-primary: #ffc057;
  --barlow: Barlow, sans-serif;
  --dark-text: #2e333d;
  --16-t: 16px;
  --1-5: 20px;
  --reg: 400;
  --background-2: #f5f6fa;
  --medium-text: #5c5e69;
  --64-t: 64px;
  --semi: 600;
  --54-t: 54px;
  --40-t: 40px;
  --text-on-dark: #d3d3d5;
  --24-t: 24px;
  --22-t: 22px;
  --20-t: 20px;
  --48-t: 48px;
  --32-t: 32px;
  --18-t: 18px;
  --med: 500;
  --78-t: 78px;
  --56-t: 56px;
  --bold: 700;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body {
  background-color: var(--background-1);
  padding-bottom: 16px;
  padding-left: 6vw;
  padding-right: 6vw;
}

.brand {
  width: 220px;
}

.socials {
  width: 25px;
}

.w-100{
  width: 100%;
}

.prim-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--primary);
  border-radius: 40px;
  align-items: center;
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  display: flex;
}

.prim-button:hover {
  background-color: var(--hover-primary);
}

.prim-button:active {
  background-color: var(--primary);
}

.prim-but-text {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--16-t);
  line-height: var(--1-5);
  font-weight: var(--reg);
  text-decoration: none;
}

.div-block {
  background-color: var(--background-2);
  border-radius: 200px;
}

.div-block.bigger {
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.navigation-wrapper {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.flex-block-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.navigation-menu {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  display: flex;
  position: static;
}

.navigation-container {
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navigation {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #f5f6facf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 12px 24px;
  display: flex;
  position: sticky;
  top: 8px;
}

.nav-links {
  justify-content: center;
  align-items: center;
}

.navigation-link {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--16-t);
  font-weight: var(--reg);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 4px;
  padding: 12px;
  text-decoration: none;
  transition: all .35s;
}

.navigation-link:hover {
  color: var(--primary);
  font-weight: var(--reg);
  background-color: #e7e9ec00;
}

.navigation-link:active {
  background-color: #eff0f100;
}

.navigation-link:focus {
  color: var(--medium-text);
  font-weight: var(--reg);
}

.navigation-link.w--current {
  color: var(--primary);
}

.hero-section {
  background-image: url('/images/hero-image_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 22px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 90vh;
  margin-top: 16px;
  margin-bottom: 180px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.soc-image {
  width: 100%;
}

.h-1 {
  font-family: var(--barlow);
  color: var(--background-2);
  font-size: var(--64-t);
  line-height: 1.2;
  font-weight: var(--semi);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.h-2 {
  font-family: var(--barlow);
  color: var(--text-on-dark);
  font-size: var(--24-t);
  line-height: 1.5;
  font-weight: var(--reg);
  margin-top: 0;
  margin-bottom: 0;
}

.headings-hero {
  width: 60%;
}

.hero-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}

.sec-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--dark-text);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  display: flex;
}

.sec-button:hover {
  background-color: var(--medium-text);
}

.sec-button:active {
  background-color: var(--dark-text);
}

.sec-but-text {
  font-family: var(--barlow);
  color: var(--background-2);
  font-size: var(--16-t);
  line-height: var(--1-5);
  font-weight: var(--reg);
}

.about-us {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: grid;
}

.about-us._180-m-b {
  grid-template-rows: auto;
  margin-bottom: 180px;
}

.flex-down {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.h-3 {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--48-t);
  line-height: 56px;
  font-weight: var(--semi);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-1-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: flex-end;
}

.paragraph {
  font-family: var(--barlow);
  color: var(--medium-text);
  font-size: var(--18-t);
  line-height: 24px;
  font-weight: var(--reg);
  margin-bottom: 0;
}

.paragraph.middle {
  text-align: center;
  width: 70%;
}

.services {
  margin-bottom: 0;
}

.services._180-m-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 180px;
  display: flex;
}

.heading-2-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.heading-2-block.align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.services-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--background-2);
  border-radius: 22px;
  padding: 22px;
}

.services-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
}

.service-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--background-1);
  border-radius: 8px;
  width: 100%;
  padding: 16px;
}

.heading {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--24-t);
  font-weight: var(--semi);
  margin-top: 0;
  margin-bottom: 0;
}

.img-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.why-us {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 180px;
  display: grid;
}

.checkmark-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.text-block-why-us {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.catalog {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 180px;
  display: flex;
}

.catalog-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.catalog-column-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
}

.catalog-column-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  margin-top: 80px;
}

.catalog-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--background-1);
  border-radius: 20px;
  width: 100%;
  padding: 22px;
  box-shadow: 0 0 14px #e9eaf1;
}

.image-2 {
  width: 250px;
}

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

.image-3 {
  z-index: 1;
  vertical-align: bottom;
  width: 100%;
  margin-top: -18%;
  display: block;
}

.clients-feedbacl {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: center;
  margin-bottom: 180px;
  display: flex;
}

.clienzs-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--background-2);
  border-radius: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 22px;
  display: grid;
}

.feedback-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-1);
  border-radius: 8px;
  justify-content: space-between;
  padding: 16px;
}

.img-name {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.paragraph-2 {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--16-t);
  line-height: var(--1-5);
  font-weight: var(--med);
  margin-bottom: 0;
}

.stars-message {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-block {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--16-t);
  font-weight: var(--med);
}

.text-block-2 {
  font-family: var(--barlow);
  color: var(--medium-text);
  font-weight: var(--reg);
  font-size: 14px;
}

.text-block-2.light {
  color: var(--text-on-dark);
}

.contact-us {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 180px;
  display: flex;
}

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

.contact-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 22px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 14px #e9eaf1;
}

.bigger {
  width: 60px;
}

.text-block-3 {
  font-family: var(--barlow);
  color: var(--dark-text);
  font-size: var(--24-t);
  line-height: var(--1-5);
  font-weight: var(--med);
}

.footer {
  grid-column-gap: 32vh;
  grid-row-gap: 32vh;
  background-color: var(--dark-text);
  border-radius: 22px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 24px 40px;
  display: grid;
}

.footer.german {
  grid-column-gap: 15vh;
  grid-row-gap: 15vh;
}

.links-logo {
  justify-content: space-between;
  align-items: center;
}

.links-logo.german {
  justify-content: space-between;
  align-items: flex-start;
}

.footer-links.german {
  flex-flow: column;
}

.footer-link {
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.footer-link-t {
  font-family: var(--barlow);
  color: #fff;
  font-size: var(--16-t);
  line-height: var(--1-5);
  font-weight: var(--reg);
  text-decoration: none;
}

.footer-link-t.footer-link {
  color: var(--background-1);
}

.footer-link-t.footer-link:hover {
  color: var(--text-on-dark);
}

.footer-logo {
  width: 220px;
}

.socials-block {
  justify-content: space-between;
  align-items: center;
}

.social-links {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.terms-page-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-top: 40px;
  margin-bottom: 180px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .body {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .navigation-menu {
    grid-column-gap: 56px;
    justify-content: flex-end;
    width: 100%;
  }

  .navigation-container {
    justify-content: space-between;
    width: 100%;
  }

  .navigation {
    padding: 12px 24px;
  }

  .hero-section {
    background-image: url('/images/hero-image_1.webp');
    height: 85vh;
  }

  .h-1 {
    font-weight: var(--semi);
  }

  .why-us {
    grid-template-columns: 1fr 1fr;
  }

  .footer.german {
    grid-column-gap: 32vh;
    grid-row-gap: 32vh;
  }

  .links-logo.german {
    justify-content: space-between;
    align-items: center;
  }

  .footer-links.german {
    flex-flow: row;
  }
}


@media screen and (min-width: 1440px) {
  .body {
    padding-left: 12vw;
    padding-right: 12vw;
  }

  .flex-block-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .navigation {
    padding: 12px 24px;
    position: sticky;
    top: 8px;
  }

  .nav-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-around;
  }

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

  .why-us {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
    grid-template-columns: .5fr .75fr;
    align-items: stretch;
  }

  .catalog-block, .catalog-column-1, .catalog-column-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .catalog-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .image-2 {
    width: 100%;
  }

  .feedback-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .paragraph-2 {
    font-size: var(--18-t);
  }
}

@media screen and (min-width: 2220px) {
  .body {
    padding-left: 22vw;
    padding-right: 22vw;
  }
}


@media screen and (min-width: 1920px) {
  .body {
    padding-left: 18vw;
    padding-right: 18vw;
  }

  .h-1 {
    font-size: 90px;
  }

  .h-2 {
    font-size: 28px;
  }

  .h-3 {
    font-size: 48px;
  }

  .h-4 {
    font-size: 32px;
  }

  .paragraph{
    font-size: 24px;
    line-height: 32px;
  }

  .text-block-2 {
    font-size: 18px;
  }

  .footer-link-t {
    font-size: 20px;
  }

  .prim-but-text, .sec-but-text {
    font-size: 18px;
  }

  .headings-hero {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    width: 55%;
  }

  .footer-logo {
    width: 300px;
  }

  .footer-logo-image {
    width: 100%;
  }

  .link-footer-soc {
    width: 40px;
    height: 40px;
  }

  .hero-section, .contact-us, .about-us, .services, .why-us, .catalog {
    margin-bottom: 300px;
  }

}

@media screen and (max-width: 991px) {
  .prim-button {
    justify-content: center;
    width: auto;
  }

  .div-block.bigger {
    width: 48px;
    height: 48px;
  }

  .navigation-wrapper {
    align-items: center;
    width: auto;
    display: flex;
  }

  .flex-block-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .navigation-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--background-2);
    color: #393b6a;
    border-radius: 22px;
    flex-direction: column;
    align-self: auto;
    margin-top: 8px;
    padding: 16px 24px;
    display: block;
    position: absolute;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .menu-button {
    color: #393b6a;
    border: 1px solid #f3f5fb;
    border-radius: 8px;
    padding: 12px;
  }

  .menu-button.w--open {
    color: #464743;
    background-color: #c8c8c800;
    border-style: none;
    border-width: 0;
    border-radius: 4px;
  }

  .menu-button.w--open:hover {
    color: #21231e;
  }

  .menu-button.w--open:active {
    color: #0b0b0a;
  }

  .navigation {
    background-color: var(--background-2);
    min-height: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    position: sticky;
  }

  .nav-links {
    flex-direction: column;
  }

  .navigation-link {
    width: 100%;
  }

  .h-1 {
    font-size: var(--54-t);
  }

  .headings-hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 80%;
  }

  .h-3 {
    font-size: var(--40-t);
  }

  .why-us {
    grid-template-columns: 1fr 1.25fr;
  }

  .catalog-block {
    flex-flow: column;
  }

  .catalog-column-2 {
    margin-top: 0;
  }

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

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

  .bigger {
    width: 32px;
  }

  .text-block-3 {
    font-size: var(--18-t);
  }

  .footer {
    grid-column-gap: 8vh;
    grid-row-gap: 8vh;
  }

  .links-logo {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .links-logo.german {
    justify-content: space-between;
    align-items: center;
  }

  .footer-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .socials-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .social-links {
    order: -1;
  }
}

@media screen and (max-width: 767px) {
  .body {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .navigation-menu, .navigation {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section {
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
  }

  .h-1 {
    text-align: left;
  }

  .h-2 {
    font-size: var(--22-t);
    text-align: left;
    line-height: 32px;
  }

  .headings-hero {
    width: 100%;
  }

  .about-us._180-m-b.slide-animation {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image {
    width: 70%;
  }

  .services-row {
    flex-flow: column;
  }

  .heading {
    font-size: var(--22-t);
  }

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

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

  .links-logo.german {
    justify-content: space-between;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .flex-block-3 {
    order: 0;
    justify-content: center;
    align-items: center;
  }

  .navigation-menu, .navigation {
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero-section {
    justify-content: center;
    align-items: flex-start;
    height: 80vh;
    padding-bottom: 24px;
  }

  .h-1 {
    font-size: var(--40-t);
  }

  .h-2 {
    font-size: var(--20-t);
  }

  .hero-buttons {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-us._180-m-b.slide-animation {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .h-3 {
    font-size: var(--32-t);
  }

  .image {
    width: 100%;
  }

  .services._180-m-b {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .services-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .services-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .why-us, .catalog, .clients-feedbacl {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .clienzs-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .text-block-2.light.middle {
    text-align: center;
  }

  .contact-us {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .contact {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .links-logo.german {
    justify-content: space-between;
    align-items: center;
  }
}

#w-node-c951da98-56fc-25f6-b64f-41dc8f7b70e7-bc729e5f, #w-node-d611a007-041b-9609-447a-83326c9b715a-bc729e5f, #w-node-_6bb9845a-eb37-f435-e83c-3bdb73ccc777-bc729e5f, #w-node-c951da98-56fc-25f6-b64f-41dc8f7b70e7-7b4b6c6c, #w-node-d611a007-041b-9609-447a-83326c9b715a-7b4b6c6c, #w-node-_6bb9845a-eb37-f435-e83c-3bdb73ccc777-7b4b6c6c, #w-node-c951da98-56fc-25f6-b64f-41dc8f7b70e7-fca3f1cc, #w-node-d611a007-041b-9609-447a-83326c9b715a-fca3f1cc, #w-node-_6bb9845a-eb37-f435-e83c-3bdb73ccc777-fca3f1cc {
  align-self: stretch;
}