/* [project]/src/app/[locale]/services/Services.module.scss.module.css [app-client] (css) */
:root {
  --color-brand-black: #171717;
  --color-brand-black-rgb: 23, 23, 23;
  --color-brand-yellow-dark: #fce803c6;
  --color-brand-yellow-dark-rgb: 252, 232, 3;
  --color-brand-yellow: #fbe803;
  --color-brand-yellow-rgb: 251, 232, 3;
  --color-error-red: #ca1302;
  --color-error-red-rgb: 202, 19, 2;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-off-white: #efefef;
  --color-off-white-rgb: 239, 239, 239;
  --color-neutral-black: #292929;
  --color-neutral-black-rgb: 41, 41, 41;
  --color-gray: #c5c5c5;
  --color-gray-rgb: 197, 197, 197;
  --color-gray-dark: #888;
  --color-gray-dark-rgb: 136, 136, 136;
  --font-primary: var(--font-aeonik-pro), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --fs-display-1: clamp(4rem, calc((96 / 1920) * 120vw), 9.6rem);
  --fs-display-2: clamp(var(--fs-h5), calc((40 / 1920) * 120vw), var(--fs-h3));
  --fs-h1: 7rem;
  --fs-h2: 4.7rem;
  --fs-h3: 3.3rem;
  --fs-h4: 2.5rem;
  --fs-h5: 1.9rem;
  --fs-h6: 1.8rem;
  --fs-xl: 2.2rem;
  --fs-lg: 2rem;
  --fs-md: 1.8rem;
  --fs-base: 1.8rem;
  --fs-sm: 1.6rem;
  --fs-xs: 1.4rem;
  --fs-xxs: 1.2rem;
  --fs-caption: 1.4rem;
  --fs-eyelash: 1.5rem;
  --fs-quote: 3.2rem;
  --fs-list: 1.7rem;
  --fs-button: 1.7rem;
  --fs-input: 1.6rem;
  --fs-section-paragraph: clamp(var(--fs-md), calc((25 / 1920) * 150vw), var(--fs-h4));
  --container-padding: 20px;
  --ease-smoothy: cubic-bezier(.19, 1, .22, 1);
  --ease-fluid: cubic-bezier(.645, .045, .355, 1);
  --transition: 1s var(--ease-smoothy);
  --spacer-4: 4px;
  --spacer-8: 8px;
  --spacer-12: 12px;
  --spacer-16: 16px;
  --spacer-20: 20px;
  --spacer-24: 24px;
  --spacer-32: 32px;
  --spacer-36: 36px;
  --spacer-40: 40px;
  --spacer-48: 48px;
  --spacer-56: 56px;
  --spacer-64: 64px;
  --spacer-72: 72px;
  --spacer-80: 80px;
  --spacer-96: 96px;
  --spacer-128: 128px;
  --spacer-144: 144px;
  --spacer-160: 160px;
  --spacer-176: 176px;
  --spacer-192: 192px;
  --spacer-208: 208px;
  --spacer-224: 224px;
  --spacer-240: 240px;
  --spacer-256: 256px;
  --spacer-272: 272px;
  --spacer-288: 288px;
  --spacer-304: 304px;
  --spacer-320: 320px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-xxl: 32px;
  --radius-3xl: 40px;
}

@media only screen and (max-width: 1024px) {
  :root {
    --fs-h1: 3.9rem;
    --fs-h2: 3.1rem;
    --fs-h3: 2.3rem;
    --fs-h4: 1.9rem;
    --fs-h5: 1.5rem;
    --fs-lg: 1.7rem;
    --fs-md: 1.6rem;
    --fs-base: 1.5rem;
    --fs-sm: 1.4rem;
    --fs-xs: 1.3rem;
    --fs-xxs: 1rem;
    --fs-caption: 1.2rem;
  }
}

.Services-module-scss-module__sQXQ2G__main {
  background-color: var(--color-brand-black);
}

.Services-module-scss-module__sQXQ2G__hero {
  padding: var(--spacer-192) 0 0;
  color: var(--color-white);
}

.Services-module-scss-module__sQXQ2G__heroContent {
  max-width: 900px;
}

.Services-module-scss-module__sQXQ2G__heroTitle {
  font-size: var(--fs-display-1);
  margin-bottom: var(--spacer-24);
  color: var(--color-white);
  line-height: 1;
}

.Services-module-scss-module__sQXQ2G__heroText {
  font-size: var(--fs-display-2);
  color: var(--color-gray);
}