:root {
  --neutral-10: rgba(30, 33, 36, 1);
  --neutral-30: rgba(64, 71, 77, 1);
  --neutral-40: rgba(97, 106, 113, 1);
  --neutral-60: rgba(163, 172, 180, 1);
  --neutral-80: rgba(199, 206, 212, 1);
  --neutral-90: rgba(217, 222, 226, 1);
  --neutral-98: rgba(247, 248, 249, 1);
  --text-secondary: rgba(64, 71, 77, 1);
  --text-main: rgba(30, 33, 36, 1);
  --bs-secondary-color: var(--neutral-40);
  --bs-link-color: var(--neutral-10);
  --bs-link-hover-color: var(--neutral-10);
  --bs-link-color-rgb: var(--neutral-10);
  --bs-link-hover-color-rgb: var(--neutral-10);
  --bs-btn-color: var(--neutral-10);
  --bs-font-sans-serif: Inter, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-line-height: 1.4;
  --bs-body-color: var(--text-main);
}

* div {
  background-size: cover;
}

::-webkit-scrollbar {
  display: none;
}

html {
  scroll-behavior: smooth;
}

.btn-outline-primary {
  --bs-btn-color: var(--neutral-10);
  --bs-btn-border-color: var(--neutral-10);
  border-radius: 0;
  --bs-btn-hover-bg: var(--neutral-98);
  --bs-btn-hover-border-color: var(--neutral-10);
  --bs-btn-hover-color: var(--neutral-10);
  --bs-btn-active-color: var(--neutral-10);
  --bs-btn-active-bg: var(--neutral-98);
  --bs-btn-active-border-color: var(--neutral-10);
  padding: 12px 24px;
}

.logo {
  margin-right: 50px;
  max-height: 25px;
}

.nav-link {
  border-bottom: 4px solid transparent;
  padding-top: 12px;
  padding-bottom: 12px;
}

.nav-link.active {
  border-bottom: 4px solid rgba(64, 71, 77, 1);
}

.nav-link:hover {
  border-bottom: 4px solid rgba(163, 172, 180, 1);
}

.nav-link.active:hover {
  border-bottom: 4px solid rgba(64, 71, 77, 1);
}

.nav {
  gap: 32px;
}

.mobile-menu-button {
  border: 0;
  background-color: transparent;
  height: 48px;
  width: 48px;
  display: none;
}

.telephone {
  font-size: 1.25rem;
  text-decoration: none;
  font-weight: 600;
}

.telephone.big {
  font-size: 1.5rem;
}

.social-icon {
  height: 32px;
  width: 32px;
  display: block;
}

.socials {
  gap: 20px;
  margin-top: 40px;
}

.offcanvas .socials {
  margin-top: 32px;
}

header {
  position: sticky !important;
  top: 0 !important;
  background-color: #fff !important;
  z-index: 1 !important;
  box-shadow: -100px 0px 0px 0px #fff, 100px 0px 0px 0px #fff;
}

footer {
  margin-top: 80px;
  margin-bottom: 80px;
}

.address {
  margin: 40px 0;
  color: var(--text-secondary);
}

.copyright {
  margin-top: 40px;
  margin-bottom: 0;
}

.btn {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .logo {
    height: 22px;
    margin-right: 0;
  }

  .container-padding {
    padding: 0 24px;
  }

  footer {
    margin-top: 40px;
    margin-bottom: 120px;
  }

  footer .nav {
    margin-top: 32px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1264px;
  }
}

@media (max-width: 575px) {
  .scroll-container {
    width: 100vw;
    overflow-x: auto;
    position: absolute;
    left: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobile-dummy {
    display: block;
  }
}

@media (max-width: 991px) {
  .header-nav,
  header .right {
    display: none !important;
  }

  .mobile-menu-button {
    display: block;
  }

  .nav-link,
  .nav-link.active,
  .nav-link:hover,
  .nav-link.active:hover {
    border-bottom: none;
    padding: 0;
  }

  .offcanvas-body {
    padding: 52px 32px 40px 32px;
  }

  .close-button {
    position: absolute;
    top: 32px;
    right: 40px;
    opacity: 1;
    zoom: 0.9;
  }

  .nav {
    gap: 20px;
  }

  .telephone {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 0;
    display: block;
  }
}

@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url("/assets/fonts/Inter_18pt-Regular.ttf");
}

@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: url("/assets/fonts/Inter_18pt-SemiBold.ttf");
}