.animate-slide-down {
        opacity: 0;
        transform: translateY(-20px);
        animation: slideDown 1s ease forwards;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -webkit-animation: slideDown 1s ease forwards;
}

      @keyframes slideDown {
        0% {
          opacity: 0;
          transform: translateY(-20px);
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
}

        100% {
          opacity: 1;
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
}
      }
  


    
      .wrapper>div>*[data-v-3ebde980],
      .wrapper>div>*[data-v-3ebde980] .bg-blue,
      .wrapper>div>*[data-v-3ebde980] .bg-red,
      .wrapper>div>*[data-v-3ebde980] .bg-yellow,
      .wrapper>div>*[data-v-3ebde980] img{
        transform: scale(.5);
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
}

      .nav-link.active {
        color: red;
      }


      @media (min-width: 1024px) {
        .wrapper>div>*[data-v-3ebde980] {
          transform: scale(1) !important;
          -webkit-transform: scale(1) !important;
          -moz-transform: scale(1) !important;
          -ms-transform: scale(1) !important;
          -o-transform: scale(1) !important;
}
      }

      @-webkit-keyframes animation1-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(20deg) translateX(20px) translateY(20px)        ;
          -webkit-transform: rotate(20deg) translateX(20px) translateY(20px);
          -moz-transform: rotate(20deg) translateX(20px) translateY(20px);
          -ms-transform: rotate(20deg) translateX(20px) translateY(20px);
          -o-transform: rotate(20deg) translateX(20px) translateY(20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @keyframes animation1-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(20deg) translateX(20px) translateY(20px)        ;
          -webkit-transform: rotate(20deg) translateX(20px) translateY(20px);
          -moz-transform: rotate(20deg) translateX(20px) translateY(20px);
          -ms-transform: rotate(20deg) translateX(20px) translateY(20px);
          -o-transform: rotate(20deg) translateX(20px) translateY(20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @-webkit-keyframes animation2-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(-20deg) translateX(20px) translateY(-20px)        ;
          -webkit-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -moz-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -ms-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -o-transform: rotate(-20deg) translateX(20px) translateY(-20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @keyframes animation2-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(-20deg) translateX(20px) translateY(-20px)        ;
          -webkit-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -moz-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -ms-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -o-transform: rotate(-20deg) translateX(20px) translateY(-20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @-webkit-keyframes animation3-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(-20deg) translateX(20px) translateY(-20px)        ;
          -webkit-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -moz-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -ms-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -o-transform: rotate(-20deg) translateX(20px) translateY(-20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @keyframes animation3-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(-20deg) translateX(20px) translateY(-20px)        ;
          -webkit-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -moz-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -ms-transform: rotate(-20deg) translateX(20px) translateY(-20px);
          -o-transform: rotate(-20deg) translateX(20px) translateY(-20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @-webkit-keyframes animation4-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(20deg) translateX(-20px) translateY(-20px)        ;
          -webkit-transform: rotate(20deg) translateX(-20px) translateY(-20px)        ;
          -moz-transform: rotate(20deg) translateX(-20px) translateY(-20px)        ;
          -ms-transform: rotate(20deg) translateX(-20px) translateY(-20px)        ;
          -o-transform: rotate(20deg) translateX(-20px) translateY(-20px)        ;
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      @keyframes animation4-data-v-3ebde980 {
        0% {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}

        50% {
          transform: rotate(20deg) translateX(-20px) translateY(-20px)        ;
          -webkit-transform: rotate(20deg) translateX(-20px) translateY(-20px);
          -moz-transform: rotate(20deg) translateX(-20px) translateY(-20px);
          -ms-transform: rotate(20deg) translateX(-20px) translateY(-20px);
          -o-transform: rotate(20deg) translateX(-20px) translateY(-20px);
}

        to {
          transform: rotate(0deg) translateX(0) translateY(0)        ;
          -webkit-transform: rotate(0deg) translateX(0) translateY(0);
          -moz-transform: rotate(0deg) translateX(0) translateY(0);
          -ms-transform: rotate(0deg) translateX(0) translateY(0);
          -o-transform: rotate(0deg) translateX(0) translateY(0);
}
      }

      .animation0[data-v-3ebde980] {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-name: animation1-data-v-3ebde980;
        animation-name: animation1-data-v-3ebde980;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
      }

      .animation1[data-v-3ebde980] {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-name: animation2-data-v-3ebde980;
        animation-name: animation2-data-v-3ebde980;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
      }

      .animation2[data-v-3ebde980] {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
      }

      .animation2[data-v-3ebde980],
      .animation3[data-v-3ebde980] {
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-name: animation3-data-v-3ebde980;
        animation-name: animation3-data-v-3ebde980
      }

      .animation3[data-v-3ebde980] {
        -webkit-animation-delay: 7.5s;
        animation-delay: 7.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
      }
  
    
      .nuxt-progress {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 0;
        opacity: 1;
        transition: width .1s, opacity .4s;
        background-color: #000;
        z-index: 999999
      }

      .nuxt-progress.nuxt-progress-notransition {
        transition: none
      }

      .nuxt-progress-failed {
        background-color: red
      }
  
    
      *,
      ::before,
      ::after {
        box-sizing: border-box;
      }


      html {
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.15;
        /* 1 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
        scroll-behavior: smooth;
      }




      body {
        margin: 0;
        font-family:
          system-ui,
          -apple-system,
          /* Firefox supports this but not yet `system-ui` */
          'Segoe UI',
          Roboto,
          Helvetica,
          Arial,
          sans-serif,
          'Apple Color Emoji',
          'Segoe UI Emoji';
      }



      hr {
        height: 0;
        /* 1 */
        color: inherit;
        /* 2 */
      }



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


      b,
      strong {
        font-weight: bolder;
      }



      code,
      kbd,
      samp,
      pre {
        font-family:
          ui-monospace,
          SFMono-Regular,
          Consolas,
          'Liberation Mono',
          Menlo,
          monospace;
        /* 1 */
        font-size: 1em;
        /* 2 */
      }


      small {
        font-size: 80%;
      }



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

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }



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



      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit;
        /* 1 */
        font-size: 100%;
        /* 1 */
        line-height: 1.15;
        /* 1 */
        margin: 0;
        /* 2 */
      }


      button,
      select {
        /* 1 */
        text-transform: none;
      }


      button,
      [type='button'],
      [type='reset'],
      [type='submit'] {
        -webkit-appearance: button;
      }



      ::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }



      :-moz-focusring {
        outline: 1px dotted ButtonText;
      }



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


      legend {
        padding: 0;
      }



      progress {
        vertical-align: baseline;
      }



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



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



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



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



      summary {
        display: list-item;
      }



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

      button {
        background-color: transparent;
        background-image: none;
      }

      fieldset {
        margin: 0;
        padding: 0;
      }

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



      html {
        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";
        /* 1 */
        line-height: 1.5;
        /* 2 */
      }


      body {
        font-family: inherit;
        line-height: inherit;
      }



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



      hr {
        border-top-width: 1px;
      }



      img {
        border-style: solid;
      }

      textarea {
        resize: vertical;
      }

      input::-moz-placeholder,
      textarea::-moz-placeholder {
        opacity: 1;
        color: #a1a1aa;
      }

      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
        opacity: 1;
        color: #a1a1aa;
      }

      input::placeholder,
      textarea::placeholder {
        opacity: 1;
        color: #a1a1aa;
      }

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

      table {
        border-collapse: collapse;
      }

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



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



      button,
      input,
      optgroup,
      select,
      textarea {
        padding: 0;
        line-height: inherit;
        color: inherit;
      }


      pre,
      code,
      kbd,
      samp {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      }
      img,
      video {
        max-width: 100%;
        height: auto;
      }

      *,
      ::before,
      ::after {
        --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-transform: translateX(var(--tw-translate-x)) translateY(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));
        border-color: currentColor;
        --tw-shadow: 0 0 #0000;
        --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-blur: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-brightness: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-contrast: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-invert: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-saturate: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-sepia: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-drop-shadow: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-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);
        --tw-backdrop-blur: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-brightness: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-contrast: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-invert: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-opacity: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-saturate: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-sepia: var(--tw-empty,
            /*!*/
            /*!*/
          );
        --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      }

      .container {
        width: 100%;
      }

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

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

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

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

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

      .visible {
        visibility: visible;
      }

      .static {
        position: static;
      }

      .fixed {
        position: fixed;
      }

      .\!fixed {
        position: fixed !important;
      }

      .absolute {
        position: absolute;
      }

      .relative {
        position: relative;
      }

      .inset-0 {
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
      }

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

      .left-\[12\%\] {
        left: 12%;
      }

      .bottom-\[35\%\] {
        bottom: 35%;
      }

      .left-\[15\%\] {
        left: 15%;
      }

      .top-\[-50\%\] {
        top: -50%;
      }

      .right-\[15\%\] {
        right: 15%;
      }

      .bottom-\[45\%\] {
        bottom: 45%;
      }

      .right-\[8\%\] {
        right: 8%;
      }

      .bottom-\[55\%\] {
        bottom: 55%;
      }

      .right-\[35\%\] {
        right: 35%;
      }

      .top-\[-110\%\] {
        top: -110%;
      }

      .left-\[8\%\] {
        left: 8%;
      }

      .bottom-\[60\%\] {
        bottom: 60%;
      }

      .right-\[10\%\] {
        right: 10%;
      }

      .bottom-\[20\%\] {
        bottom: 20%;
      }

      .left-\[10\%\] {
        left: 10%;
      }

      .top-\[45\%\] {
        top: 45%;
      }

      .top-\[0\%\] {
        top: 0%;
      }

      .right-\[18\%\] {
        right: 18%;
      }

      .left-\[7\%\] {
        left: 7%;
      }

      .top-\[-5\%\] {
        top: -5%;
      }

      .right-\[20\%\] {
        right: 20%;
      }

      .bottom-\[40\%\] {
        bottom: 40%;
      }

      .left-\[50\%\] {
        left: 50%;
      }

      .top-\[6\%\] {
        top: 6%;
      }

      .right-\[3\%\] {
        right: 3%;
      }

      .right-\[4\%\] {
        right: 4%;
      }

      .bottom-\[-5\%\] {
        bottom: -5%;
      }

      .bottom-\[0\%\] {
        bottom: 0%;
      }

      .top-\[-25\%\] {
        top: -25%;
      }

      .top-\[-20\%\] {
        top: -20%;
      }

      .top-\[2\%\] {
        top: 2%;
      }

      .left-\[-10\%\] {
        left: -10%;
      }

      .top-\[10\%\] {
        top: 10%;
      }

      .top-0 {
        top: 0px;
      }

      .left-0 {
        left: 0px;
      }

      .-left-full {
        left: -100%;
      }

      .bottom-0 {
        bottom: 0px;
      }

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

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

      .right-\[13\%\] {
        right: 13%;
      }

      .top-\[27\%\] {
        top: 27%;
      }

      .right-\[5\%\] {
        right: 5%;
      }

      .left-\[13\%\] {
        left: 13%;
      }

      .top-\[4\%\] {
        top: 4%;
      }

      .left-\[17\%\] {
        left: 17%;
      }

      .top-\[25\%\] {
        top: 25%;
      }

      .left-\[14\%\] {
        left: 14%;
      }

      .top-\[32\%\] {
        top: 32%;
      }

      .-right-8 {
        right: -2rem;
      }

      .bottom-\[68\%\] {
        bottom: 68%;
      }

      .left-\[9\%\] {
        left: 9%;
      }

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

      .-bottom-6 {
        bottom: -1.5rem;
      }

      .top-2 {
        top: 0.5rem;
      }

      .-right-20 {
        right: -5rem;
      }

      .top-4 {
        top: 1rem;
      }

      .-left-10 {
        left: -2.5rem;
      }

      .-left-8 {
        left: -2rem;
      }

      .bottom-\[10\%\] {
        bottom: 10%;
      }

      .right-\[25\%\] {
        right: 25%;
      }

      .-top-6 {
        top: -1.5rem;
      }

      .left-\[3\%\] {
        left: 3%;
      }

      .-bottom-24 {
        bottom: -6rem;
      }

      .right-\[-5\%\] {
        right: -5%;
      }

      .bottom-\[15\%\] {
        bottom: 15%;
      }

      .-left-4 {
        left: -1rem;
      }

      .top-\[15\%\] {
        top: 15%;
      }

      .right-\[14\%\] {
        right: 14%;
      }

      .bottom-\[9\%\] {
        bottom: 9%;
      }

      .left-\[18\%\] {
        left: 18%;
      }

      .top-\[30\%\] {
        top: 30%;
      }

      .right-\[40\%\] {
        right: 40%;
      }

      .top-\[20vw\] {
        top: 20vw;
      }

      .right-\[-1\%\] {
        right: -1%;
      }

      .-top-24 {
        top: -6rem;
      }

      .left-\[5\%\] {
        left: 5%;
      }

      .top-\[50\%\] {
        top: 50%;
      }

      .top-\[35\%\] {
        top: 35%;
      }

      .left-\[2\%\] {
        left: 2%;
      }

      .top-\[60\%\] {
        top: 60%;
      }

      .left-\[16\%\] {
        left: 16%;
      }

      .right-\[2\%\] {
        right: 2%;
      }

      .bottom-\[30\%\] {
        bottom: 30%;
      }

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

      .bottom-\[50\%\] {
        bottom: 50%;
      }

      .-right-4 {
        right: -1rem;
      }

      .bottom-\[18\%\] {
        bottom: 18%;
      }

      .left-\[20\%\] {
        left: 20%;
      }

      .right-\[7\%\] {
        right: 7%;
      }

      .bottom-\[12\%\] {
        bottom: 12%;
      }

      .top-\[-9\%\] {
        top: -9%;
      }

      .top-\[-10\%\] {
        top: -10%;
      }

      .top-\[-15\%\] {
        top: -15%;
      }

      .left-\[-4\%\] {
        left: -4%;
      }

      .top-\[38\%\] {
        top: 38%;
      }

      .right-\[-6\%\] {
        right: -6%;
      }

      .left-\[-7\%\] {
        left: -7%;
      }

      .top-\[20\%\] {
        top: 20%;
      }

      .top-\[40\%\] {
        top: 40%;
      }

      .right-\[-2\%\] {
        right: -2%;
      }

      .top-\[-2\%\] {
        top: -2%;
      }

      .top-\[55\%\] {
        top: 55%;
      }

      .top-\[66\%\] {
        top: 66%;
      }

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

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

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

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

      .m-auto {
        margin: auto;
      }

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

      .mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
      }

      .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
      }

      .mt-16 {
        margin-top: 4rem;
      }

      .mt-10 {
        margin-top: 2.5rem;
      }

      .mt-2 {
        margin-top: 0.5rem;
      }

      .mt-6 {
        margin-top: 1.5rem;
      }

      .mt-8 {
        margin-top: 2rem;
      }

      .-ml-12 {
        margin-left: -3rem;
      }

      .-ml-32 {
        margin-left: -8rem;
      }

      .-ml-20 {
        margin-left: -5rem;
      }

      .ml-8 {
        margin-left: 2rem;
      }

      .mb-\[48px\] {
        margin-bottom: 48px;
      }

      .mt-4 {
        margin-top: 1rem;
      }

      .ml-\[-50px\] {
        margin-left: -50px;
      }

      .mt-\[-50px\] {
        margin-top: -50px;
      }

      .mt-1 {
        margin-top: 0.25rem;
      }

      .mt-20 {
        margin-top: 5rem;
      }

      .-mt-20 {
        margin-top: -5rem;
      }

      .-mt-16 {
        margin-top: -4rem;
      }

      .mb-\[-205px\] {
        margin-bottom: -205px;
      }

      .mt-\[28px\] {
        margin-top: 28px;
      }

      .mt-\[100px\] {
        margin-top: 100px;
      }

      .mt-\[68px\] {
        margin-top: 68px;
      }

      .mt-\[16px\] {
        margin-top: 16px;
      }

      .mt-\[115px\] {
        margin-top: 115px;
      }

      .mt-\[70px\] {
        margin-top: 70px;
      }

      .mt-\[30px\] {
        margin-top: 30px;
      }

      .block {
        display: block;
      }

      .inline-block {
        display: inline-block;
      }

      .flex {
        display: flex;
      }

      .inline-flex {
        display: inline-flex;
      }

      .grid {
        display: grid;
      }

      .hidden {
        display: none;
      }

      .\!hidden {
        display: none !important;
      }

      .h-72 {
        height: 18rem;
      }

      .h-10 {
        height: 2.5rem;
      }

      .h-screen {
        height: 100vh;
      }

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

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

      .h-full {
        height: 100%;
      }

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

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

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

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

      .h-\[28vw\] {
        height: 28vw;
      }

      .h-2 {
        height: 0.5rem;
      }

      .h-24 {
        height: 6rem;
      }

      .h-12 {
        height: 3rem;
      }

      .h-16 {
        height: 4rem;
      }

      .h-20 {
        height: 5rem;
      }

      .h-28 {
        height: 7rem;
      }

      .h-32 {
        height: 8rem;
      }

      .h-44 {
        height: 11rem;
      }

      .h-56 {
        height: 14rem;
      }

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

      .w-full {
        width: 100%;
      }

      .w-7\/12 {
        width: 58.333333%;
      }

      .w-5\/12 {
        width: 41.666667%;
      }

      .w-10 {
        width: 2.5rem;
      }

      .w-48 {
        width: 12rem;
      }

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

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

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

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

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

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

      .w-24 {
        width: 6rem;
      }

      .w-0 {
        width: 0px;
      }

      .w-12 {
        width: 3rem;
      }

      .w-16 {
        width: 4rem;
      }

      .w-20 {
        width: 5rem;
      }

      .w-28 {
        width: 7rem;
      }

      .w-32 {
        width: 8rem;
      }

      .w-44 {
        width: 11rem;
      }

      .w-56 {
        width: 14rem;
      }

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

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

      .max-w-xs {
        max-width: 20rem;
      }

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

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

      .max-w-full {
        max-width: 100%;
      }

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

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

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

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

      .flex-grow {
        flex-grow: 1;
      }

      .translate-x-full {
        --tw-translate-x: 100%;
        transform: var(--tw-transform);
      }

      .translate-y-\[-30px\] {
        --tw-translate-y: -30px;
        transform: var(--tw-transform);
      }

      .translate-y-full {
        --tw-translate-y: 100%;
        transform: var(--tw-transform);
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: var(--tw-transform);
      }

      .-translate-y-full {
        --tw-translate-y: -100%;
        transform: var(--tw-transform);
      }

      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: var(--tw-transform);
      }

      .rotate-45 {
        --tw-rotate: 45deg;
        transform: var(--tw-transform);
      }

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

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

      .-rotate-45 {
        --tw-rotate: -45deg;
        transform: var(--tw-transform);
      }

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

      .scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: var(--tw-transform);
      }

      .transform {
        transform: var(--tw-transform);
      }

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

      .cursor-pointer {
        cursor: pointer;
      }

      .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .resize {
        resize: both;
      }

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

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

      .items-start {
        align-items: flex-start;
      }

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

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

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

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

      .overflow-hidden {
        overflow: hidden;
      }

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

      .whitespace-pre {
        white-space: pre;
      }

      .whitespace-pre-line {
        white-space: pre-line;
      }

      .rounded-full {
        border-radius: 100% !important;
        -webkit-border-radius: 100% !important;
        -moz-border-radius: 100% !important;
        -ms-border-radius: 100% !important;
        -o-border-radius: 100% !important;
}

      .border-\[5px\] {
        border-width: 5px;
      }

      .border {
        border-width: 1px;
      }

      .border-red {
        --tw-border-opacity: 1;
        border-color: rgba(215, 9, 38, var(--tw-border-opacity));
      }

      .border-brown {
        --tw-border-opacity: 1;
        border-color: rgba(223, 200, 172, var(--tw-border-opacity));
      }

      .border-yellow {
        --tw-border-opacity: 1;
        border-color: rgba(253, 200, 47, var(--tw-border-opacity));
      }

      .border-blue {
        --tw-border-opacity: 1;
        border-color:rgba(26, 55, 117, var(--tw-bg-opacity));
      }

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

      .bg-red {
        --tw-bg-opacity: 1;
        background-color: rgba(215, 9, 38, var(--tw-bg-opacity));
      }
      .\!bg-red {
        --tw-bg-opacity: 1;
        background-color: rgba(215, 9, 38, var(--tw-bg-opacity)) !important;
      }

      .bg-blue {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 55, 117, var(--tw-bg-opacity));
      }

      .bg-beige {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 237, 202, var(--tw-bg-opacity));
      }

      .bg-yellow {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 200, 47, var(--tw-bg-opacity));
      }

      .bg-brown {
        --tw-bg-opacity: 1;
        background-color: rgba(223, 200, 172, var(--tw-bg-opacity));
      }

      .bg-gray {
        --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
      }

      .bg-opacity-30 {
        --tw-bg-opacity: 0.3;
      }

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

      .p-8 {
        padding: 2rem;
      }

      .py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
      }

      .py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }

      .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }

      .py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }

      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
      }

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

      .px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
      }

      .px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
      }

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

      .px-\[25px\] {
        padding-left: 25px;
        padding-right: 25px;
      }

      .py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px;
      }

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

      .pb-16 {
        padding-bottom: 4rem;
      }

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

      .pr-1 {
        padding-right: 0.25rem;
      }

      .pl-1 {
        padding-left: 0.25rem;
      }

      .pb-\[48px\] {
        padding-bottom: 48px;
      }

      .pb-10 {
        padding-bottom: 2.5rem;
      }

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

      .pb-\[10px\] {
        padding-bottom: 10px;
      }

      .pt-40 {
        padding-top: 10rem;
      }

      .pt-\[50\%\] {
        padding-top: 50%;
      }

      .pt-\[100px\] {
        padding-top: 100px;
      }

      .pt-\[120px\] {
        padding-top: 120px;
      }

      .pt-\[82px\] {
        padding-top: 82px;
      }

      .pt-24 {
        padding-top: 6rem;
      }

      .pt-60 {
        padding-top: 15rem;
      }

      .pt-\[70px\] {
        padding-top: 70px;
      }

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

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

      .font-high {
        font-family: Highpoint Gothic NF;
      }

      .font-coco {
        font-family: CocoSharp;
      }

      .text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }

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

      .text-base {
        font-size: 1rem;
        line-height: 1.5rem;
      }

      .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }

      .text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

      .text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
      }

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

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

      .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }

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

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

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

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

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

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

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

      .font-bold {
        font-weight: 700;
      }

      .font-black {
        font-weight: 900;
      }

      .font-normal {
        font-weight: 400;
      }

      .uppercase {
        text-transform: uppercase;
      }

      .leading-relaxed {
        line-height: 1.625;
      }

      .leading-\[44px\] {
        line-height: 44px;
      }

      .leading-loose {
        line-height: 2;
      }

      .leading-\[32px\] {
        line-height: 32px;
      }

      .leading-\[29px\] {
        line-height: 29px;
      }

      .leading-\[24px\] {
        line-height: 24px;
      }

      .leading-\[56px\] {
        line-height: 56px;
      }

      .leading-\[22px\] {
        line-height: 22px;
      }

      .leading-\[37px\] {
        line-height: 37px;
      }

      .leading-\[47px\] {
        line-height: 47px;
      }

      .leading-\[30px\] {
        line-height: 30px;
      }

      .tracking-widest {
        letter-spacing: 0.1em;
      }

      .tracking-wider {
        letter-spacing: 0.05em;
      }

      .tracking-tight {
        letter-spacing: -0.025em;
      }

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

      .text-blue {
        --tw-text-opacity: 1;
        color: rgba(26, 55, 117, var(--tw-text-opacity));
      }

      .text-red {
        --tw-text-opacity: 1;
        color: rgba(215, 9, 38, var(--tw-text-opacity));
      }
      .text-yellow {
        --tw-text-opacity: 1;
        color: rgba(253, 200, 47, var(--tw-bg-opacity));
      }

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

      .underline {
        text-decoration: underline;
      }

      .opacity-0 {
        opacity: 0;
      }

      .opacity-100 {
        opacity: 1;
      }

      .filter {
        filter: var(--tw-filter);
      }

      .transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-duration: 150ms;
      }

      .transition-colors {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-duration: 150ms;
      }

      .transition-transform {
        transition-property: transform;
        transition-duration: 150ms;
      }

      .transition-all {
        transition-property: all;
        transition-duration: 150ms;
      }

      .transition-opacity {
        transition-property: opacity;
        transition-duration: 150ms;
      }

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

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

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

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

      .ease-linear {
        transition-timing-function: cubic-bezier(0.0, 0, 1.0, 1.0);
      }

      .ease-out-quint {
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      }

      .hover\:bg-yellow:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(253, 200, 47, var(--tw-bg-opacity));
      }

      .hover\:text-yellow:hover {
        --tw-text-opacity: 1;
        color: rgba(253, 200, 47, var(--tw-text-opacity));
      }

      .hover\:underline:hover {
        text-decoration: underline;
      }

      .focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }

      .group:hover .group-hover\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: var(--tw-transform);
      }

      .group:hover .group-hover\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: var(--tw-transform);
      }

      .group:hover .group-hover\:opacity-100 {
        opacity: 1;
      }

      @media (min-width: 640px) {
        .sm\:text-4xl {
          font-size: 2.25rem;
          line-height: 2.5rem;
        }
      }

      @media (min-width: 1024px) {
        .lg\:container {
          width: 100%;
        }

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

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

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

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

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

        .lg\:static {
          position: static;
        }

        .lg\:absolute {
          position: absolute;
        }

        .lg\:relative {
          position: relative;
        }

        .lg\:bottom-10 {
          bottom: 2.5rem;
        }

        .lg\:left-full {
          left: 100%;
        }

        .lg\:right-full {
          right: 100%;
        }

        .lg\:left-0 {
          left: 0px;
        }

        .lg\:right-0 {
          right: 0px;
        }

        .lg\:bottom-auto {
          bottom: auto;
        }

        .lg\:left-auto {
          left: auto;
        }

        .lg\:right-\[27\%\] {
          right: 27%;
        }

        .lg\:right-\[20\%\] {
          right: 20%;
        }

        .lg\:left-\[26\%\] {
          left: 26%;
        }

        .lg\:left-\[20\%\] {
          left: 20%;
        }

        .lg\:left-\[35\%\] {
          left: 35%;
        }

        .lg\:left-\[28\%\] {
          left: 28%;
        }

        .lg\:right-\[-1\%\] {
          right: -1%;
        }

        .lg\:bottom-\[40\%\] {
          bottom: 40%;
        }

        .lg\:right-\[15\%\] {
          right: 15%;
        }

        .lg\:-top-24 {
          top: -6rem;
        }

        .lg\:left-\[5\%\] {
          left: 5%;
        }

        .lg\:top-4 {
          top: 1rem;
        }

        .lg\:-left-8 {
          left: -2rem;
        }

        .lg\:top-\[50\%\] {
          top: 50%;
        }

        .lg\:left-\[3\%\] {
          left: 3%;
        }

        .lg\:top-\[35\%\] {
          top: 35%;
        }

        .lg\:left-\[2\%\] {
          left: 2%;
        }

        .lg\:top-\[60\%\] {
          top: 60%;
        }

        .lg\:left-\[16\%\] {
          left: 16%;
        }

        .lg\:-bottom-24 {
          bottom: -6rem;
        }

        .lg\:right-\[2\%\] {
          right: 2%;
        }

        .lg\:bottom-\[30\%\] {
          bottom: 30%;
        }

        .lg\:-left-4 {
          left: -1rem;
        }

        .lg\:top-\[10\%\] {
          top: 10%;
        }

        .lg\:left-\[10\%\] {
          left: 10%;
        }

        .lg\:top-\[2\%\] {
          top: 2%;
        }

        .lg\:top-\[18\%\] {
          top: 18%;
        }

        .lg\:top-\[20\%\] {
          top: 20%;
        }

        .lg\:top-\[30\%\] {
          top: 30%;
        }

        .lg\:right-auto {
          right: auto;
        }

        .lg\:left-\[6\%\] {
          left: 6%;
        }

        .lg\:top-\[65\%\] {
          top: 65%;
        }

        .lg\:left-\[7\%\] {
          left: 7%;
        }

        .lg\:top-\[-1\%\] {
          top: -1%;
        }

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

        .lg\:mx-0 {
          margin-left: 0px;
          margin-right: 0px;
        }

        .lg\:my-10 {
          margin-top: 2.5rem;
          margin-bottom: 2.5rem;
        }

        .lg\:mx-4 {
          margin-left: 1rem;
          margin-right: 1rem;
        }

        .lg\:mt-16 {
          margin-top: 4rem;
        }

        .lg\:mt-6 {
          margin-top: 1.5rem;
        }

        .lg\:mt-24 {
          margin-top: 6rem;
        }

        .lg\:mt-20 {
          margin-top: 5rem;
        }

        .lg\:ml-28 {
          margin-left: 7rem;
        }

        .lg\:mt-4 {
          margin-top: 1rem;
        }

        .lg\:mt-0 {
          margin-top: 0px;
        }

        .lg\:mb-0 {
          margin-bottom: 0px;
        }

        .lg\:ml-10 {
          margin-left: 2.5rem;
        }

        .lg\:mt-10 {
          margin-top: 2.5rem;
        }

        .lg\:mb-\[-120px\] {
          margin-bottom: -120px;
        }

        .lg\:mt-32 {
          margin-top: 8rem;
        }

        .lg\:mt-\[210px\] {
          margin-top: 210px;
        }

        .lg\:block {
          display: block;
        }

        .lg\:inline-block {
          display: inline-block;
        }

        .lg\:inline {
          display: inline;
        }

        .lg\:flex {
          display: flex;
        }

        .lg\:hidden {
          display: none;
        }

        .lg\:\!hidden {
          display: none !important;
        }

        .lg\:h-auto {
          height: auto;
        }

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

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

        .lg\:w-full {
          width: 100%;
        }

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

        .lg\:w-auto {
          width: auto;
        }

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

        .lg\:min-w-0 {
          min-width: 0px;
        }

        .lg\:max-w-screen-md {
          max-width: 768px;
        }

        .lg\:max-w-screen-sm {
          max-width: 640px;
        }

        .lg\:max-w-\[275px\] {
          max-width: 275px;
        }

        .lg\:max-w-none {
          max-width: none;
        }

        .lg\:max-w-screen-2xl {
          max-width: 1536px;
        }

        .lg\:max-w-\[1024px\] {
          max-width: 1024px;
        }

        .lg\:max-w-\[455px\] {
          max-width: 455px;
        }

        .lg\:max-w-\[730px\] {
          max-width: 730px;
        }

        .lg\:flex-grow {
          flex-grow: 1;
        }

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

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

        .lg\:flex-row-reverse {
          flex-direction: row-reverse;
        }

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

        .lg\:justify-start {
          justify-content: flex-start;
        }

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

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

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

        .lg\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
        }

        .lg\:px-10 {
          padding-left: 2.5rem;
          padding-right: 2.5rem;
        }

        .lg\:py-0 {
          padding-top: 0px;
          padding-bottom: 0px;
        }

        .lg\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem;
        }

        .lg\:pt-24 {
          padding-top: 6rem;
        }

        .lg\:pr-6 {
          padding-right: 1.5rem;
        }

        .lg\:pb-0 {
          padding-bottom: 0px;
        }

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

        .lg\:pt-\[100px\] {
          padding-top: 100px;
        }

        .lg\:pb-24 {
          padding-bottom: 6rem;
        }

        .lg\:pt-\[112px\] {
          padding-top: 112px;
        }

        .lg\:pt-\[145px\] {
          padding-top: 145px;
        }

        .lg\:text-left {
          text-align: left;
        }

        .lg\:align-middle {
          vertical-align: middle;
        }

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

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

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

        .lg\:text-base {
          font-size: 1rem;
          line-height: 1.5rem;
        }

        .lg\:text-sm {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }

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

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

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

        .lg\:leading-\[76px\] {
          line-height: 76px;
        }

        .lg\:leading-\[74px\] {
          line-height: 74px;
        }

        .lg\:leading-normal {
          line-height: 1.5;
        }

        .lg\:leading-\[43px\] {
          line-height: 43px;
        }

        .lg\:leading-\[79px\] {
          line-height: 79px;
        }

        .lg\:leading-\[37px\] {
          line-height: 37px;
        }

        .lg\:leading-\[34px\] {
          line-height: 34px;
        }

        .lg\:text-blue {
          --tw-text-opacity: 1;
          color: rgba(26, 55, 117, var(--tw-text-opacity)) !important;
        }

        .hover\:lg\:text-red:hover {
          --tw-text-opacity: 1;
          color: rgba(215, 9, 38, var(--tw-text-opacity));
        }
      }

      @media (min-width: 1280px) {
        .xl\:max-w-\[1132px\] {
          max-width: 1132px;
        }
      }

      @media (min-width: 1536px) {
        .\32xl\:max-w-screen-xl {
          max-width: 1280px;
        }
      }
  
    
      @font-face {
        font-family: "CocoSharp";
        src: url(/themes/paris/assets/fonts/CocoSharp-BoldItalic.7164d87.woff2) format("woff2"), url(/themes/paris/assets/fonts/CocoSharp-BoldItalic.eb58f96.woff) format("woff");
        font-weight: 700;
        font-style: italic;
        font-display: swap
      }

      @font-face {
        font-family: "CocoSharp";
        src: url(/themes/paris/assets/fonts/CocoSharp-Heavy.a4708cb.woff2) format("woff2"), url(/themes/paris/assets/fonts/CocoSharp-Heavy.cfb03e2.woff) format("woff");
        font-weight: 900;
        font-style: normal;
        font-display: swap
      }

      @font-face {
        font-family: "CocoSharp";
        src: url(/themes/paris/assets/fonts/CocoSharp-Regular.e3da236.woff2) format("woff2"), url(/themes/paris/assets/fonts/CocoSharp-Regular.882c102.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: swap
      }

      @font-face {
        font-family: "CocoSharp";
        src: url(/themes/paris/assets/fonts/CocoSharp-HeavyItalic.e4287f3.woff2) format("woff2"), url(/themes/paris/assets/fonts/CocoSharp-HeavyItalic.46b8b54.woff) format("woff");
        font-weight: 900;
        font-style: italic;
        font-display: swap
      }

      @font-face {
        font-family: "CocoSharp";
        src: url(/themes/paris/assets/fonts/CocoSharp-Bold.af70e59.woff2) format("woff2"), url(/themes/paris/assets/fonts/CocoSharp-Bold.bf1157c.woff) format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap
      }

      @font-face {
        font-family: "CocoSharp";
        src: url(/themes/paris/assets/fonts/CocoSharp-Italic.1e8db7b.woff2) format("woff2"), url(/themes/paris/assets/fonts/CocoSharp-Italic.923437a.woff) format("woff");
        font-weight: 400;
        font-style: italic;
        font-display: swap
      }

      @font-face {
        font-family: "Highpoint Gothic NF";
        src: url(/themes/paris/assets/fonts/HighpointGothicNF.16bc689.woff2) format("woff2"), url(/themes/paris/assets/fonts/HighpointGothicNF.50987d0.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: swap
      }
  
    
      html {
        -webkit-overflow-scrolling: touch
      }

      body {
        font-family: "CocoSharp"
      }

      .will-change-transform {
        will-change: transform
      }
  
    
      .button {
        position: relative;
        display: inline-block;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 700;
        text-transform: uppercase
      }

      .ripple-effect {
        overflow: hidden
      }

      .ripple-effect:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .ripple-effect:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 120%;
        padding-top: 120%;
        border-radius: 100%;
        transform: translateX(-50%) translateY(-50%) scale(0);
        transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1s;
        --tw-bg-opacity: 1;
        background-color: rgba(253, 200, 47, var(--tw-bg-opacity));
      }
      form .ripple-effect:before {
        z-index: -1;
      }
      .ripple-effect:focus:before,
      .ripple-effect:hover:before {
        transform: translateX(-50%) translateY(-50%) scale(1)
      }

      .ripple-effect span {
        position: relative
      }
  
    .gf-submit-btn {
      --tw-bg-opacity: 1;
        background-color: rgba(215, 9, 38, var(--tw-bg-opacity)) !important;
    }
    .gf-submit-btn.ripple-effect:before {
      z-index: -1;
    }
    .gf-form-title {
      display: none;
    }
    .gf-form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1rem;
    }
      .rich-text p {
        padding-top: 1rem;
        padding-bottom: 1rem
      }

      .rich-text p+p {
        padding-top: 0px
      }

      .rich-text-menu span {
        font-size: 14px;
        line-height: 22px
      }

      .rich-text-menu h3 {
        text-transform: uppercase;
        font-size: 22px;
        max-width: 565px
      }

      .rich-text-menu h3:first-of-type {
        margin-top: 40px
      }

      .rich-text-menu h4 {
        text-transform: uppercase
      }

      .rich-text-menu h4:first-of-type {
        margin-top: 20px
      }
  
    
      .link {
        position: relative;
        display: inline-block;
        overflow: hidden
      }

      .link span {
        border-bottom: 2px solid
      }
  
    
      [lazyload] {
        opacity: 0;
        transition: opacity 1s linear
      }

      [lazyload][loaded] {
        opacity: 1
      }
  
    
      @font-face {
        font-family: "icons";
        src: url(/themes/paris/assets/fonts/icons.5a2e502.eot?#iefix) format("embedded-opentype");
        src: url(/themes/paris/assets/fonts/icons.924c38d.woff2) format("woff2");
        src: url(/themes/paris/assets/fonts/icons.582131e.woff) format("woff")
      }

      .fps-icons,
      .icons {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle
      }

      .fps-icons {
        width: 1em;
        height: 1em;
        position: relative;
        fill: currentColor
      }

      .icons {
        font-family: "icons";
        font-weight: 400;
        font-style: normal;
        display: inline-block;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga"
      }

      .fps-eye:before {
        content: ""
      }

      .fps-facebook:before {
        content: ""
      }

      .fps-fullscreen:before {
        content: ""
      }

      .fps-instagram:before {
        content: ""
      }

      .fps-pause:before {
        content: ""
      }

      .fps-picto-complex1-old:before {
        content: ""
      }

      .fps-picto-complex1:before {
        content: ""
      }

      .fps-picto-complex2-old:before {
        content: ""
      }

      .fps-picto-complex2:before {
        content: ""
      }

      .fps-picto-simple-old:before {
        content: ""
      }

      .fps-picto-simple:before {
        content: ""
      }

      .fps-picto1:before {
        content: ""
      }

      .fps-pinterest:before {
        content: ""
      }

      .fps-triangle:before {
        content: ""
      }

      .fps-youtube:before {
        content: ""
      }
  
    
      .burger[data-v-297b768b] {
        width: 30px;
        height: 19px;
        position: relative;
        transition: .5s ease-in-out;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent
      }

      .burger[data-v-297b768b],
      .burger span[data-v-297b768b] {
        transform: rotate(0deg)
      }

      .burger span[data-v-297b768b] {
        display: block;
        position: absolute;
        height: 3px;
        width: 26px;
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
        opacity: 1;
        left: 2px;
        transition: .25s ease-in-out
      }

      .burger span[data-v-297b768b]:first-child {
        top: 2px
      }

      .burger span[data-v-297b768b]:nth-child(2) {
        top: 8px
      }

      .burger span[data-v-297b768b]:nth-child(3) {
        top: 14px
      }

      .burger.active span[data-v-297b768b]:first-child {
        top: 8px;
        transform: rotate(135deg)
      }

      .burger.active span[data-v-297b768b]:nth-child(2) {
        opacity: 0;
        left: -26px
      }

      .burger.active span[data-v-297b768b]:nth-child(3) {
        top: 8px;
        transform: rotate(-135deg)
      }

      .nuxt-link-active[data-v-297b768b] {
        --tw-text-opacity: 1;
        color: rgba(215, 9, 38, var(--tw-text-opacity))
      }

      .nuxt-link-active span[data-v-297b768b] {
        position: relative;
        display: inline-block
      }

      .nuxt-link-active span[data-v-297b768b]:before {
        content: " ";
        background-color: currentColor;
        height: 1px;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 5px;
        left: 0
      }

      @media (min-width: 1024px) {
        .nuxt-link-active span[data-v-297b768b]:before {
          bottom: 1px
        }
      }
  
    
      .nuxt-link-active[data-v-2ef2755a] {
        --tw-text-opacity: 1;
        color: rgba(253, 200, 47, var(--tw-text-opacity));
        text-decoration: underline
      }
  
      /* Created by the element-resize-detector library. */
      .erd_scroll_detection_container>div::-webkit-scrollbar {
        display: none;
      }

      .erd_scroll_detection_container_animation_active {
        -webkit-animation-duration: 0.1s;
        animation-duration: 0.1s;
        -webkit-animation-name: erd_scroll_detection_container_animation;
        animation-name: erd_scroll_detection_container_animation;
      }

      @-webkit-keyframes erd_scroll_detection_container_animation {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
      }

      @keyframes erd_scroll_detection_container_animation {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
      }
  
    
      .small>div[data-v-324327d3] {
        width: 131px;
        height: 185px
      }

      @media (min-width: 1024px) {
        .small>div[data-v-324327d3] {
          width: 360px;
          height: 227px
        }
      }

      .medium>div[data-v-324327d3] {
        width: 145px;
        height: 204px
      }

      @media (min-width: 1024px) {
        .medium>div[data-v-324327d3] {
          width: 410px;
          height: 325px
        }
      }

      .large>div[data-v-324327d3] {
        width: 346px;
        height: 224px
      }

      @media (min-width: 1024px) {
        .large>div[data-v-324327d3] {
          width: 694px;
          height: 401px
        }
      }
  
    
      .side-blocks[data-v-6e8c6705] {
        grid-row-gap: 32px
      }

      @media (min-width: 1024px) {
        .side-blocks[data-v-6e8c6705] {
          grid-column-gap: 60px
        }
      }

      .side-blocks>div[data-v-6e8c6705] {
        padding: 45px 32px;
        display: flex;
        flex-direction: column;
        align-items: center
      }

      @media (min-width: 1024px) {
        .side-blocks>div[data-v-6e8c6705] {
          padding: 95px 78px;
          flex-grow: 0;
          flex-shrink: 0
        }
      }

      .side-blocks .newsletter .content[data-v-6e8c6705],
      .side-blocks .others .content[data-v-6e8c6705] {
        margin-top: 19px;
        text-align: center;
        font-size: 14px;
        letter-spacing: .58px;
        line-height: 20px
      }

      .side-blocks .newsletter .content[data-v-6e8c6705],
      .side-blocks .others .content[data-v-6e8c6705] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
      }

      .side-blocks .newsletter .content[data-v-6e8c6705],
      .side-blocks .others .content[data-v-6e8c6705] {
        text-transform: uppercase
      }

      @media (min-width: 1024px) {

        .side-blocks .newsletter .content[data-v-6e8c6705],
        .side-blocks .others .content[data-v-6e8c6705] {
          margin-top: 32px;
          font-size: 18px;
          letter-spacing: 0;
          line-height: 24px
        }
      }

      .side-blocks .newsletter[data-v-6e8c6705] {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 55, 117, var(--tw-bg-opacity))
      }

      .side-blocks .newsletter .icon-wrapper .fps-icons[data-v-6e8c6705] {
        font-size: 25px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
      }

      .side-blocks .newsletter .content[data-v-6e8c6705] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
      }

      .side-blocks .newsletter form[data-v-6e8c6705] {
        margin-top: 24px
      }

      @media (min-width: 1024px) {
        .side-blocks .newsletter form[data-v-6e8c6705] {
          margin-top: 36px
        }
      }

      .side-blocks .newsletter form .input-mail input[data-v-6e8c6705] {
        display: block;
        max-width: none;
        width: 100%;
        height: 40px;
        background-color: transparent;
        border-bottom: 1px solid #fff;
        padding: 0 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 16px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        letter-spacing: 0;
        line-height: 30px
      }

      @media (min-width: 1024px) {
        .side-blocks .newsletter form .input-mail input[data-v-6e8c6705] {
          font-size: 18px;
          line-height: 30px
        }
      }

      .side-blocks .newsletter form .input-mail input[data-v-6e8c6705]::-moz-placeholder {
        text-align: center;
        opacity: .35;
        font-size: 16px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        letter-spacing: 0;
        line-height: 30px
      }

      .side-blocks .newsletter form .input-mail input[data-v-6e8c6705]:-ms-input-placeholder {
        text-align: center;
        opacity: .35;
        font-size: 16px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        letter-spacing: 0;
        line-height: 30px
      }

      .side-blocks .newsletter form .input-mail input[data-v-6e8c6705]::placeholder {
        text-align: center;
        opacity: .35;
        font-size: 16px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        letter-spacing: 0;
        line-height: 30px
      }

      @media (min-width: 1024px) {
        .side-blocks .newsletter form .input-mail input[data-v-6e8c6705]::-moz-placeholder {
          font-size: 18px;
          line-height: 30px;
          letter-spacing: 0
        }

        .side-blocks .newsletter form .input-mail input[data-v-6e8c6705]:-ms-input-placeholder {
          font-size: 18px;
          line-height: 30px;
          letter-spacing: 0
        }

        .side-blocks .newsletter form .input-mail input[data-v-6e8c6705]::placeholder {
          font-size: 18px;
          line-height: 30px;
          letter-spacing: 0
        }
      }

      .side-blocks .newsletter form .input-policy[data-v-6e8c6705] {
        margin-top: 28px
      }

      @media (min-width: 1024px) {
        .side-blocks .newsletter form .input-policy[data-v-6e8c6705] {
          margin-top: 38px
        }
      }

      .side-blocks .newsletter form .input-policy label[data-v-6e8c6705] {
        display: flex;
        cursor: pointer
      }

      .side-blocks .newsletter form .input-policy label input[data-v-6e8c6705] {
        cursor: pointer;
        margin-top: 2px;
        background-color: transparent;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 13px;
        height: 13px;
        border: 1px solid #fff;
        flex-shrink: 0;
        flex-grow: 0;
        position: relative
      }

      .side-blocks .newsletter form .input-policy label input[data-v-6e8c6705]:after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        opacity: 0;
        transition-property: opacity;
        transition-duration: 150ms;
        transition-duration: 100ms;
        transition-timing-function: cubic-bezier(0.0, 0, 1.0, 1.0)
      }

      .side-blocks .newsletter form .input-policy label input[data-v-6e8c6705]:checked:after {
        opacity: 1
      }

      .side-blocks .newsletter form .input-policy label span[data-v-6e8c6705] {
        margin-left: 10px;
        display: block;
        font-size: 12px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        letter-spacing: 0;
        line-height: 19px
      }

      .side-blocks .newsletter form .input-policy label span[data-v-6e8c6705] a {
        text-decoration: underline
      }

      .side-blocks .newsletter form .message-wrapper[data-v-6e8c6705] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        text-align: center;
        margin: 20px 0
      }

      .side-blocks .newsletter form .message-wrapper .error[data-v-6e8c6705] {
        --tw-text-opacity: 1;
        color: rgba(215, 9, 38, var(--tw-text-opacity))
      }

      .side-blocks .newsletter form .button-wrapper[data-v-6e8c6705] {
        text-align: center;
        margin-top: 27px
      }

      @media (min-width: 1024px) {
        .side-blocks .newsletter form .button-wrapper[data-v-6e8c6705] {
          margin-top: 53px
        }
      }

      .side-blocks .newsletter form .button-wrapper button[data-v-6e8c6705] {
        padding: 19px 39px
      }

      .side-blocks .others[data-v-6e8c6705] {
        --tw-bg-opacity: 1;
        background-color: rgba(244, 244, 244, var(--tw-bg-opacity))
      }

      .side-blocks .others .content[data-v-6e8c6705] {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity));
        color: #736761;
        font-size: 16px
      }

      @media (min-width: 1024px) {
        .side-blocks .others .content[data-v-6e8c6705] {
          font-size: 18px
        }
      }

      .side-blocks .others ul[data-v-6e8c6705] {
        margin-top: 45px
      }

      @media (min-width: 1024px) {
        .side-blocks .others ul[data-v-6e8c6705] {
          margin-top: 66px
        }
      }

      .side-blocks .others ul li+li[data-v-6e8c6705] {
        margin-top: 35px
      }
  
    
    .animate-strip {
      animation: floatAnimation 2s ease-in-out infinite;

    }

    @keyframes floatAnimation {
      0% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-10px);
      }

      100% {
        transform: translateY(0);
      }
    }
    #hero,
    #pinkDiv,
    .slideUp,
    .animatedClass {
      transition: transform 1s ease;
       /* Change duration and easing function here */
      -webkit-transition: transform 1s ease;
      -moz-transition: transform 1s ease;
      -ms-transition: transform 1s ease;
      -o-transition: transform 1s ease;
}

  
.freeslide {
  position: relative;
  backface-visibility: hidden;
}

.fs-outer {
  backface-visibility: hidden;
  transition: transform 30ms linear;
}

.fs1 .fs-outer:hover, 
.fs2 .fs-outer:hover {
  animation-play-state: paused;
}

.fs1 .fs-outer {
  animation: run1 linear infinite;
}

.fs2 .fs-outer {
  animation: run2 linear infinite;
}

.fs-container {
  position: absolute;
  z-index: 9;
  text-align: center;
  backface-visibility: hidden;
}

.fs-inner {
  display: flex;
  cursor: grab;
  z-index: 10;
  color: #fff;
  backface-visibility: hidden;
}

.fs-inner.fs-grabbing {
  cursor: grabbing;
}

.fs-inner ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.fs-inner ul li {
  width: auto;
  margin: 10px 5px 5px;
display: flex;
align-items: center
}


.fs-inner ul li a {
  cursor: grab;
}

.fs-inner.fs-grabbing ul li a {
  cursor: grabbing;
}

.fs-inner.fs-moving ul li img {
  pointer-events: none;
}

.fs-inner ul li a:focus-visible, .fs-inner ul li img:hover {
 outline: 0;
}

.fs-inner ul li img {
min-width: 400px;
}


.fs-dup {
  display: flex;
}


@keyframes run1 {
  0% {
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
}
  100% {
      transform: translateX(var(--fs-width-1));
      -webkit-transform: translateX(var(--fs-width-1));
      -moz-transform: translateX(var(--fs-width-1));
      -ms-transform: translateX(var(--fs-width-1));
      -o-transform: translateX(var(--fs-width-1));
}
}


@keyframes run2 {
  100% {
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
}
  0% {
      transform: translateX(var(--fs-width-2));
      -webkit-transform: translateX(var(--fs-width-2));
      -moz-transform: translateX(var(--fs-width-2));
      -ms-transform: translateX(var(--fs-width-2));
      -o-transform: translateX(var(--fs-width-2));
}
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(0deg, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0));
}

.gf-field-wrapper label,
.gf-field-wrapper label > * {
  width: 100%;
}
.gf-field-wrapper label span {
  color: #fff;
}
.gf-field-wrapper input {
    margin-top: 0.25rem;
    margin-bottom: 1.5rem;
}
input.total {
  color: rgba(253, 200, 47, 1);
  background: transparent;
  border: none;
  font-size: 1.5rem;
  text-align: center;
  position: relative;
}
.uah {
  position: relative;
}
.uah::before {
  content: 'грн.';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-65%);
  color: #fff;
}

#mobile-menu {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  top: -100vh;
}
@media (min-width: 1024px) {
  #mobile-menu {
    top: 0;
  }
}
.mobile-menu_open {
  top: 0 !important;
  transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

.burger-close span[data-v-297b768b]:first-child {
  transform: rotate(45deg);
  transform-origin: center center;
  top: 7px;
}
.burger-close span[data-v-297b768b]:nth-child(2) {
  left: 12px;
  width: 0px;
  top: 7px;
}
.burger-close span[data-v-297b768b]:nth-child(3) {
  transform: rotate(-45deg);
  transform-origin: center center;
  top: 7px;
}

:target {
  scroll-margin-top: 30vh; /* Adjust as needed */
}

.aspect-afisha {
  aspect-ratio: 5/7;
}

.aspect-menu {
  aspect-ratio: 25/36;
}
.footer-language .locale-picker .lang-1::after {
  content: '/';
  margin-inline: 4px;
  display: inline-block;
}

.gf-success-title {
  color: #fff;
  font-size: 1.5rem;
}