/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/(v1)/layout.tsx","import":"Montserrat","arguments":[{"subsets":["latin"],"variable":"--font-montserrat"}],"variableName":"montserrat"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Montserrat_069ab3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Montserrat_Fallback_069ab3';src: local("Arial");ascent-override: 85.79%;descent-override: 22.25%;line-gap-override: 0.00%;size-adjust: 112.83%
}.__className_069ab3 {font-family: '__Montserrat_069ab3', '__Montserrat_Fallback_069ab3';font-style: normal
}.__variable_069ab3 {--font-montserrat: '__Montserrat_069ab3', '__Montserrat_Fallback_069ab3'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fortawesome/fontawesome-svg-core/styles.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root, :host {
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 6 Sharp Duotone'; }

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box; }

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-2xs {
    vertical-align: 0.1em; }
  .svg-inline--fa.fa-xs {
    vertical-align: 0em; }
  .svg-inline--fa.fa-sm {
    vertical-align: -0.07143em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -0.2em; }
  .svg-inline--fa.fa-xl {
    vertical-align: -0.25em; }
  .svg-inline--fa.fa-2xl {
    vertical-align: -0.3125em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: var(--fa-pull-margin, 0.3em);
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: var(--fa-pull-margin, 0.3em);
    width: auto; }
  .svg-inline--fa.fa-li {
    width: var(--fa-li-width, 2em);
    top: 0.25em; }
  .svg-inline--fa.fa-fw {
    width: var(--fa-fw-width, 1.25em); }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    transform-origin: center center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center; }

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left; }

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right; }

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }
  4% {
    transform: rotate(15deg); }
  8%, 24% {
    transform: rotate(-18deg); }
  12%, 28% {
    transform: rotate(18deg); }
  16% {
    transform: rotate(-22deg); }
  20% {
    transform: rotate(22deg); }
  32% {
    transform: rotate(-12deg); }
  36% {
    transform: rotate(12deg); }
  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  transform: rotate(90deg); }

.fa-rotate-180 {
  transform: rotate(180deg); }

.fa-rotate-270 {
  transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto); }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

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

.sr-only-focusable:not(:focus),
.fa-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; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff); }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/CookieNotice/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__aGDW1 {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.7rem;
	border-radius: 0.5rem 0.5rem 0 0;
	color: white;
	background-color: var(--primary);
	box-sizing: border-box;
	width: -moz-fit-content;
	width: fit-content;
	text-wrap: nowrap;

	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2rem;
}

.styles_container__aGDW1 > span {
	font-size: 0.7rem;

	& a {
		color: white;
	}
}

.styles_container__aGDW1 > button {
	all: unset;
	cursor: pointer;
	color: white;
	font-size: 0.9rem;
}

@media only screen and (max-width: 900px) {
	.styles_container__aGDW1 {
		width: 100%;
		transform: none;
		left: 0;
		border-radius: 0;
		text-wrap: wrap;
		justify-content: space-between;
		gap: 1rem;
	}

	.styles_container__aGDW1 > span {
		font-size: 0.8rem;
	}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Footer/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__0CKa2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;

	background-color: #131313;
	width: 100%;
	color: white;
	padding: 2.5rem 0 1.5rem 0;
}

.styles_container__0CKa2 ul {
	all: unset;

	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem 2rem;

	list-style-type: none;
	font-size: 0.9rem;
}

.styles_container__0CKa2 li > a {
	color: white;
	font-weight: normal;
}

.styles_copyrightText__9Slxo {
	margin: 0;
	font-size: 0.8rem;
	color: #cacaca;
	text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/Header/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_pageYOffset__U2oZ2 {
  margin-top: 4.3rem;
}

.styles_header__udZKm {
  z-index: 99;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0.4rem 0;
  background-color: rgba(255, 255, 255, 0.85) !important;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

/* scroll shadow */
.styles_header__udZKm.styles_forceShadow__WCD3J,
html:not([data-scroll="0"]) .styles_header__udZKm {
  box-shadow: 0 -1rem 1.4rem #000;
}

.styles_nav__ll5RB {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  height: 3.5rem;
  z-index: -1;
}

.styles_nav__ll5RB > a {
  z-index: 1;
}

.styles_logo__6zrBN {
  height: 3.5rem;
  display: block;
  margin-right: auto;
  cursor: pointer;
}

.styles_logo__6zrBN > img {
  height: 100%;
}

.styles_categoryNavigationContainer__BmUkJ {
  display: flex;
  flex-direction: row;
  list-style-type: none;
}

.styles_hamburgerButton__q3mrE {
  all: unset;
  cursor: pointer;
  height: 100%;
  aspect-ratio: 1/1;
  padding: 0.7rem;
  box-sizing: border-box;
}

.styles_hamburgerButton__q3mrE:is(:hover, :focus) {
  box-shadow: none !important;
  transform: none !important;
}

.styles_hamburgerButton__q3mrE:focus {
  outline: 2px solid blue;
}

.styles_hamburgerButton__q3mrE > svg {
  width: 100%;
  height: 100%;
}

.styles_desktopNav__rdrd3 {
  height: 100%;
}

.styles_mobileNav___wWZN {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .styles_mobileNav___wWZN {
    display: block;
    height: 100%;
  }
  .styles_desktopNav__rdrd3 {
    display: none;
  }
  .styles_mobileNav___wWZN.styles_dropdownContainer__N1g9c {
    width: 100%;
    padding: 0.5rem 0 1rem 0;
    max-height: calc(100vh - 8rem);
    overflow: auto;
  }
  .styles_mobileNav___wWZN.styles_dropdownContainer__N1g9c > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .styles_mobileNav___wWZN .styles_categoryNavigationContainer__BmUkJ {
    width: 100% !important;
    all: unset;
    display: block;
    list-style: none;
  }
  .styles_mobileNav___wWZN .styles_buttons__9OBQM {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Header/HeaderNavigation/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__JfLfd {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    height: 100%;
}

.styles_verticalSeparator__QUnW3 {
    width: 1px;
    height: 70%;
    background-color: #d3d3d3;
}

.styles_dropdownHeadings___wJeo {
    display: flex;
    flex-direction: row;

    & > button {
        all: unset;
        color: var(--black);
        font-weight: var(--semi-bold);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.9rem;
        padding: 1rem;
        cursor: pointer;

        &:is(:hover, :focus) {
            text-decoration: underline;
        }
    }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Header/DesktopDropdown/styles.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__IQeyx {
	display: flex;
	flex-direction: row;
	gap: 1.5rem;
	padding: 2.5rem 0 2rem;
	z-index: 1;
	transform: translateY(-4px);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Header/LinksFeature/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__RkU_k {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.7rem;
	padding: 1rem 1.5rem;
	border: 1px solid lightgrey;
	border-radius: 0.5rem;
}

.styles_container__RkU_k > .styles_heading__QfqwK {
	font-size: 1.2rem;
	font-weight: var(--semi-bold);
	text-align: center;
}

.styles_container__RkU_k > img {
	max-width: 65%;
	height: 4rem;
	object-fit: contain;
	margin: 0.5rem 0;
}

.styles_linkGroups__nWWkU {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 1rem;
	text-align: center;
}

.styles_linkGroup__F56gB {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex: 1 1;
}

.styles_linkGroup__F56gB > .styles_heading__QfqwK {
	font-weight: var(--semi-bold);
}

.styles_linkGroup__F56gB > ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.styles_linkGroup__F56gB:only-child > ul {
	align-items: center;
}

@media only screen and (max-width: 1000px) {
	.styles_linkGroups__nWWkU {
		flex-direction: column;
	}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Header/ServiceFeature/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__AAzaD {
	flex: 1 1;
}

.styles_container__TnnHq {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

.styles_subtext__5K4gu {
	text-align: center;
}

.styles_bulletPoints__ByYJv {
	display: flex;
	flex-direction: column;
	font-size: 0.8rem;
	gap: 0.5rem;
	border: 1px solid lightgrey;
	border-radius: 0.5rem;
	padding: 1rem 1rem 1rem 2rem;
	background-color: white;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/GradientPlacard/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__a0RTQ {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;

	gap: 2rem;
	padding: 2rem;
	border-radius: 0.5rem;

	background: linear-gradient(var(--gradientFrom), var(--gradientTo));
}

.styles_title__YsJfH {
	font-weight: var(--semi-bold);
	text-align: center;
}

.styles_content__Kl_aV {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.styles_infoLink___g37u {
	margin-top: auto;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Header/MobileDropdown/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__VF23O {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.2rem;
	padding-top: 0.5rem;
	padding-bottom: 1.5rem;
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.styles_dropdowns__nK0Vt {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.styles_dropdown__FOUHi > button {
	all: unset;
	cursor: pointer;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 1rem 0;
	padding-right: 0.5rem;
	font-weight: var(--semi-bold);
	font-size: 1.1rem;
}

.styles_dropdown__FOUHi {
	border-top: 1px solid lightgrey;

	&:last-of-type {
		border-bottom: 1px solid lightgrey;
	}
}

.styles_dropdownContents___367r {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/globals.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primary: #00a26b;
  --black: #2b3235;
  --light-blue: #f4fbf8;
  --semi-bold: 600;
}

html,
body {
  scroll-behavior: auto;
}

html {
  color: var(--black);
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

body.modal-open {
  overflow: hidden;
}

img {
  overflow-clip-margin: unset;
}

.main {
  margin-top: 2.5rem;
  margin-bottom: 6rem;
}

.container, .centered-container {
  box-sizing: border-box;
  max-width: 95%;
}

.centered, .centered-container {
  margin-left: auto;
  margin-right: auto;
}

.container.large, .centered-container {
  width: 80rem;
}

.container.medium, .medium.centered-container {
  width: 60rem;
}

.container.small, .small.centered-container {
  width: 45rem;
}

@media screen and (min-width: 1600px) {
  html {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 0.95rem;
  }
}
@media screen and (max-width: 1400px) {
  html {
    font-size: 0.925rem;
  }
}
@media screen and (max-width: 900px) {
  html {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 0.85rem;
  }
}
.primary, .col-primary {
  color: var(--primary);
}

.semi-bold {
  font-weight: var(--semi-bold);
}

h1, h2, h3,
h4, h5, h6 {
  margin: 0;
  font-weight: var(--semi-bold);
  word-wrap: break-word;
}

h1 {
  font-size: 2.1em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.35em;
}

h5 {
  font-size: 1.15em;
}

h6 {
  font-size: 1em;
}

p {
  margin: 0;
  font-size: 1.05em;
  word-wrap: break-word;
}

p.medium {
  font-size: 1.1em;
}

p.large, p.centered-container {
  font-size: 1.2em;
}

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

iframe {
  border: none;
}

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

img.rounded,
iframe.rounded {
  border-radius: 0.5rem;
}

img.shadow {
  box-shadow: 0 0 2rem -1rem #949494;
}

.link, a {
  all: unset;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--primary);
  font-weight: var(--semi-bold);
}

.link:is(:hover, :focus), a:is(:hover, :focus) {
  text-decoration: underline;
}

.link:focus:has(img), a:focus:has(img) {
  outline: 2px solid blue;
}

.button {
  all: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-wrap: auto;
  text-align: center;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--semi-bold);
  color: var(--primary);
  border: 1px solid var(--primary);
  padding: 0.9rem 1rem;
  border-radius: 0.5rem;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  transition: transform, 0.15s ease-in-out;
}

.centered, .centered-container {
  margin-left: auto;
  margin-right: auto;
}

.button.col-primary,
.button.primary {
  color: white;
  border: none;
  background-color: var(--primary);
}

.button.red {
  color: red;
  border-color: red;
}

.button.red:disabled {
  background-color: white;
  color: #db9696;
  border-color: #db9696;
}

.button:not(:disabled):hover, .button:not(:disabled):focus {
  transform: scale(1.05);
  text-decoration: none;
}

.button:disabled {
  background-color: lightgrey;
  cursor: not-allowed;
}

.input, textarea {
  all: unset;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid lightgrey;
  padding: 0.7rem 1rem;
  border-radius: 4rem;
  width: 100%;
  box-sizing: border-box;
  cursor: text;
}
.input.square, textarea.square {
  border-radius: 0.35rem;
  padding: 0.7rem;
}
.input.square > select, textarea.square > select {
  padding: 0.7rem;
  border-right: 0.7rem solid transparent;
}
.input:has(> select), textarea:has(> select) {
  padding: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.input > select, textarea > select {
  all: unset;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0.7rem 1rem;
  border-right: 1rem solid transparent;
}
.input > svg, textarea > svg {
  color: var(--primary);
}

.input:has(> input), textarea:has(> input) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.input > input, textarea > input {
  all: unset;
  flex-grow: 1;
  width: 100%;
}

input[type=checkbox] {
  accent-color: var(--primary);
  cursor: pointer;
}

textarea {
  white-space: pre-wrap;
  border-radius: 0.5rem;
}

i.arrow {
  all: unset;
  border: solid var(--black);
  border-width: 0 0.14em 0.14em 0;
  display: inline-block;
  padding: 0.225em;
  width: 0;
  height: 0;
}

i.arrow.up {
  transform: translateY(25%) rotate(-135deg);
}

i.arrow.down {
  transform: translateY(-25%) rotate(45deg);
}

.form-success {
  color: green !important;
  font-size: 0.95em !important;
}

.form-issue {
  color: red !important;
  font-size: 0.95em !important;
}

.orange {
  color: #fab03d;
}

.red {
  color: red;
}