@import url("./components/_header.css");
@import url("./sections/hero.css");
@import url("./sections/services-showcase.css");
@import url("./sections/price-list.css");
@import url("./sections/about.css");
@import url("./sections/benefits-module.css");
@import url("./sections/reviews.css");
@import url("./sections/contact-form.css");
@import url("./sections/contact-popup.css");
@import url("./sections/footer.css");
@import url("./sections/faq.css");
@font-face {
    font-family: 'Geologica';
    src: url('../fonts/Geologica-Light.woff2') format('woff2'),
         url('../fonts/Geologica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap; 
}
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
:root {
    --color-headings: #374056;
}

.container--1200 {
    max-width: 1200px;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
}

body{
    font-family: 'Geologica';
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-headings);
    font-weight: 500;
}

h1, h2 {
    letter-spacing: -2px;
}