/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
body {
  font-family: "Josefin Sans", sans-serif;
}

.fab,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto
}

.fas {
  font-family: "Font Awesome 6 Free"
}

.fab {
  font-family: "Font Awesome 6 Brands"
}

.fa-bars:before {
  content: "\f0c9"
}

.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../assets/fa-brands-400.woff2) format("woff2"), url(../assets/fa-brands-400.ttf) format("truetype")
}

.fab {
  font-weight: 400
}

.fa-facebook-f:before {
  content: "\f39e"
}

:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../assets/fa-regular-400.woff2) format("woff2"), url(../assets/fa-regular-400.ttf) format("truetype")
}

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(../assets/fa-solid-900.woff2) format("woff2"), url(../assets/fa-solid-900.ttf) format("truetype")
}

.fas {
  font-weight: 900
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(../assets/fa-brands-400.woff2) format("woff2"), url(../assets/fa-brands-400.ttf) format("truetype")
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url(../assets/fa-solid-900.woff2) format("woff2"), url(../assets/fa-solid-900.ttf) format("truetype")
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url(../assets/fa-regular-400.woff2) format("woff2"), url(../assets/fa-regular-400.ttf) format("truetype")
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../assets/fa-solid-900.woff2) format("woff2"), url(../assets/fa-solid-900.ttf) format("truetype")
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../assets/fa-brands-400.woff2) format("woff2"), url(../assets/fa-brands-400.ttf) format("truetype")
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../assets/fa-regular-400.woff2) format("woff2"), url(../assets/fa-regular-400.ttf) format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(../assets/fa-v4compatibility.woff2) format("woff2"), url(../assets/fa-v4compatibility.ttf) format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
}

/**
* CSS Modal
* http://drublic.github.com/css-modal
*
* @author Hans Christian Reinl - @drublic
*/

/**
* CSS Modal Configuration
* http://drublic.github.com/css-modal
*
* @author Hans Christian Reinl - @drublic
*/

html {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


:root {
  --primary: #0F5F7A;
  --primary-dark: #073047;
  --accent: #7EE2B8;
  --accent-dark: #22A879;
  --text-dark: #102331;
  --soft-bg: #F3FAF8;
  --white: #ffffff;
}

body {
  font-family: "Josefin Sans", sans-serif;
  color: var(--text-dark);
}

.site-header,
.css-19eb01s,
.css-hywctv {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 8px 28px rgba(7, 48, 71, 0.12) !important;
  backdrop-filter: blur(10px);
}

.header-logo-element {
  width: 88px !important;
}

.lp-button-react,
.css-uj3hps {
  background: linear-gradient(135deg, var(--primary), var(--accent-dark)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 15px 26px !important;
  box-shadow: 0 12px 28px rgba(15, 95, 122, 0.28) !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

.lp-button-react:hover,
.css-uj3hps:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(15, 95, 122, 0.36) !important;
}

.headline {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 800 !important;
  letter-spacing: -0.8px;
}

.quiz-container {
  margin: 30px auto 0 !important;
  padding: 28px !important;
  border-radius: 28px !important;
  min-height: auto !important;
  height: auto !important;
}

.form-control,
.address-field {
  height: 62px !important;
  border-radius: 16px !important;
  border: 2px solid rgba(15, 95, 122, 0.18) !important;
  background: #F8FCFB !important;
  color: var(--text-dark) !important;
  font-family: "Josefin Sans", sans-serif;
  font-size: 17px !important;
  padding: 0 20px !important;
  box-shadow: none !important;
}

.form-control:focus,
.address-field:focus {
  border-color: var(--accent-dark) !important;
  box-shadow: 0 0 0 4px rgba(126, 226, 184, 0.22) !important;
  outline: none !important;
}

.question-answer {
  background: #ffffff !important;
  border: 1.5px solid rgba(15, 95, 122, 0.16) !important;
  border-radius: 18px !important;
  padding: 17px 20px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 10px 28px rgba(7, 48, 71, 0.08) !important;
  transition: all 0.22s ease;
}

.question-answer:hover {
  border-color: var(--accent-dark) !important;
  transform: translateY(-2px);
  background: var(--soft-bg) !important;
}

.question-answer label {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 700 !important;
  color: var(--primary-dark) !important;
}

.H2-123,
.node-title {
  font-family: "Josefin Sans", sans-serif;
  color: var(--primary-dark) !important;
  font-weight: 800 !important;
  letter-spacing: -0.4px;
}

.H6-123 {
  color: #5E7180 !important;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 500 !important;
}

.next-btn-image {
  filter: hue-rotate(120deg) saturate(0.9) brightness(0.95);
  transition: all 0.25s ease;
}

.next-btn-image:hover {
  transform: translateY(-2px) scale(1.02);
}

.css-1qkamst {
  background: #F3FAF8 !important;
}

.lp-nav__link {
  font-family: "Josefin Sans", sans-serif;
  color: var(--primary-dark) !important;
  font-weight: 700 !important;
}

.address-autocomplete-wrap {
  position: relative;
  width: 100%;
}

.address-suggestions {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgba(15, 95, 122, 0.18);
  border-radius: 14px;
  box-shadow: 0 14px 35px rgba(7, 48, 71, 0.18);
  z-index: 99999;
  overflow: hidden;
  display: none;
  text-align: left;
}

.address-suggestion-item {
  padding: 13px 16px;
  cursor: pointer;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 14px;
  color: #102331;
  border-bottom: 1px solid #eef4f3;
}

.address-suggestion-item:hover {
  background: #F3FAF8;
}

.address-error {
  margin-top: 8px;
  color: #d93025;
  font-size: 13px;
  font-weight: 600;
  font-family: "Manrope", Arial, sans-serif;
  text-align: left;
}

/* @media only screen and (max-width: 600px) {
  .node-form-168677 {
    width: 115% !important;
  }
} */