/* ==== RESET (Modern) ==== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1, h2, h3, h4, h5, h6,
p, figure,
blockquote, dl, dd {
  margin: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
  padding: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: inherit;
}

img,
picture {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.menu-main-menu-container ul {
  display: flex;
  list-style: none;
}
.menu-main-menu-container ul li {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family);
  margin-right: 40px;
}
.menu-main-menu-container ul li:last-child {
  margin-right: 0;
}

.menu-mobile {
  display: grid;
  height: 0;
  transition: height 0.3s ease-in-out !important;
  padding: 0 16px;
  overflow: hidden;
}
.menu-mobile ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.menu-mobile ul li {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family);
  margin-bottom: 20px;
}
.menu-mobile ul li:last-child {
  margin-bottom: 0;
}

.menu-mobile.active {
  height: var(--menu-mobile-height);
}

.header__burger {
  display: block;
  width: 32px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.header__burger .burger__layer {
  width: 32px;
  height: 2px;
  background-color: var(--e-global-color-primary);
  border-radius: 2px;
  position: absolute;
  transition: all 0.4s ease;
}
.header__burger .burger__layer:nth-child(1) {
  top: 0px;
}
.header__burger .burger__layer:nth-child(2) {
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.header__burger .burger__layer:nth-child(3) {
  bottom: 0px;
}
.header__burger_open .burger__layer:nth-child(1) {
  transform: rotate(45deg) translate(4px, -4px);
  transform-origin: top left;
}
.header__burger_open .burger__layer:nth-child(2) {
  transform: scaleX(0);
  transform-origin: 60% center;
}
.header__burger_open .burger__layer:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 4px);
  transform-origin: bottom left;
}

.hero-section {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
}

.hero-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.hero-canvas canvas {
  width: 100%;
  height: 100%;
}

.hero-background-widget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero-text {
  filter: drop-shadow(0px 0px 40px #DEE1E4);
}

.about-us-icon {
  width: 64px;
}
.about-us-description {
  font-size: 16px;
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 400;
}
.about-us-benefit {
  display: flex;
  font-family: var(--e-global-typography-primary-font-family);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 4px;
  padding: 16px;
}
.about-us-benefit-number {
  font-size: 4.5rem;
  line-height: 4.5rem;
  color: black;
  text-shadow: var(--e-global-color-text) 2px 0px 0px, var(--e-global-color-text) 1.75517px 0.958851px 0px, var(--e-global-color-text) 1.0806px 1.68294px 0px, var(--e-global-color-text) 0.141474px 1.99499px 0px, var(--e-global-color-text) -0.832294px 1.81859px 0px, var(--e-global-color-text) -1.60229px 1.19694px 0px, var(--e-global-color-text) -1.97998px 0.28224px 0px, var(--e-global-color-text) -1.87291px -0.701566px 0px, var(--e-global-color-text) -1.30729px -1.5136px 0px, var(--e-global-color-text) -0.421592px -1.95506px 0px, var(--e-global-color-text) 0.567324px -1.91785px 0px, var(--e-global-color-text) 1.41734px -1.41108px 0px, var(--e-global-color-text) 1.92034px -0.558831px 0px;
  font-weight: 700;
  mix-blend-mode: lighten;
}
.about-us-benefit-text {
  margin-left: 16px;
}
.about-us-benefit-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--e-global-color-text);
  font-weight: 700;
}
.about-us-benefit-description {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--e-global-color-text);
  font-weight: 400;
}

.service-link {
  background-color: #C5CCD3;
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family);
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background-color 0.3s ease;
}
.service-link:hover {
  background-color: white;
}
.service-link:hover .service-icon {
  transform: scale(1.1);
}
.service-icon {
  transition: transform 0.3s ease;
  margin-bottom: 16px;
}

/*# sourceMappingURL=styles.css.map */