/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[12].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/constants/font.ts","import":"","arguments":[{"src":[{"path":"../../public/fonts/DirtyPawsBold.woff2","weight":"700","style":"normal"},{"path":"../../public/fonts/DirtyPawsRegular.woff2","weight":"500","style":"normal"},{"path":"../../public/fonts/DirtyPawsThin.woff2","weight":"400","style":"normal"}],"variable":"--dirty-paws"}],"variableName":"dirtypaws"} ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__dirtypaws_0fd8cd';
src: url(/_next/static/media/bec5bd4bb93da3de-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: '__dirtypaws_0fd8cd';
src: url(/_next/static/media/0d20c59a9e2c5ca8-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: '__dirtypaws_0fd8cd';
src: url(/_next/static/media/e1e4afd50ca63078-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}@font-face {font-family: '__dirtypaws_Fallback_0fd8cd';src: local("Arial");ascent-override: 94.38%;descent-override: 26.83%;line-gap-override: 20.91%;size-adjust: 108.07%
}.__className_0fd8cd {font-family: '__dirtypaws_0fd8cd', '__dirtypaws_Fallback_0fd8cd'
}.__variable_0fd8cd {--dirty-paws: '__dirtypaws_0fd8cd', '__dirtypaws_Fallback_0fd8cd'
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/DebugGrid/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_grid-debug__dW2f9 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
  height: 100vh;
}
.style_grid-debug__dW2f9 .style_grid-mobile__I59oU {
  display: none;
}

.style_debug_col__EziuG {
  background: rgba(255, 107, 2, 0.15);
  height: 100vh;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/PageEffect/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_transition__hbSyW {
  --clipPathG: "inset(100% 0% 0% 0%)";
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-clip-path: var(--clipPathG);
          clip-path: var(--clipPathG);
  background: var(--green);
}
.styles_transition_bg__QykSz {
  --clipPathB: "inset(100% 0% 0% 0%)";
  background: var(--dark-grey);
  -webkit-clip-path: var(--clipPathB);
          clip-path: var(--clipPathB);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.styles_transition_logo__tqrV1 {
  width: 48.1rem;
  height: auto;
  margin-right: 6.6rem;
}
.styles_transition_inner__QSZ2g {
  display: flex;
  font-size: 6vw;
  color: var(--light-green);
  overflow: hidden;
}
.styles_transition_inner__QSZ2g span {
  display: block;
}
.styles_transition__hbSyW .styles_space__EoCtG {
  flex: 0 0 auto;
  width: 0.25em;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/VideoFullScreen/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_video_full__PbAe6 {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.styles_popupVideo__49avj {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 99;
}
.styles_popupVideo_close__Cbh1s {
  border: 1px solid white;
  padding: 1rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.4s var(--easeOutQuart);
}
.styles_popupVideo_close__Cbh1s:hover {
  background-color: white;
}
.styles_popupVideo_close__Cbh1s:hover svg {
  fill: black;
}
.styles_popupVideo_close__Cbh1s svg {
  height: 1.6rem;
  width: 1.6rem;
  fill: white;
  transition: fill 0.4s var(--easeOutQuart);
}
.styles_popupVideo__49avj video::-webkit-media-controls-fullscreen-button {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Body/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__KXTR0 {
  box-sizing: border-box;
}

.styles_body_default__VIH4G {
  font-size: 1.6rem;
  line-height: 2.72rem;
}
@media (min-width: 768px) {
  .styles_body_default__VIH4G {
    font-size: 1.4rem;
    line-height: 2.24rem;
  }
}
@media (min-width: 1200px) {
  .styles_body_default__VIH4G {
    font-size: 1.8rem;
    line-height: 2.88rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_body1__sfogu {
  font-size: 1.6rem;
  line-height: 2.08rem;
}
@media (min-width: 768px) {
  .styles_body1__sfogu {
    font-size: 1.4rem;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_body1__sfogu {
    font-size: 1.6rem;
    line-height: 2.08rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_body1_sub__nWjRM {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.04rem;
}
@media (min-width: 768px) {
  .styles_body1_sub__nWjRM {
    font-size: 1.4rem;
    font-style: normal;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_body1_sub__nWjRM {
    font-size: 1.6rem;
    line-height: 2.08rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_body2__mOFbb {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_body3__NStzj {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_body4__fT5kQ {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}
@media (min-width: 768px) {
  .styles_body4__fT5kQ {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .styles_body4__fT5kQ {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_body4_sub__bR7Sd {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_body24__bdQes {
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .styles_body24__bdQes {
    font-size: 2.4rem;
  }
}

.styles_body18__1Lja_ {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.4rem;
}
@media (min-width: 768px) {
  .styles_body18__1Lja_ {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_body18__1Lja_ {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.34rem;
  }
}

.styles_white__xSQZx {
  color: #ffffff;
}

.styles_black__EMSdp {
  color: #000000;
}

.styles_orange__XPPx_ {
  color: #ff6b02;
}

.styles_lightGreen__NdXF_ {
  color: #bbc703;
}

.styles_lightGreen2__QbQZ2 {
  color: #a6bea8;
}

.styles_lightGrey__zNuib {
  color: #e8e8e8;
}

.styles_darkGrey2__mdayV {
  color: #131716;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Heading/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__AgtDV {
  box-sizing: border-box;
}

.styles_h1__XlGJL {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  .styles_h1__XlGJL {
    font-size: 5.4rem;
    line-height: 9.72rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_h2__PTfOS {
  font-size: 5.2rem;
  line-height: 6.44rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_h2_sub__VPKoA {
  font-size: 3.2rem;
  line-height: 3.84rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_h2_sub__VPKoA {
    font-size: 4.8rem;
    line-height: 5.76rem;
  }
}
@media (min-width: 1200px) {
  .styles_h2_sub__VPKoA {
    font-size: 5.2rem;
    line-height: 6.24rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_h3__1Brqv {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_h3__1Brqv {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 3.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_h3__1Brqv {
    font-size: 4.8rem;
    line-height: 4.8rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_h3_sub__yzXso {
  font-size: 3.3rem;
  line-height: 3.63rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_h3_sub__yzXso {
    font-size: 3.2rem;
    line-height: 3.52rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_h3_sub__yzXso {
    font-size: 4.8rem;
    line-height: 5.28rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_h4___8kAh {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .styles_h4___8kAh {
    font-size: 2.4rem;
    line-height: 2.64rem;
  }
}
@media (min-width: 1200px) {
  .styles_h4___8kAh {
    font-size: 4.2rem;
    line-height: 4.62rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_h5__0sSDZ {
  font-size: 3.6rem;
  line-height: 3.96rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_h6__U3eEh {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .styles_h6__U3eEh {
    font-size: 3.4rem;
    line-height: 3.4rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_white__6l4MI {
  color: #ffffff;
}

.styles_black__0IBkI {
  color: #000000;
}

.styles_orange__nks4S {
  color: #ff6b02;
}

.styles_lightGreen__CuElW {
  color: #bbc703;
}

.styles_lightGreen2__9JiQi {
  color: #a6bea8;
}

.styles_lightGrey__q72PO {
  color: #e8e8e8;
}

.styles_darkGrey2__8svDQ {
  color: #131716;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Label/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__wpVyR {
  box-sizing: border-box;
}

.styles_label__u_0dj {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3.24rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_label__u_0dj {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.08rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_label__u_0dj {
    font-size: 1.8rem;
    line-height: 3.24rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_label_sub__3T5lj {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  .styles_label_sub__3T5lj {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__lwhjV {
  color: #ffffff;
}

.styles_black__q_YSh {
  color: #000000;
}

.styles_orange__0WEJ1 {
  color: #ff6b02;
}

.styles_lightGreen__Ov4PM {
  color: #bbc703;
}

.styles_lightGreen2__LbKzX {
  color: #a6bea8;
}

.styles_lightGrey__9mvao {
  color: #e8e8e8;
}

.styles_darkGrey2__KbMws {
  color: #131716;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/BoxParallax/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_boxParallax_inner__fVNBQ {
  --clipPath: inset(0% 0%);
  -webkit-clip-path: var(--clipPath);
          clip-path: var(--clipPath);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/Heading/Chars/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_headingChars__Eo837 .line {
  overflow: hidden;
  padding-bottom: 0.05em;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/IconButton/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Footer/ScrollToTop/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_footer___qeYc {
  width: 100%;
  z-index: 999;
  background-color: var(--white, #ffffff);
  position: relative;
  overflow: hidden;
}
.styles_footer_backToTopBtn__2EGKl {
  width: 6.1rem;
  height: 6.1rem;
  background-color: var(--dark-grey);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 9;
  line-height: 1;
  cursor: pointer;
}
.styles_footer_backToTopBtn_wrapper__CDs0n {
  overflow: hidden;
  position: absolute;
}
.styles_footer_backToTopBtn_clone__b9yrD {
  position: absolute;
}
.styles_footer_backToTopBtn__2EGKl svg {
  width: 1.6rem;
  height: auto;
  aspect-ratio: 16/22;
}
@media (min-width: 768px) {
  .styles_footer_backToTopBtn__2EGKl {
    right: 0;
    top: 50%;
    position: relative;
  }
}
.styles_footer_nameBrand__slDs2 {
  position: relative;
  aspect-ratio: 1498/256;
}
.styles_footer_nameBrand__slDs2 svg {
  overflow: visible;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Caption/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__P3sOf {
  box-sizing: border-box;
}

.styles_caption__w2KMV {
  font-size: 1.4rem;
  line-height: 2.52rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_caption_sub__U_DEk {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.56rem;
}
@media (min-width: 768px) {
  .styles_caption_sub__U_DEk {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_caption_sub__U_DEk {
    font-size: 1.4rem;
    line-height: 1.82rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__arz5O {
  color: #ffffff;
}

.styles_black__5_f19 {
  color: #000000;
}

.styles_orange__d7F1r {
  color: #ff6b02;
}

.styles_lightGreen__h7hSl {
  color: #bbc703;
}

.styles_lightGreen2__hB_nY {
  color: #a6bea8;
}

.styles_lightGrey__pWtaq {
  color: #e8e8e8;
}

.styles_darkGrey2__hEoz8 {
  color: #131716;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Display/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__PSXLI {
  box-sizing: border-box;
}

.styles_d0___iBnK {
  font-size: 7.2rem;
  font-weight: 500;
  line-height: 8.64rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d0___iBnK {
    font-size: 16rem;
    font-weight: 500;
    line-height: 6.4rem;
  }
}
@media (min-width: 1200px) {
  .styles_d0___iBnK {
    font-size: 30rem;
    line-height: 6.4rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d1__OD2fm {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 4.8rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d1__OD2fm {
    font-size: 11rem;
    font-weight: 500;
    line-height: 11rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d1__OD2fm {
    font-size: 20rem;
    line-height: 20rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d2__PPI5I {
  font-size: 14.5rem;
  line-height: 15.95rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_d3__mmeh7 {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 4.8rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d3__mmeh7 {
    font-size: 7.2rem;
    font-weight: 500;
    line-height: 7.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d3__mmeh7 {
    font-size: 12rem;
    line-height: 12rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d4__9EweT {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 500;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d4__9EweT {
    font-size: 5.2rem;
    line-height: 5.2rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d4__9EweT {
    font-size: 10rem;
    line-height: 10rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d5__4gYaA {
  font-size: 4.8rem;
  line-height: 4.8rem;
  letter-spacing: 0rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .styles_d5__4gYaA {
    font-size: 7rem;
    line-height: 7.7rem;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
@media (min-width: 1200px) {
  .styles_d5__4gYaA {
    font-size: 9rem;
    line-height: 9rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d5_sub__2vv_W {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.16rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d5_sub__2vv_W {
    font-size: 5.2rem;
    font-weight: 500;
    line-height: 5.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d5_sub__2vv_W {
    font-size: 9rem;
    line-height: 10.8rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d6__mbR_5 {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d6__mbR_5 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d6__mbR_5 {
    font-size: 6rem;
    line-height: 6rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__sT7c_ {
  color: #ffffff;
}

.styles_black__0l2qw {
  color: #000000;
}

.styles_orange__QQunr {
  color: #ff6b02;
}

.styles_lightGreen__010qV {
  color: #bbc703;
}

.styles_lightGreen2__cCwq8 {
  color: #a6bea8;
}

.styles_lightGrey__ZGkNe {
  color: #e8e8e8;
}

.styles_darkGrey2__F0lbv {
  color: #131716;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Title/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__Qa00b {
  box-sizing: border-box;
}

.styles_title_default__KgjOP {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4rem;
}
@media (min-width: 768px) {
  .styles_title_default__KgjOP {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.12rem;
  }
}
@media (min-width: 1200px) {
  .styles_title_default__KgjOP {
    font-size: 3.2rem;
    line-height: 4.16rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_title__mNC8J {
  font-size: 20px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_title__mNC8J {
    font-size: 20px;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_title__mNC8J {
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_title_sub__PZx0I {
  font-size: 2.4rem;
  line-height: 2.88rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .styles_title_sub__PZx0I {
    font-size: 2.4rem;
    line-height: 2.64rem;
    letter-spacing: 0rem;
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .styles_title_sub__PZx0I {
    font-size: 3.2rem;
    line-height: 3.52rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_subtitle1__LC9y5 {
  font-size: 2.8rem;
  line-height: 3.36rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_subtitle2__mkWMr {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.16rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_subtitle2__mkWMr {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 2.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_subtitle2__mkWMr {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_subtitle3__wVEkO {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_subtitle3__wVEkO {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_subtitle3__wVEkO {
    font-size: 2.4rem;
    line-height: 3.12rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_subtitle3_sub__RFrhA {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_subtitle3_sub__RFrhA {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_subtitle3_sub__RFrhA {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__BlRh1 {
  color: #ffffff;
}

.styles_black__5cXpZ {
  color: #000000;
}

.styles_orange__StcXC {
  color: #ff6b02;
}

.styles_lightGreen__VNJGA {
  color: #bbc703;
}

.styles_lightGreen2__GtVP4 {
  color: #a6bea8;
}

.styles_lightGrey__Fviry {
  color: #e8e8e8;
}

.styles_darkGrey2__CpG3w {
  color: #131716;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Footer/SocialLink/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_socialLink__r8sMe {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.styles_socialLink_clone__vhV0G {
  position: absolute;
  left: 0;
}
.styles_socialLink_text__pFWMi, .styles_socialLink_icon__nHPkC {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  position: relative;
}
.styles_socialLink_text__pFWMi {
  padding: 0 2px;
}
.styles_socialLink_text__pFWMi span {
  display: block;
  padding-top: 0.05em;
  padding-bottom: 0.15em;
}
.styles_socialLink_icon__nHPkC span {
  display: block;
  line-height: 1;
}
.styles_socialLink_icon__clone__GNHUD {
  left: -100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Footer/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.styles_footer__Xr_4w {
  width: 100%;
  background-color: var(--white, #ffffff);
  position: relative;
  overflow: hidden;
}
.styles_footer_container___Bu9F {
  display: flex;
  flex-direction: column;
  padding-top: 4.1rem;
  height: 100vh;
  justify-content: space-between;
}
.styles_footer_top__6unkQ {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .styles_footer_top__6unkQ {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .styles_footer_top__6unkQ {
    align-items: center;
  }
}
.styles_footer_top_medias__hGb1z {
  margin-top: 3.6rem;
  margin-bottom: 3.6rem;
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
@media (min-width: 768px) {
  .styles_footer_top_medias__hGb1z {
    margin-top: 0;
    margin-bottom: 0;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .styles_footer_top_medias__hGb1z {
    flex-direction: row;
    margin-top: 1.8rem;
    margin-bottom: 0;
    gap: 2.4rem;
  }
}
.styles_footer_phone__XijwI {
  margin-top: 0.8rem;
}
.styles_footer_phone_alter__GIpkp {
  display: none;
}
@media (min-width: 768px) {
  .styles_footer_phone_alter__GIpkp {
    display: block;
  }
  .styles_footer_phone__XijwI {
    display: none;
  }
}
.styles_footer_address__B_8ab {
  display: flex;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .styles_footer_address__B_8ab {
    gap: 5rem;
  }
}
@media (min-width: 1200px) {
  .styles_footer_address__B_8ab {
    gap: 7.8rem;
  }
}
.styles_footer_copyright__6uO4T {
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .styles_footer_copyright__6uO4T {
    font-size: 1.4rem !important;
    font-weight: 400;
    line-height: 1.4rem !important;
    letter-spacing: 0rem;
  }
}
@media (min-width: 768px) {
  .styles_footer_copyright__6uO4T {
    font-size: 1.4rem !important;
    font-weight: 400;
    line-height: 1.4rem !important;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_footer_copyright__6uO4T {
    font-size: 1.6rem !important;
    line-height: 1.6rem !important;
    letter-spacing: 0rem;
  }
}
.styles_footer_center__1zDVK {
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.styles_footer_center_img__o_gZl {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.styles_footer_center_img__o_gZl:nth-child(1) {
  left: -30vw;
  width: 12.8rem;
  height: auto;
  aspect-ratio: 128/190;
  transform: translateY(-50%) rotate(10deg);
}
@media (min-width: 768px) {
  .styles_footer_center_img__o_gZl:nth-child(1) {
    left: 21vw;
  }
}
.styles_footer_center_img__o_gZl:nth-child(2) {
  left: 76.875vw;
  width: 19.7rem;
  height: auto;
  aspect-ratio: 197/123;
}
@media (min-width: 768px) {
  .styles_footer_center_img__o_gZl:nth-child(2) {
    left: 64.375vw;
  }
}
.styles_footer_center_catLogo__a8Ax2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.styles_footer_center_catLogo__a8Ax2 svg {
  width: 7.5rem;
  height: auto;
  aspect-ratio: 125/162;
}
@media (min-width: 768px) {
  .styles_footer_center_catLogo__a8Ax2 svg {
    width: 12.5rem;
  }
}
.styles_footer_center_heading__ZZSOa {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 38.9rem;
  text-align: center;
}
@media (min-width: 768px) {
  .styles_footer_center_heading__ZZSOa {
    width: 100%;
  }
}
.styles_footer_center_heading__ZZSOa .char {
  letter-spacing: -0.02em;
}
.styles_footer_bottom__4ML34 {
  position: relative;
  z-index: 2;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .styles_footer_bottom__4ML34 {
    margin-bottom: 0;
  }
}
.styles_footer_bottom_wrapper__5G4hW {
  position: relative;
  width: 100%;
}
.styles_footer_bottom_wrapper_nameBrand_fake__9o11T {
  aspect-ratio: 1498/256;
  position: absolute;
  top: 0;
  background: red;
}
.styles_footer_bottom_inner__RzZHz {
  bottom: 1.1rem;
}
.styles_footer_bottom_inner__RzZHz svg {
  width: 100%;
  height: auto;
}
.styles_footer_backToTopBtn__rr77j {
  right: 2.8rem;
  position: absolute;
  transform: translateY(-50̀);
  overflow: hidden;
  z-index: 9;
}
.styles_footer_backToTopBtn_clone__xlE7x {
  position: absolute;
  left: 0;
}
.styles_footer_backToTopBtn__rr77j svg {
  width: 2.6rem;
  height: auto;
  aspect-ratio: 26/36;
}
@media (min-width: 768px) {
  .styles_footer_backToTopBtn__rr77j {
    right: 0;
    top: 50%;
  }
}
.styles_footer_nameBrand__7abr_ {
  position: relative;
  aspect-ratio: 1498/256;
}
.styles_footer_nameBrand__7abr_ svg {
  overflow: visible;
}

.styles_footer_btnTop__yQXs_ {
  display: block;
  position: absolute;
  right: var(--gap-x);
  top: var(--gap-x);
}
@media (min-width: 1200px) {
  .styles_footer_btnTop__yQXs_ {
    display: none;
  }
}

.styles_footer_top_medias__hGb1z {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .styles_footer_top_medias__hGb1z {
    align-items: center;
    margin-top: -0.1rem;
  }
}

.styles_footer_phone_alter__mobile__bhFBm {
  margin-top: 1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Header/Logo/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_logo__xL8dQ {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1.8rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
@media (min-width: 768px) {
  .styles_logo__xL8dQ {
    left: 50%;
    transform: translateX(-50%);
    padding-left: 4rem;
    padding-right: 4rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .styles_logo__xL8dQ {
    padding-left: 5.1rem;
    padding-right: 5.1rem;
    margin-top: 1.5rem;
  }
}
.styles_logo__xL8dQ svg path {
  transition: fill 0.4s var(--easeOutQuart);
}
.styles_logo__xL8dQ [fill="#080808"],
.styles_logo__xL8dQ [fill="rgb(0,0,0)"] {
  display: none !important;
}
.styles_logo_inner__AsmfK {
  position: relative;
  margin-top: 0.5rem;
}
.styles_logo_inner_time__9tRN4 {
  margin-top: 1.8rem;
}
.styles_logo_inner_toggle__7_XB8 {
  position: relative;
}
.styles_logo_inner_toggle__7_XB8 .styles_logo_small__I1fHl {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
.styles_logo_inner__desktop__QbNCT {
  display: none;
}
@media (min-width: 768px) {
  .styles_logo_inner__desktop__QbNCT {
    display: block;
  }
}
.styles_logo_small__I1fHl {
  transition: opacity 0.4s 0.4s var(--easeOutQuart), visibility 0.4s 0.4s var(--easeOutQuart);
}
.styles_logo_small__I1fHl svg {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 6.5rem;
}
@media (min-width: 768px) {
  .styles_logo_small__I1fHl svg {
    width: 10rem;
  }
}
.styles_logo_small_label__AI0kt {
  width: 32rem;
  opacity: 0;
  top: -0.4rem;
  display: block;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
.styles_logo_lottie___Zn2k {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  top: 5.6rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  transition: opacity 0.4s 0.4s var(--easeOutQuart);
  width: 82rem;
}
@media (min-width: 1200px) {
  .styles_logo_lottie___Zn2k {
    width: 149.8rem;
  }
}
.styles_logo_lottie___Zn2k svg {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.styles_logo_lottie_label__BtJMw {
  position: absolute;
  width: 31.6rem;
  aspect-ratio: 1498/256;
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 768px) {
  .styles_logo_lottie_label__BtJMw {
    width: 82rem;
  }
}
@media (min-width: 1200px) {
  .styles_logo_lottie_label__BtJMw {
    width: 149.8rem;
  }
}
.styles_logo_lottie_el__MPPX0 {
  width: 100%;
}
@media (min-width: 768px) {
  .styles_logo__xL8dQ.styles_isHome__HBxXR .styles_logo_small__I1fHl {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}
.styles_logo__xL8dQ:not(.styles_isHome__HBxXR) .styles_logo_lottie___Zn2k {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.styles_logo__xL8dQ.styles_white__P6TM7 svg path {
  fill: white !important;
}
.styles_logo__xL8dQ.styles_green__iJEUz svg path {
  fill: #bbc703 !important;
}
.styles_logo__xL8dQ.styles_brow__1mxtY svg path {
  fill: #004e32 !important;
}
.styles_logo__xL8dQ .styles_logo_long__ZsLmD svg path {
  fill: white !important;
}
.styles_logo_long__ZsLmD {
  position: relative;
  z-index: 1;
  margin-top: 1.6rem;
}
.styles_logo_long__ZsLmD svg {
  width: 14rem;
  height: auto;
}
@media (min-width: 768px) {
  .styles_logo_long__ZsLmD {
    display: none;
  }
}

.styles_logo_mobile__s7GHX {
  display: block;
  margin-top: 0.8rem;
  width: 14rem;
}
.styles_logo_mobile__s7GHX svg {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.styles_logo_mobile__s7GHX svg path {
  fill: white;
}
@media (min-width: 768px) {
  .styles_logo_mobile__s7GHX {
    display: none;
  }
}

@keyframes styles_fin___4GUv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/BurgerIcon/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_burger__tAxd2 {
  width: 3rem;
  height: 3rem;
  position: relative;
  transition: 0.1s;
  margin: 1rem 1rem;
  cursor: pointer;
  display: inline-block;
  z-index: 99;
  scale: 0.55;
}

.style_burger__tAxd2 span {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #fff;
  display: block;
  position: absolute;
}

.style_burger__tAxd2:hover span {
  transform: scale(1.2);
  transition: 350ms cubic-bezier(0.8, 0.5, 0.2, 1.4);
}

.style_burger__tAxd2 span:nth-child(1) {
  left: 0;
  top: 0;
}

.style_burger__tAxd2 span:nth-child(2) {
  left: 1.2rem;
  top: 0;
}

.style_burger__tAxd2 span:nth-child(3) {
  right: 0;
  top: 0;
}

.style_burger__tAxd2 span:nth-child(4) {
  left: 0;
  top: 1.2rem;
}

.style_burger__tAxd2 span:nth-child(5) {
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
}

.style_burger__tAxd2 span:nth-child(6) {
  right: 0px;
  top: 1.2rem;
}

.style_burger__tAxd2 span:nth-child(7) {
  left: 0px;
  bottom: 0px;
}

.style_burger__tAxd2 span:nth-child(8) {
  position: absolute;
  left: 1.2rem;
  bottom: 0px;
}

.style_burger__tAxd2 span:nth-child(9) {
  right: 0px;
  bottom: 0px;
}

.style_burger__tAxd2.style_open__ujd1b {
  transform: rotate(180deg);
  cursor: pointer;
  transition: 0.2s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  rotate: 45deg;
}

.style_burger__tAxd2.style_open__ujd1b span {
  transition-delay: 200ms;
  transition: 0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  background-color: var(--white) !important;
}

.style_burger__tAxd2.style_open__ujd1b span:nth-child(2) {
  left: 0.6rem;
  top: 0.6rem;
  opacity: 0;
}

.style_burger__tAxd2.style_open__ujd1b span:nth-child(4) {
  left: 0.6rem;
  top: 1.8rem;
  opacity: 0;
}

.style_burger__tAxd2.style_open__ujd1b span:nth-child(6) {
  right: 0.6rem;
  top: 0.6rem;
  opacity: 0;
}

.style_burger__tAxd2.style_open__ujd1b span:nth-child(8) {
  left: 1.8rem;
  bottom: 0.6rem;
  opacity: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Header/NavItem/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_nav_text__Q7Dos {
  position: relative;
  display: block;
  overflow: hidden;
}
.styles_nav_text_clone__o5irw {
  position: absolute;
  display: block;
}
.styles_nav_text__Q7Dos span {
  padding-bottom: 0.1em;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Header/MenuNav/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_menuNav__LTc7p {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 98;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  transition: -webkit-clip-path 0.5s var(--easeInOutQuart);
  transition: clip-path 0.5s var(--easeInOutQuart);
  transition: clip-path 0.5s var(--easeInOutQuart), -webkit-clip-path 0.5s var(--easeInOutQuart);
  overflow: hidden;
  display: block;
  background-color: var(--dark-grey);
}
.style_menuNav__LTc7p:before {
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100vh;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/images/nav-mobile-bg.jpg");
}
@media (min-width: 768px) {
  .style_menuNav__LTc7p:before {
    background-image: url("/images/nav-bg.jpg");
  }
}
.style_menuNav_menuList__LDa0U {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-top: 15.6rem;
}
.style_menuNav_closeBtn__GPGHn {
  position: absolute;
  right: 2.8rem;
  top: 2.8rem;
  z-index: 99;
}
@media (min-width: 768px) {
  .style_menuNav_closeBtn__GPGHn {
    right: 4rem;
    top: 4rem;
  }
}
.style_menuNav_nav__bb4bL {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 9;
}
.style_menuNav_item__jZ8Jq {
  display: flex;
  align-items: center;
  text-decoration: none;
  opacity: 0;
  --delay: 0s;
}
.style_menuNav_item__jZ8Jq * {
  font-weight: 400;
  font-size: 3.8rem !important;
  line-height: 3.8rem !important;
}
@media (min-width: 768px) {
  .style_menuNav_item__jZ8Jq * {
    font-size: 6.4rem !important;
    line-height: 6.4rem !important;
  }
}
.style_menuNav_itemActive__ZyuU3 {
  font-weight: 700;
}
.style_menuNav__LTc7p.style_open__j1TyO {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.style_menuNav_bottom__KPXm3 {
  position: absolute;
  height: 100%;
  z-index: 2;
}
.style_menuNav_bottom_span__TrXf0 {
  position: relative;
  bottom: 3.75vh;
}
.style_menuNav_bottom_wrapper__TL5N0 {
  position: absolute;
  width: 100%;
  bottom: 3.75vh;
}
.style_menuNav_bottom_wrapper_nameBrand_fake__wP9vk {
  aspect-ratio: 1498/256;
  position: absolute;
  top: 0;
  background: red;
}
.style_menuNav_bottom_inner__lQzqT {
  bottom: 1.375vh;
}
@media (min-width: 768px) {
  .style_menuNav_bottom_inner__lQzqT {
    display: none;
  }
}
.style_menuNav_bottom_inner__lQzqT svg {
  width: 100%;
  height: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/SymbolChange/style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_symbol__BtnQY {
  font-size: 2.8rem !important;
  margin-top: -0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  animation: style_gelatine__bQZ9e 1s infinite;
}

@keyframes style_gelatine__bQZ9e {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.2);
  }
  50% {
    transform: scale(1.2, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Header/NavTime/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_header_address__nd5yG {
  transition: all 0.3s ease;
  align-items: center;
  gap: 4.2rem;
}
@media (max-width: 767px) {
  .style_header_address__nd5yG {
    position: absolute;
    left: 2.8rem;
    top: 3.6rem;
  }
}
.style_header_address_location__Y1Mvy {
  margin-right: 2rem;
}
@media (min-width: 768px) {
  .style_header_address_location__Y1Mvy {
    margin-right: 3.6rem;
  }
}
.style_header_address_item__4ldzn {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.style_header_address_starIcon__nrvXs svg {
  width: 2.4rem;
  height: auto;
}
@media (min-width: 768px) {
  .style_header_address__nd5yG {
    display: flex;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/Header/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_header__vbDbd {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  display: flex;
  height: 5.1rem;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.4s var(--easeOutQuart);
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .styles_header__vbDbd {
    padding-top: 4rem;
  }
  .styles_header__vbDbd .js-fade {
    opacity: 0;
  }
}
.styles_header__vbDbd.styles_hideHeader__0b_zE {
  opacity: 0;
  pointer-events: none;
}
.styles_header__vbDbd.styles_isHide__FuqR_ {
  opacity: 0;
}
.styles_header_container__1oB4s {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
@media (min-width: 768px) {
  .styles_header_container__1oB4s {
    justify-content: space-between;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .styles_header_container__1oB4s {
    justify-content: space-between;
    padding-left: 5.1rem;
    padding-right: 5.1rem;
  }
}
.styles_header_address__SGT6O {
  display: none;
  align-items: center;
  gap: 4.2rem;
}
.styles_header_address_item__XNlpn {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.styles_header_address_starIcon__ui91_ svg {
  width: 2.4rem;
  height: auto;
}
@media (min-width: 768px) {
  .styles_header_address__SGT6O {
    display: flex;
  }
}
.styles_header_navigations__T6xnn {
  display: flex;
}
.styles_header_navigations__T6xnn li {
  transition: opacity 0.4s var(--easeOutQuart);
  transition-delay: 0.32s;
}
.styles_header_navigations__T6xnn li:not(:last-child) {
  display: none;
}
@media (min-width: 1200px) {
  .styles_header_navigations__T6xnn {
    gap: 3.6rem;
    align-items: center;
  }
  .styles_header_navigations__T6xnn li:not(:last-child) {
    display: block;
  }
}
.styles_header_navigations__T6xnn.styles_hideNavigate__2YxkH li:not(:last-child) {
  opacity: 0;
  transition-delay: 0s;
}
.styles_header_navigations__T6xnn .styles_menu__3PLcI {
  margin-left: -0.8rem;
  display: flex;
  transform: translateX(25%);
  z-index: 99999;
}
.styles_header_navigations__T6xnn .styles_menu__3PLcI svg {
  width: 2.4rem;
  height: auto;
}
.styles_header__vbDbd.styles_darkGrey2__Brs7q * {
  color: var(--dark-grey-2);
  fill: var(--dark-grey-2);
}
.styles_header__vbDbd.styles_darkGrey2__Brs7q * .styles_burger__KV1lk span {
  background-color: var(--dark-grey-2);
}
@media (max-width: 767px) {
  .styles_header__vbDbd .styles_wrapLogo__GrB3K {
    position: absolute;
    top: 0;
    left: 0;
  }
  .styles_header__vbDbd .styles_wrapTime__R2Bhm {
    display: none;
  }
}
.styles_header__vbDbd.styles_isNavOpen__ANWah .logo_small {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.4s 0s var(--easeOutQuart), visibility 0.4s 0s var(--easeOutQuart);
}
.styles_header__vbDbd.styles_isNavOpen__ANWah .logo_lottie {
  opacity: 0 !important;
  transition: opacity 0.4s 0s var(--easeOutQuart);
}
@media (max-width: 767px) {
  .styles_header__vbDbd.styles_isNavOpen__ANWah .styles_wrapTime__R2Bhm {
    opacity: 0;
  }
}
.styles_header__vbDbd.styles_isNavOpen__ANWah .styles_wrapLogo__GrB3K {
  opacity: 1;
}

@media (max-width: 767px) {
  .styles_burger__KV1lk.styles_isHome__e_zKf {
    opacity: 0;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./src/styles/app.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
  --gap-x: 3.8rem;
  --padding-container: 5.1rem;
  --white: #ffffff;
  --black: #000000;
  --orange: #ff6b02;
  --light-green: #bbc703;
  --light-green-2: #a6bea8;
  --green: #004e32;
  --dark-grey: #090909;
  --dark-grey-2: #131716;
  --light-grey: #e8e8e8;
  --typography-white: var(--white);
  --typography-black: var(--black);
  --typography-orange: var(--orange);
  --typography-lightGreen: var(--light-green);
  --typography-lightGrey: var(--light-grey);
  --typography-darkGrey2: var(--dark-grey);
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  font-family: inherit;
  line-height: inherit;
  vertical-align: baseline;
  outline: none;
  background: transparent;
  border: 0;
}

ol,
ul {
  list-style: none;
}

html {
  box-sizing: border-box;
  font-size: 10px !important;
  background-color: var(--dark-grey, #090909);
}
@media (min-width: 768px) {
  html {
    font-size: 1.1111111111vw !important;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 0.625vw !important;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

[hidden] {
  visibility: hidden;
}

html,
body {
  font-smoothing: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  scroll-behavior: unset !important;
  overscroll-behavior-y: none !important;
}

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

img:is([loading=lazy]) {
  background-repeat: no-repeat;
  background-size: cover;
}

body {
  line-height: 110%;
  font-weight: normal;
  font-size: 1.6rem;
  background-color: var(--dark-grey);
  transition: background-color 0.4s var(--easeInOutQuart);
  overflow-x: hidden;
}
body:not(.is-ready) {
  opacity: 0;
}

.grid {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
@media (min-width: 768px) {
  .grid {
    -moz-column-gap: 2.4rem;
         column-gap: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .grid {
    -moz-column-gap: var(--gap-x);
         column-gap: var(--gap-x);
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* ! tailwindcss v3.3.5 | 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.
*/

html {
  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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
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. 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-size: 1em; /* 2 */
}

/*
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 */
  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,
[type='button'],
[type='reset'],
[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:  ;
}

::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:  ;
}
.container{
  width: 100%;
}
@media (min-width: 0px){
  .container{
    max-width: 0px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1200px){
  .container{
    max-width: 1200px;
  }
}
@media (min-width: 1600px){
  .container{
    max-width: 1600px;
  }
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.absolute{
  position: absolute;
}
.left-0{
  left: 0px;
}
.top-0{
  top: 0px;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.col-start-1{
  grid-column-start: 1;
}
.mb-\[12px\]{
  margin-bottom: 12px;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.\!aspect-\[176\/99\]{
  aspect-ratio: 176/99 !important;
}
.\!h-full{
  height: 100% !important;
}
.h-full{
  height: 100%;
}
.\!w-full{
  width: 100% !important;
}
.w-full{
  width: 100%;
}
.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));
}
.resize{
  resize: both;
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.\!whitespace-pre-wrap{
  white-space: pre-wrap !important;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.object-top{
  -o-object-position: top;
     object-position: top;
}
.\!leading-\[1\]{
  line-height: 1 !important;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}
.container {
  max-width: 100% !important;
  padding-left: 2.8rem !important;
  padding-right: 2.8rem !important;
}
@media (min-width: 768px) {
  .container {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: var(--padding-container) !important;
    padding-right: var(--padding-container) !important;
  }
}

strong {
  font-weight: 500 !important;
}

.contentEditor h2,
.contentEditor h3,
.contentEditor h4,
.contentEditor p {
  margin-bottom: 30px;
}
.contentEditor h2,
.contentEditor h3,
.contentEditor h4 {
  font-weight: 700;
  font-size: 18px;
}
.contentEditor p {
  font-size: 18px;
}
.contentEditor img {
  margin: 50px auto;
}
@media (min-width: 0px){
  .xs\:hidden{
    display: none;
  }
}
@media (min-width: 768px){
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .sm\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .sm\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .sm\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .sm\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .sm\:col-start-2{
    grid-column-start: 2;
  }
  .sm\:col-start-3{
    grid-column-start: 3;
  }
  .sm\:col-start-5{
    grid-column-start: 5;
  }
  .sm\:col-start-6{
    grid-column-start: 6;
  }
  .sm\:block{
    display: block;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .md\:col-span-12{
    grid-column: span 12 / span 12;
  }
  .md\:grid{
    display: grid;
  }
  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1200px){
  .lg\:col-span-10{
    grid-column: span 10 / span 10;
  }
  .lg\:col-span-12{
    grid-column: span 12 / span 12;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }
  .lg\:col-start-3{
    grid-column-start: 3;
  }
  .lg\:col-start-4{
    grid-column-start: 4;
  }
  .lg\:col-start-7{
    grid-column-start: 7;
  }
  .lg\:col-start-8{
    grid-column-start: 8;
  }
  .lg\:col-start-9{
    grid-column-start: 9;
  }
  .lg\:block{
    display: block;
  }
  .lg\:grid{
    display: grid;
  }
  .lg\:w-\[75\%\]{
    width: 75%;
  }
  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}