/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: var(--font-sans), sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.container {
  width: 100%;
}

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

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

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

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

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

.pointer-events-none {
  pointer-events: none;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.right-0 {
  right: 0px;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.h-\[1\.25em\] {
  height: 1.25em;
}

.h-\[100vh\] {
  height: 100vh;
}

.h-\[1em\] {
  height: 1em;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[90\%\] {
  height: 90%;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-\[32rem\] {
  min-height: 32rem;
}

.w-24 {
  width: 6rem;
}

.w-6 {
  width: 1.5rem;
}

.w-\[\.75em\] {
  width: .75em;
}

.w-\[1\.25em\] {
  width: 1.25em;
}

.w-\[100\%\] {
  width: 100%;
}

.w-\[1em\] {
  width: 1em;
}

.w-\[692px\] {
  width: 692px;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-\[100vw\] {
  max-width: 100vw;
}

.max-w-\[14em\] {
  max-width: 14em;
}

.max-w-\[22em\] {
  max-width: 22em;
}

.max-w-\[26em\] {
  max-width: 26em;
}

.max-w-\[32rem\] {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.shrink-0 {
  flex-shrink: 0;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[10\%\] {
  --tw-translate-x: -10%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[10\%\] {
  --tw-translate-y: -10%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-12 {
  gap: 3rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[var\(--spacing-md\)\] {
  gap: var(--spacing-md);
}

.gap-\[var\(--spacing-xl\)\] {
  gap: var(--spacing-xl);
}

.gap-y-24 {
  row-gap: 6rem;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-full {
  border-radius: 9999px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-blue-light {
  border-color: var(--color-blue-light);
}

.bg-blue {
  background-color: var(--color-blue-dark);
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-blue {
  --tw-gradient-from: var(--color-blue-dark) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-green-light {
  --tw-gradient-to: var(--color-green-light) var(--tw-gradient-to-position);
}

.fill-\[currentColor\] {
  fill: currentColor;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-12 {
  padding: 3rem;
}

.p-\[\.25em\] {
  padding: .25em;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-\[var\(--container-spacing\)\] {
  padding-left: var(--container-spacing);
  padding-right: var(--container-spacing);
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-\[var\(--spacing-lg\)\] {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.py-\[var\(--spacing-xl\)\] {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[\.25em\] {
  padding-bottom: .25em;
}

.pb-\[\.33em\] {
  padding-bottom: .33em;
}

.pl-\[\.5em\] {
  padding-left: .5em;
}

.pl-\[\.75em\] {
  padding-left: .75em;
}

.pl-\[1em\] {
  padding-left: 1em;
}

.pr-\[\.75em\] {
  padding-right: .75em;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-center {
  text-align: center;
}

.font-sans {
  font-family: var(--font-sans), sans-serif;
}

.text-2xl {
  font-size: var(--font-2xl);
  line-height: 1.1;
}

.text-3xl {
  font-size: var(--font-3xl);
  line-height: 1.1;
}

.text-\[48px\] {
  font-size: 48px;
}

.text-base {
  font-size: var(--font-base);
  line-height: 1.5;
}

.text-lg {
  font-size: var(--font-lg);
  line-height: 1.1;
}

.text-md {
  font-size: var(--font-md);
  line-height: 1.5;
}

.text-sm {
  font-size: var(--font-sm);
  line-height: 1.5;
}

.text-xl {
  font-size: var(--font-xl);
  line-height: 1.1;
}

.leading-none {
  line-height: 1;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue {
  color: var(--color-blue-dark);
}

.text-blue-light {
  color: var(--color-blue-light);
}

.text-green {
  color: var(--color-green);
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.placeholder-white::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity));
}

.placeholder-white::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity));
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-500 {
  transition-duration: 500ms;
}

:root {
  --container-spacing: clamp(
    22px,
    calc(22px + (156 / 640) * (100vw - 640px)),
    140px
  );
  --spacing-md: clamp(42px, calc(42px + (42 / 640) * (100vw - 640px)), 84px);
  --spacing-lg: clamp(64px, calc(64px + (64 / 640) * (100vw - 640px)), 128px);
  --spacing-xl: clamp(96px, calc(96px + (96 / 640) * (100vw - 640px)), 192px);
  scroll-behavior: smooth;
  --color-black: #000;
  --color-white: #fff;
  --color-text: #00274d;
  --color-blue-light: #a3ecf2;
  --color-blue-dark: #0d3d50;
  --color-blue: #00437c;
  --color-green-light: #0aafa2;
  --color-green: #45ff00;
  --font-sans: "Poppins";
  --font-3xl: clamp(100px, calc(100px + (156 / 900) * (100vw - 640px)), 256px);
  --font-2xl: clamp(64px, calc(64px + (32 / 640) * (100vw - 640px)), 96px);
  --font-xl: clamp(32px, calc(32px + (32 / 640) * (100vw - 640px)), 64px);
  --font-lg: clamp(24px, calc(24px + (12 / 640) * (100vw - 640px)), 36px);
  --font-md: clamp(20px, calc(20px + (4 / 640) * (100vw - 640px)), 24px);
  --font-base: clamp(16px, calc(16px + (4 / 640) * (100vw - 640px)), 20px);
  --font-sm: clamp(12px, calc(12px + (2 / 640) * (100vw - 640px)), 14px);
  --logo: clamp(42px, calc(42px + (26 / 900) * (100vw - 640px)), 68px);
}

.button {
  border-bottom: 1px solid var(--color-green-light);
  font-weight: 500;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.button.text-white,
.light-on-dark .button {
  border-bottom-color: var(--color-green);
}

.content-layout .dark-on-light {
  color: var(--color-black);
  background-color: var(--color-white);
}

.content-layout .light-on-dark {
  color: var(--color-white);
  background-color: var(--color-blue-dark);
}

.content-layout .light-on-dark + .light-on-dark,
.content-layout .dark-on-light + .dark-on-light {
  margin-top: calc(-1 * var(--spacing-lg));
}

.wysiwyg h1::before {
  content: "Ikke bruk H1 her";
  color: red;
}

.wysiwyg h2 {
  font-size: var(--font-2xl);
  font-weight: 600;
}

.wysiwyg h3 {
  font-size: var(--font-xl);
  font-weight: 600;
}

.wysiwyg h4 {
  font-size: var(--font-lg);
  font-weight: 600;
}

.wysiwyg h5,
h6 {
  font-size: var(--font-md);
  font-weight: 600;
}

.wysiwyg p + p,
.wysiwyg ul + p,
.wysiwyg p + ul {
  padding-top: 1rem;
}

.wysiwyg h2 + p,
.wysiwyg h2 + ul {
  padding-top: 3rem;
}

.wysiwyg h3 + p,
.wysiwyg h3 + ul {
  padding-top: 2.5rem;
}

.wysiwyg h4 + p,
.wysiwyg h4 + ul {
  padding-top: 2rem;
}

.wysiwyg h5 + p,
.wysiwyg h5 + ul {
  padding-top: 3rem;
}

.wysiwyg p + h2,
.wysiwyg ul + h2,
.wysiwyg p + h3,
.wysiwyg ul + h3,
.wysiwyg p + h4,
.wysiwyg ul + h4,
.wysiwyg p + h5,
.wysiwyg ul + h5 {
  padding-top: 6rem;
}

.wysiwyg a {
  text-decoration: underline;
  text-decoration-color: var(--color-green);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
}

.wysiwyg strong {
  font-weight: 600;
}

.wysiwyg ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.wysiwyg ul li + li {
  padding-top: 0.75rem;
}

.container {
  padding-right: var(--container-spacing);
  padding-left: var(--container-spacing);
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}

.container-screen {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.header,
.h-header {
  height: calc(var(--logo) * 2);
}

.header {
  transition:
    transform 0.5s ease-in-out,
    color 0.5s ease,
    background-color 0.5s ease;
}

.header.headroom--unpinned {
  transform: translateY(-100%);
}

.header.headroom--not-top.headroom--pinned {
  color: var(--color-blue-dark);
  background-color: var(--color-white);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.header.headroom--not-top .header-icon {
  color: var(--color-green-light);
}

.map-icon {
  border-radius: 100%;
  width: 28px;
  height: 28px;
  background-color: var(--color-green-light);
}

.map-icon::after {
  content: "";
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  border: 10px solid #0aafa2;
  width: 52px;
  height: 52px;
}

form.loading .ready,
form.success .ready,
form.error .ready {
  display: none;
}

/* honeypot */

input[name="olebrum"] {
  display: none;
}

form:not(.loading) .loading {
  display: none;
}

form:not(.success) .success {
  display: none;
}

form:not(.error) .error {
  display: none;
}

fieldset:disabled {
  opacity: 0.4;
}

.fancy-link {
  position: relative;
}

.fancy-link::after {
  content: "";
  position: absolute;
  bottom: -0.15em;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 0.04em;
  background-color: var(--color-green);
  transition: width 0.3s ease-in-out;
}

.fancy-link:hover::after {
  width: 100%;
}

.pt-header {
  padding-top: calc(var(--logo) * 2);
}

.logo {
  height: var(--logo);
}

.text-shadow {
  filter: drop-shadow(0 0.03em 0.03em rgb(0 0 0 / 0.33));
}

.t-head {
  font-weight: 600;
}

.t-paragraph,
.wysiwyg p {
  line-height: 1.5;
}

.gradient-45 {
  background: linear-gradient(
    45deg,
    var(--color-blue-dark),
    var(--color-green-light)
  );
}

.gradient-45-alt {
  background: linear-gradient(
    45deg,
    var(--color-blue),
    var(--color-green-light)
  );
}

html:not(.menu) .menu {
  transform: translateX(100%);
}

/* .voiceflow-chat {} */

.vfrc-launcher {
  position: relative;
  background-color: transparent;
  border: none;
  box-shadow: none;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}

.vfrc-launcher img {
  display: none;
}

.vfrc-launcher::before {
  content: "";
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -46%);
  display: inline-block;
  width: 65px;
  height: 72px;
  background-image: url("data:image/svg+xml,%3Csvg width_='93' height_='103' viewBox='0 0 93 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.9507 0H37.0493C16.5881 0 0 16.5444 0 36.9516V55.803C0 76.2103 16.5881 92.7546 37.0493 92.7546H55.9507C57.7617 92.7546 59.5346 92.618 61.2771 92.3676L71.3137 102.378C72.6453 103.706 74.9205 102.765 74.9205 100.89V87.5485C85.7484 81.0977 93.0076 69.2966 93.0076 55.803V36.9516C93 16.5444 76.4119 0 55.9507 0Z' fill='white'/%3E%3C/svg%3E");
}

.vfrc-launcher::after {
  content: "";
  z-index: 10;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.3958 2.29718H24.7429C22.7851 2.29718 21.1919 3.88618 21.1919 5.83879V10.5609C21.1919 12.5135 22.7851 14.1025 24.7429 14.1025H25.9265V18.8247L31.1985 14.1025H35.3958C37.3536 14.1025 38.9468 12.5135 38.9468 10.5609V5.83879C38.9468 3.88618 37.3536 2.29718 35.3958 2.29718Z' stroke='black' stroke-width='2.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.2119 20.0052V34.1716C34.2119 36.7806 32.0932 38.8938 29.4773 38.8938H6.98781C4.37192 38.8938 2.25317 36.7806 2.25317 34.1716V21.1857C2.25317 18.5768 4.37192 16.4636 6.98781 16.4636H17.3566' stroke='black' stroke-width='2.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1307 28.8592C12.4382 28.8592 13.4981 27.8021 13.4981 26.4982C13.4981 25.1942 12.4382 24.1371 11.1307 24.1371C9.82331 24.1371 8.76343 25.1942 8.76343 26.4982C8.76343 27.8021 9.82331 28.8592 11.1307 28.8592Z' fill='black'/%3E%3Cpath d='M25.3346 28.8592C26.642 28.8592 27.7019 27.8021 27.7019 26.4982C27.7019 25.1942 26.642 24.1371 25.3346 24.1371C24.0272 24.1371 22.9673 25.1942 22.9673 26.4982C22.9673 27.8021 24.0272 28.8592 25.3346 28.8592Z' fill='black'/%3E%3Cpath d='M15.8653 28.8592H20.5999C21.2533 28.8592 21.7836 29.3881 21.7836 30.0398C21.7836 31.9947 20.1928 33.5814 18.2326 33.5814C16.2725 33.5814 14.6816 31.9947 14.6816 30.0398C14.6816 29.3881 15.2119 28.8592 15.8653 28.8592Z' fill='black'/%3E%3Cpath d='M10.5388 9.38037V16.4636' stroke='black' stroke-width='2.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5388 9.97066C12.4999 9.97066 14.0897 8.38503 14.0897 6.42906C14.0897 4.47308 12.4999 2.88745 10.5388 2.88745C8.57762 2.88745 6.98779 4.47308 6.98779 6.42906C6.98779 8.38503 8.57762 9.97066 10.5388 9.97066Z' fill='black'/%3E%3C/svg%3E");
}

.vfrc-launcher:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.3958 2.29718H24.7429C22.7851 2.29718 21.1919 3.88618 21.1919 5.83879V10.5609C21.1919 12.5135 22.7851 14.1025 24.7429 14.1025H25.9265V18.8247L31.1985 14.1025H35.3958C37.3536 14.1025 38.9468 12.5135 38.9468 10.5609V5.83879C38.9468 3.88618 37.3536 2.29718 35.3958 2.29718Z' stroke='%2345ff00' stroke-width='2.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.2119 20.0052V34.1716C34.2119 36.7806 32.0932 38.8938 29.4773 38.8938H6.98781C4.37192 38.8938 2.25317 36.7806 2.25317 34.1716V21.1857C2.25317 18.5768 4.37192 16.4636 6.98781 16.4636H17.3566' stroke='%2345ff00' stroke-width='2.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1307 28.8592C12.4382 28.8592 13.4981 27.8021 13.4981 26.4982C13.4981 25.1942 12.4382 24.1371 11.1307 24.1371C9.82331 24.1371 8.76343 25.1942 8.76343 26.4982C8.76343 27.8021 9.82331 28.8592 11.1307 28.8592Z' fill='%2345ff00'/%3E%3Cpath d='M25.3346 28.8592C26.642 28.8592 27.7019 27.8021 27.7019 26.4982C27.7019 25.1942 26.642 24.1371 25.3346 24.1371C24.0272 24.1371 22.9673 25.1942 22.9673 26.4982C22.9673 27.8021 24.0272 28.8592 25.3346 28.8592Z' fill='%2345ff00'/%3E%3Cpath d='M15.8653 28.8592H20.5999C21.2533 28.8592 21.7836 29.3881 21.7836 30.0398C21.7836 31.9947 20.1928 33.5814 18.2326 33.5814C16.2725 33.5814 14.6816 31.9947 14.6816 30.0398C14.6816 29.3881 15.2119 28.8592 15.8653 28.8592Z' fill='%2345ff00'/%3E%3Cpath d='M10.5388 9.38037V16.4636' stroke='%2345ff00' stroke-width='2.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5388 9.97066C12.4999 9.97066 14.0897 8.38503 14.0897 6.42906C14.0897 4.47308 12.4999 2.88745 10.5388 2.88745C8.57762 2.88745 6.98779 4.47308 6.98779 6.42906C6.98779 8.38503 8.57762 9.97066 10.5388 9.97066Z' fill='%2345ff00'/%3E%3C/svg%3E");
}

/* .vfrc-chat--overlay {} */

/* .vfrc-prompt {} */

/*
  CHAT WIDGET HEADER

  Customize the content, controls and styling included in your chat widget header, including the Assistant Information.
  Note that changes to the assistant information here will be shared across other elements that consume this styling.
*/

.vfrc-header {
  background: linear-gradient(
    -45deg,
    var(--color-green-light),
    var(--color-blue)
  );
}

/* .vfrc-assistant-info {} */

/* .vfrc-assistant-info--title {} */

/* .vfrc-assistant-info--description {} */

/* .vfrc-avatar {} */

/* .vfrc-icon {} */

/*
  CHAT MESSAGE BODY
*/

/* .vfrc-chat {} */

/* .vfrc-chat--dialog {} */

/* .vfrc-chat--spacer {} */

/* .vfrc-chat--session-time {} */

/* .vfrc-chat--status {} */

/* .vfrc-message {} */

/* .vfrc-timestamp {} */

/*
  ASSISTANT RESPONSES
*/

/* .vfrc-system-response--indicator {} */

/* .vfrc-system-response {} */

/* .vfrc-system-response--controls {} */

/* .vfrc-system-response--list {} */

/* .vfrc-system-response--actions {} */

.vfrc-button {
  background-color: var(--color-green-light);
}

.vfrc-button:hover {
  background-color: var(--color-blue);
}

/* .vfrc-image {} */

/* .vfrc-image--background {} */

/* .vfrc-card--content {} */

/* .vfrc-card--header {} */

/* .vfrc-card--description {} */

/* .vfrc-carousel {} */

/* .vfrc-carousel--button {} */

/* Targeted styling for just the Assistant messages. */

/* .vfrc-system-response .vfrc-message {} */

/* Targeted styling for just the Assistant buttons. */

/* .vfrc-system-response .vfrc-button {} */

/*
  USER RESPONSES
*/

/* .vfrc-user-response {} */

/* Targeted styling for just the User messages */

/* .vfrc-user-response .vfrc-message {} */

/*
  FOOTER
*/

/* .vf-footer {} */

/* .vfrc-input {} */

/* .vfrc-chat-input--button {} */

/* .vfrc-footer--watermark {} */

@media (min-width: 640px) {
  .sm\:order-last {
    order: 9999;
  }

  .sm\:block {
    display: block;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }

  .sm\:aspect-video {
    aspect-ratio: 16 / 9;
  }

  .sm\:w-\[260px\] {
    width: 260px;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:whitespace-nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-\[2\/1\] {
    aspect-ratio: 2/1;
  }

  .md\:aspect-video {
    aspect-ratio: 16 / 9;
  }

  .md\:h-\[40rem\] {
    height: 40rem;
  }

  .md\:max-h-\[100vh\] {
    max-height: 100vh;
  }

  .md\:min-h-\[20rem\] {
    min-height: 20rem;
  }

  .md\:px-\[var\(--container-spacing\)\] {
    padding-left: var(--container-spacing);
    padding-right: var(--container-spacing);
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-9 {
    grid-column-start: 9;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:aspect-\[2\/1\] {
    aspect-ratio: 2/1;
  }

  .lg\:aspect-\[3\/1\] {
    aspect-ratio: 3/1;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-start-10 {
    grid-column-start: 10;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:col-start-5 {
    grid-column-start: 5;
  }

  .xl\:block {
    display: block;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:aspect-\[3\/1\] {
    aspect-ratio: 3/1;
  }

  .xl\:aspect-\[4\/1\] {
    aspect-ratio: 4/1;
  }
}