/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
/*!
Theme Name: Mélio
Theme URI: https://exemple.com
Author: Mélio
Author URI: https://exemple.com
Description: Un thème WordPress personnalisé pour Mélio
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: melio
*/
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --font-weight-bold: 700;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-kind-heart: 'Kind Heart', sans-serif;
    --font-poppins-light: 'Poppins Light', sans-serif;
    --font-poppins: 'Poppins Regular', sans-serif;
    --font-poppins-bold: 'Poppins Bold', sans-serif;
    --font-poppins-black: 'Poppins Black', sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  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;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .top-1\/4 {
    top: calc(1/4 * 100%);
  }
  .top-\[-70px\] {
    top: -70px;
  }
  .bottom-\[-75px\] {
    bottom: -75px;
  }
  .left-2\/3 {
    left: calc(2/3 * 100%);
  }
  .left-\[-60px\] {
    left: -60px;
  }
  .left-\[28\%\] {
    left: 28%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-full {
    width: 100%;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-2\/3 {
    --tw-translate-x: calc(calc(2/3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/4 {
    --tw-translate-y: calc(calc(1/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bg-primary-red {
    background-color: #ED6B6A;
  }
  .bg-secondary-dark-gray {
    background-color: #3C3C3B;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .font-poppins {
    font-family: var(--font-poppins);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .text-secondary-dark-gray {
    color: #3C3C3B;
  }
  .text-white {
    color: var(--color-white);
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .hover\:text-primary-red {
    &:hover {
      @media (hover: hover) {
        color: #ED6B6A;
      }
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
}
.btn {
  border-radius: calc(infinity * 1px);
  background-color: #ED6B6A;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-poppins-bold);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-white);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, #ED6B6A 90%, transparent);
    }
  }
}
.container {
  margin-inline: auto;
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.top-header {
  height: 85px;
  padding-block: calc(var(--spacing) * 2);
  .container {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    .home-link {
      height: 100%;
      img {
        height: 100%;
        object-fit: contain;
      }
    }
    nav {
      ul {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 12);
        .menu-item {
          font-family: var(--font-poppins-bold);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: #3C3C3B;
          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          @media (width >= 64rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
          &:hover {
            @media (hover: hover) {
              color: #ED6B6A;
            }
          }
        }
      }
    }
  }
}
.mobile-menu {
  pointer-events: none;
  position: fixed;
  top: 85px;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: #FFFFFF;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  @media (width >= 64rem) {
    display: none;
  }
  &.is-open {
    pointer-events: auto;
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  .wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 6);
    .nav-wrapper {
      margin-bottom: calc(var(--spacing) * 12);
      display: flex;
      width: 100%;
      flex-direction: column;
      gap: calc(var(--spacing) * 8);
      text-align: center;
      a {
        font-family: var(--font-poppins);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: #3C3C3B;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            color: #ED6B6A;
          }
        }
      }
    }
  }
}
#menu-toggle.is-active {
  span:nth-child(1) {
    --tw-translate-y: 8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
  }
  span:nth-child(2) {
    opacity: 0%;
  }
  span:nth-child(3) {
    --tw-translate-y: calc(8px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: calc(45deg * -1);
  }
}
footer {
  background-color: #F6F1EA;
  padding-block: calc(var(--spacing) * 12);
  .wrapper-top {
    margin-bottom: calc(var(--spacing) * 8);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .logo-and-socials {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      img {
        height: calc(var(--spacing) * 12);
        width: fit-content;
        object-fit: contain;
      }
      p {
        max-width: var(--container-xs);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: #878787;
      }
      a.social {
        display: flex;
        height: calc(var(--spacing) * 8);
        width: calc(var(--spacing) * 8);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: #3C3C3B;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            background-color: #ED6B6A;
          }
        }
        svg {
          height: calc(var(--spacing) * 4);
          width: calc(var(--spacing) * 4);
          color: var(--color-white);
        }
      }
    }
    .nav-menus {
      h3 {
        margin-bottom: calc(var(--spacing) * 4);
        font-family: var(--font-poppins-bold);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: #3C3C3B;
        text-transform: uppercase;
      }
      a {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: #878787;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            color: #ED6B6A;
          }
        }
      }
    }
  }
  .wrapper-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #DADADA;
    padding-top: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    p {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: #3C3C3B;
    }
    a {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: #3C3C3B;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #ED6B6A;
        }
      }
    }
  }
}
.wave {
  pointer-events: none;
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 20;
  width: 100%;
  svg {
    height: calc(var(--spacing) * 24);
    width: 100%;
    fill: currentcolor;
    color: var(--color-white);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 32);
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 48);
    }
  }
}
form {
  label {
    margin-bottom: calc(var(--spacing) * 1) !important;
    display: block;
    color: #878787 !important;
    span {
      color: #ED6B6A;
    }
  }
  input {
    width: 100% !important;
    border-radius: calc(infinity * 1px) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: #878787 !important;
    padding-inline: calc(var(--spacing) * 6) !important;
    padding-block: calc(var(--spacing) * 4) !important;
    color: #878787 !important;
    &::placeholder {
      color: #878787 !important;
    }
  }
  .ff-t-container {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .ff_submit_btn_wrapper {
    .btn {
      width: 100%;
      cursor: pointer;
      padding-block: calc(var(--spacing) * 4) !important;
      @media (width >= 48rem) {
        text-wrap: nowrap;
      }
    }
  }
}
@font-face {
  font-family: 'Kind Heart';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/Kind Heart.otf') format('opentype');
}
@font-face {
  font-family: 'Poppins Thin';
  font-style: normal;
  font-weight: 100;
  src: url('./assets/Poppins-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins Extra Light';
  font-style: normal;
  font-weight: 200;
  src: url('./assets/Poppins-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins Light';
  font-style: normal;
  font-weight: 300;
  src: url('./assets/Poppins-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins Regular';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins Medium';
  font-style: normal;
  font-weight: 500;
  src: url('./assets/Poppins-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins SemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('./assets/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins Bold';
  font-style: normal;
  font-weight: 700;
  src: url('./assets/Poppins-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins ExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url('./assets/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins Black';
  font-style: normal;
  font-weight: 900;
  src: url('./assets/Poppins-Black.ttf') format('truetype');
}
html, body {
  scroll-behavior: smooth;
  font-family: var(--font-poppins);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: #3C3C3B;
  @media (width >= 80rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
body.no-scroll {
  overflow: hidden;
}
.title-1 {
  font-family: var(--font-poppins-bold);
  font-size: var(--text-4xl);
  line-height: 41px;
  @media (width >= 80rem) {
    font-size: var(--text-5xl);
    line-height: 60px;
  }
}
.title-2 {
  font-family: var(--font-poppins-black);
  font-size: 26px;
  line-height: 32px;
  @media (width >= 64rem) {
    font-size: 44px;
    line-height: 50px;
  }
}
.title-2-secondary {
  font-family: var(--font-poppins-bold);
  font-size: var(--text-5xl);
  line-height: 52px;
}
.title-3 {
  font-family: var(--font-poppins-black);
  font-size: 24px;
  line-height: 30px;
}
.title-label {
  font-family: var(--font-kind-heart);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  @media (width >= 64rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.hero-block {
  position: relative;
  overflow: hidden;
  background-color: #F6F1EA;
  @media (width >= 64rem) {
    height: 700px;
  }
  @media (width >= 80rem) {
    height: 800px;
  }
  &::before {
    position: absolute;
    top: -60px;
    left: calc(var(--spacing) * 0);
    display: none;
    height: 200px;
    width: 150px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='171' height='217' viewBox='0 0 171 217' fill='none'%3E%3Cg clip-path='url(%23clip0_8112_1572)'%3E%3Cpath d='M114.32 127.183C108.819 133.907 102.523 140.121 95.4845 145.728C60.3294 173.68 14.2491 180.199 -24.8052 162.771L-12.3268 134.879C16.2791 147.651 50.3075 142.636 76.4984 121.818C102.731 100.949 114.817 70.0575 108.8 39.2167L138.79 33.3517C145.261 66.5658 136.007 100.677 114.32 127.183Z' fill='%23F4ACBE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8112_1572'%3E%3Crect width='203.759' height='93.1471' fill='white' transform='translate(-31 157.702) rotate(-50.7112)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 64rem) {
      display: block;
    }
  }
  .container {
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 18);
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .content-wrapper {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      justify-content: center;
      gap: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        width: 55%;
      }
      .title-1 {
        width: 100%;
        color: #3C3C3B;
        @media (width >= 64rem) {
          width: 20ch;
        }
        span {
          color: #F8B100;
        }
      }
      p {
        width: 100%;
        color: #3C3C3B;
        @media (width >= 64rem) {
          width: 48ch;
        }
      }
      .btn {
        margin-top: calc(var(--spacing) * 6);
        width: fit-content;
      }
    }
  }
  .img-wrapper {
    display: none;
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      display: block;
    }
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (width >= 64rem) {
      width: 45%;
    }
    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
  .wave {
    &::after {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: 55%;
      display: none;
      height: 180px;
      width: 180px;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='140' viewBox='0 0 176 140' fill='none'%3E%3Cg clip-path='url(%23clip0_8112_1561)'%3E%3Cpath d='M67.1875 83.5011C61.3661 83.5011 56.625 78.7623 56.625 72.9327C56.625 67.1031 61.3571 62.3643 67.1875 62.3643C73.0179 62.3643 77.7411 67.1031 77.7411 72.9327C77.7411 78.7623 73.0089 83.5011 67.1875 83.5011ZM67.1875 67.3266C64.1071 67.3266 61.5982 69.8391 61.5982 72.9237C61.5982 76.0084 64.1071 78.5209 67.1875 78.5209C70.2679 78.5209 72.7768 76.0084 72.7768 72.9237C72.7768 69.8391 70.2679 67.3266 67.1875 67.3266Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.1876 91.584C56.9109 91.584 48.5537 83.2151 48.5537 72.9239C48.5537 62.6327 56.9109 54.2638 67.1876 54.2638C77.4644 54.2638 85.8216 62.6327 85.8216 72.9239C85.8216 83.2151 77.4644 91.584 67.1876 91.584ZM67.1876 59.244C59.6519 59.244 53.5269 65.3776 53.5269 72.9239C53.5269 80.4702 59.6519 86.6038 67.1876 86.6038C74.7234 86.6038 80.8484 80.4702 80.8484 72.9239C80.8484 65.3776 74.7234 59.244 67.1876 59.244Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.0716 99.5773C52.3484 99.5773 40.3662 87.5783 40.3662 72.8344C40.3662 58.0905 52.3484 46.0915 67.0716 46.0915C81.7948 46.0915 93.7769 58.0905 93.7769 72.8344C93.7769 87.5783 81.7948 99.5773 67.0716 99.5773ZM67.0716 51.0806C55.0894 51.0806 45.3394 60.8443 45.3394 72.8433C45.3394 84.8423 55.0894 94.606 67.0716 94.606C79.0537 94.606 88.8037 84.8423 88.8037 72.8433C88.8037 60.8443 79.0537 51.0806 67.0716 51.0806Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.0717 107.669C47.8931 107.669 32.2949 92.0488 32.2949 72.8433C32.2949 53.6378 47.8931 38.0176 67.0717 38.0176C86.2503 38.0176 101.849 53.6378 101.849 72.8433C101.849 92.0488 86.2503 107.669 67.0717 107.669ZM67.0717 42.9889C50.6342 42.9889 37.2681 56.3827 37.2681 72.8343C37.2681 89.286 50.6431 102.68 67.0717 102.68C83.5003 102.68 96.8753 89.286 96.8753 72.8343C96.8753 56.3827 83.5003 42.9889 67.0717 42.9889Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.0709 115.752C43.4459 115.752 24.2227 96.5014 24.2227 72.8433C24.2227 49.1851 43.4459 29.9348 67.0709 29.9348C90.6959 29.9348 109.919 49.1851 109.919 72.8433C109.919 96.5014 90.6959 115.752 67.0709 115.752ZM67.0709 34.9061C46.1869 34.9061 29.1959 51.921 29.1959 72.8343C29.1959 93.7476 46.1869 110.763 67.0709 110.763C87.9548 110.763 104.946 93.7476 104.946 72.8343C104.946 51.921 87.9548 34.9061 67.0709 34.9061Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.071 123.835C38.9907 123.835 16.1514 100.963 16.1514 72.8434C16.1514 44.7236 38.9907 21.8523 67.071 21.8523C95.1514 21.8523 117.991 44.7236 117.991 72.8434C117.991 100.963 95.1514 123.835 67.071 123.835ZM67.071 26.8235C41.7317 26.8235 21.1157 47.4686 21.1157 72.8434C21.1157 98.2183 41.7317 118.863 67.071 118.863C92.4103 118.863 113.026 98.2183 113.026 72.8434C113.026 47.4686 92.4103 26.8235 67.071 26.8235Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.0712 131.917C34.5444 131.917 8.08008 105.416 8.08008 72.8434C8.08008 40.2709 34.5354 13.7605 67.0712 13.7605C99.6069 13.7605 126.062 40.262 126.062 72.8345C126.062 105.407 99.5979 131.908 67.0712 131.908ZM67.0712 18.7407C37.2854 18.7407 13.0444 43.0069 13.0444 72.8434C13.0444 102.68 37.2765 126.946 67.0712 126.946C96.8658 126.946 121.098 102.68 121.098 72.8434C121.098 43.0069 96.8658 18.7407 67.0712 18.7407Z' fill='%23BDE0D7'/%3E%3Cpath d='M67.0714 140C30.0893 140 0 109.869 0 72.8344C0 35.8003 30.0893 5.6777 67.0714 5.6777C104.054 5.6777 134.143 35.8093 134.143 72.8434C134.143 109.877 104.054 140.009 67.0714 140.009ZM67.0714 10.6579C32.8304 10.6579 4.97321 38.5542 4.97321 72.8434C4.97321 107.133 32.8304 135.029 67.0714 135.029C101.313 135.029 129.17 107.133 129.17 72.8434C129.17 38.5542 101.313 10.6579 67.0714 10.6579Z' fill='%23BDE0D7'/%3E%3Cpath d='M166.768 18.8479C171.966 18.8479 176.179 14.6286 176.179 9.42394C176.179 4.21924 171.966 0 166.768 0C161.571 0 157.357 4.21924 157.357 9.42394C157.357 14.6286 161.571 18.8479 166.768 18.8479Z' fill='%23B5BCDA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8112_1561'%3E%3Crect width='176' height='140' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        display: block;
      }
    }
  }
}
.presentation-block {
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .container {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--spacing) * 18);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
    @media (width >= 64rem) {
      justify-content: center;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 0);
    }
    .img-wrapper {
      display: flex;
      justify-content: center;
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      .image {
        position: relative;
        width: 100%;
        max-width: 500px;
        &::before {
          position: absolute;
          top: -35px;
          right: -15px;
          display: none;
          height: 150px;
          width: 250px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22254%22%20height%3D%22139%22%20viewBox%3D%220%200%20254%20139%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M179.187%20138.64C174.462%20138.873%20169.717%20138.696%20164.945%20137.992C147.254%20135.399%20132.163%20125.892%20121.28%20110.448C114.762%20101.194%20110.022%2091.5866%20105.475%2082.3227C96.4844%2064.0834%2090.3266%2052.5783%2077.5825%2046.5098C61.2826%2038.7368%2037.9734%2039.1533%2013.5946%2047.701L0.000189076%208.92017C34.5311%20-3.15459%2069.2853%20-2.96116%2095.3163%209.4428C121.589%2021.9817%20132.641%2044.4081%20142.385%2064.1965C146.439%2072.4272%20150.265%2080.1993%20154.947%2086.8421C159.343%2093.0584%20164.423%2096.4208%20170.912%2097.3636C185.076%2099.4256%20206.82%2090.5379%20227.693%2074.1436L253.117%20106.436C237.71%20118.536%20209.329%20137.181%20179.188%20138.669L179.187%20138.64Z%22%20fill%3D%22%23F4ACBE%22/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          @media (width >= 48rem) {
            display: block;
          }
        }
        &::after {
          position: absolute;
          bottom: -70px;
          left: 55px;
          display: none;
          height: 110px;
          width: 210px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22207%22%20height%3D%22102%22%20viewBox%3D%220%200%20207%20102%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M113.674%20101.18C104.737%20100.64%2095.7463%2099.1285%2086.8148%2096.6299C42.2487%2084.1194%208.99931%2049.5494%20-0.000403873%206.40128L30.8338%209.40893e-06C37.4206%2031.6081%2062.1412%2057.0159%2095.3383%2066.34C128.603%2075.6681%20161.707%2067.1296%20183.847%2043.4946L206.841%2065.0151C182.992%2090.4609%20148.906%20103.309%20113.674%20101.18Z%22%20fill%3D%22%23F8B100%22/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          @media (width >= 48rem) {
            display: block;
          }
        }
      }
    }
    .content-wrapper {
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      .title-2 span {
        color: #ED6B6A;
      }
      .content {
        margin-top: calc(var(--spacing) * 5);
        margin-bottom: calc(var(--spacing) * 10);
        display: flex;
        flex-direction: column;
        row-gap: calc(var(--spacing) * 4);
      }
    }
  }
}
.working-block {
  position: relative;
  overflow: hidden;
  background-color: #3B64A0;
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 32);
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 48);
  }
  .content-wrapper {
    margin-inline: auto;
    text-align: center;
    color: #FFFFFF;
    @media (width >= 64rem) {
      max-width: 900px;
    }
    .title-2 span {
      color: #BDE0D7;
    }
  }
  .working-wrapper {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 5);
    background-color: #3B64A0;
    @media (width >= 64rem) {
      flex-direction: row;
    }
    .working-step {
      position: relative;
      height: 100%;
      min-height: 530px;
      width: 100%;
      max-width: 400px;
      border-radius: 16px;
      background-color: #FFFFFF;
      --tw-shadow: 0 4px 10px 0 var(--tw-shadow-color, rgba(0,0,0,0.10));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      .step-number {
        position: absolute;
        top: 28px;
        left: 24px;
        height: fit-content;
        width: fit-content;
        border-radius: calc(infinity * 1px);
        background-color: #F8B100;
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 2);
        color: #FFFFFF;
      }
      .working-image-wrapper {
        height: 330px;
        width: 100%;
        overflow: hidden;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        img {
          height: 100%;
          width: 100%;
          object-fit: cover;
        }
      }
      .working-content-wrapper {
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 7);
        .title-3 {
          color: #F8B100;
        }
      }
    }
  }
  .wave {
    &::after {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: 10%;
      display: none;
      height: 160px;
      width: 180px;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22176%22%20height%3D%22140%22%20viewBox%3D%220%200%20176%20140%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8112_1763)%22%3E%3Cpath%20d%3D%22M67.1875%2083.5012C61.3661%2083.5012%2056.625%2078.7624%2056.625%2072.9328C56.625%2067.1032%2061.3571%2062.3644%2067.1875%2062.3644C73.0179%2062.3644%2077.7411%2067.1032%2077.7411%2072.9328C77.7411%2078.7624%2073.0089%2083.5012%2067.1875%2083.5012ZM67.1875%2067.3267C64.1071%2067.3267%2061.5982%2069.8392%2061.5982%2072.9238C61.5982%2076.0085%2064.1071%2078.521%2067.1875%2078.521C70.2679%2078.521%2072.7768%2076.0085%2072.7768%2072.9238C72.7768%2069.8392%2070.2679%2067.3267%2067.1875%2067.3267Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.1876%2091.584C56.9109%2091.584%2048.5537%2083.2151%2048.5537%2072.9239C48.5537%2062.6327%2056.9109%2054.2638%2067.1876%2054.2638C77.4644%2054.2638%2085.8216%2062.6327%2085.8216%2072.9239C85.8216%2083.2151%2077.4644%2091.584%2067.1876%2091.584ZM67.1876%2059.244C59.6519%2059.244%2053.5269%2065.3776%2053.5269%2072.9239C53.5269%2080.4702%2059.6519%2086.6038%2067.1876%2086.6038C74.7234%2086.6038%2080.8484%2080.4702%2080.8484%2072.9239C80.8484%2065.3776%2074.7234%2059.244%2067.1876%2059.244Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.0716%2099.5773C52.3484%2099.5773%2040.3662%2087.5783%2040.3662%2072.8344C40.3662%2058.0905%2052.3484%2046.0916%2067.0716%2046.0916C81.7948%2046.0916%2093.7769%2058.0905%2093.7769%2072.8344C93.7769%2087.5783%2081.7948%2099.5773%2067.0716%2099.5773ZM67.0716%2051.0807C55.0894%2051.0807%2045.3394%2060.8444%2045.3394%2072.8434C45.3394%2084.8424%2055.0894%2094.606%2067.0716%2094.606C79.0537%2094.606%2088.8037%2084.8424%2088.8037%2072.8434C88.8037%2060.8444%2079.0537%2051.0807%2067.0716%2051.0807Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.0717%20107.669C47.8931%20107.669%2032.2949%2092.0489%2032.2949%2072.8433C32.2949%2053.6378%2047.8931%2038.0177%2067.0717%2038.0177C86.2503%2038.0177%20101.849%2053.6378%20101.849%2072.8433C101.849%2092.0489%2086.2503%20107.669%2067.0717%20107.669ZM67.0717%2042.989C50.6342%2042.989%2037.2681%2056.3828%2037.2681%2072.8344C37.2681%2089.2861%2050.6431%20102.68%2067.0717%20102.68C83.5003%20102.68%2096.8753%2089.2861%2096.8753%2072.8344C96.8753%2056.3828%2083.5003%2042.989%2067.0717%2042.989Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.0709%20115.752C43.4459%20115.752%2024.2227%2096.5015%2024.2227%2072.8434C24.2227%2049.1852%2043.4459%2029.9349%2067.0709%2029.9349C90.6959%2029.9349%20109.919%2049.1852%20109.919%2072.8434C109.919%2096.5015%2090.6959%20115.752%2067.0709%20115.752ZM67.0709%2034.9062C46.1869%2034.9062%2029.1959%2051.9211%2029.1959%2072.8344C29.1959%2093.7477%2046.1869%20110.763%2067.0709%20110.763C87.9548%20110.763%20104.946%2093.7477%20104.946%2072.8344C104.946%2051.9211%2087.9548%2034.9062%2067.0709%2034.9062Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.071%20123.835C38.9907%20123.835%2016.1514%20100.963%2016.1514%2072.8435C16.1514%2044.7237%2038.9907%2021.8523%2067.071%2021.8523C95.1514%2021.8523%20117.991%2044.7237%20117.991%2072.8435C117.991%20100.963%2095.1514%20123.835%2067.071%20123.835ZM67.071%2026.8236C41.7317%2026.8236%2021.1157%2047.4686%2021.1157%2072.8435C21.1157%2098.2184%2041.7317%20118.863%2067.071%20118.863C92.4103%20118.863%20113.026%2098.2184%20113.026%2072.8435C113.026%2047.4686%2092.4103%2026.8236%2067.071%2026.8236Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.0712%20131.917C34.5444%20131.917%208.08008%20105.416%208.08008%2072.8434C8.08008%2040.2709%2034.5354%2013.7605%2067.0712%2013.7605C99.6069%2013.7605%20126.062%2040.262%20126.062%2072.8345C126.062%20105.407%2099.5979%20131.908%2067.0712%20131.908ZM67.0712%2018.7407C37.2854%2018.7407%2013.0444%2043.0069%2013.0444%2072.8434C13.0444%20102.68%2037.2765%20126.946%2067.0712%20126.946C96.8658%20126.946%20121.098%20102.68%20121.098%2072.8434C121.098%2043.0069%2096.8658%2018.7407%2067.0712%2018.7407Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M67.0714%20140C30.0893%20140%200%20109.869%200%2072.8345C0%2035.8004%2030.0893%205.67773%2067.0714%205.67773C104.054%205.67773%20134.143%2035.8093%20134.143%2072.8434C134.143%20109.878%20104.054%20140.009%2067.0714%20140.009ZM67.0714%2010.6579C32.8304%2010.6579%204.97321%2038.5542%204.97321%2072.8434C4.97321%20107.133%2032.8304%20135.029%2067.0714%20135.029C101.313%20135.029%20129.17%20107.133%20129.17%2072.8434C129.17%2038.5542%20101.313%2010.6579%2067.0714%2010.6579Z%22%20fill%3D%22%23F6F1EA%22/%3E%3Cpath%20d%3D%22M166.768%2018.8479C171.966%2018.8479%20176.179%2014.6286%20176.179%209.42394C176.179%204.21924%20171.966%200%20166.768%200C161.571%200%20157.357%204.21924%20157.357%209.42394C157.357%2014.6286%20161.571%2018.8479%20166.768%2018.8479Z%22%20fill%3D%22%23B5BCDA%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8112_1763%22%3E%3Crect%20width%3D%22176%22%20height%3D%22140%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        display: block;
      }
    }
  }
}
.newsletter-block {
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-end;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
    .content-wrapper {
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      .title-2 {
        @media (width >= 80rem) {
          max-width: 90%;
        }
        & span {
          color: #F8B100;
        }
      }
      p {
        margin-top: calc(var(--spacing) * 5);
        @media (width >= 80rem) {
          max-width: 90%;
        }
      }
    }
    .form-wrapper {
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      .privacy-policy {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: #878787;
      }
    }
  }
}
.contact-block {
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
    .content-wrapper {
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      .title-2 {
        @media (width >= 80rem) {
          max-width: 90%;
        }
        & span {
          color: #ED6B6A;
        }
      }
      p {
        margin-top: calc(var(--spacing) * 5);
        @media (width >= 80rem) {
          max-width: 90%;
        }
      }
    }
    .form-wrapper {
      border-radius: 16px;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 6);
      --tw-shadow: 0 4px 10px 0 var(--tw-shadow-color, rgba(0,0,0,0.10));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 13);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
      .privacy-policy {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: #878787;
      }
    }
  }
}
.gallery-block {
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .content-wrapper {
    margin-inline: auto;
    text-align: center;
    @media (width >= 64rem) {
      max-width: 900px;
    }
    .title-2 span {
      color: #3B64A0;
    }
  }
  .gallery-wrapper {
    position: relative;
    margin-top: calc(var(--spacing) * 16);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .images-wrapper {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      .image-wrapper {
        overflow: hidden;
        border-radius: 20px;
        &.large {
          height: 460px;
        }
        &.small {
          height: 315px;
        }
      }
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 500ms;
        transition-duration: 500ms;
        &:hover {
          @media (hover: hover) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
          }
        }
      }
    }
  }
}
.price-block {
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 18);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
    @media (width >= 64rem) {
      justify-content: center;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 0);
    }
    .img-wrapper {
      position: relative;
      display: flex;
      justify-content: center;
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      &::after {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        z-index: -1;
        display: none;
        height: 415px;
        width: 500px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='519' height='395' viewBox='0 0 519 395' fill='none'%3E%3Cpath d='M509.463 394.179C496.029 394.843 482.537 394.34 468.971 392.337C418.671 384.965 375.764 357.934 344.822 314.026C326.291 287.713 312.814 260.398 299.887 234.059C274.324 182.201 256.816 149.49 220.582 132.236C174.238 110.136 107.965 111.32 38.652 135.623L0.000325881 25.3617C98.1783 -8.9691 196.991 -8.41915 271.003 26.8477C345.702 62.4981 377.123 126.261 404.827 182.523C416.355 205.925 427.232 228.022 440.544 246.909C453.044 264.583 467.485 274.143 485.936 276.823C526.208 282.686 588.029 257.417 647.374 210.805L719.661 302.617C675.856 337.02 595.162 390.031 509.467 394.263L509.463 394.179Z' fill='%23BDE0D7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        @media (width >= 48rem) {
          display: block;
        }
      }
      .image {
        position: relative;
        width: 100%;
        max-width: 500px;
        .price {
          position: absolute;
          top: -35px;
          left: -15px;
          display: flex;
          height: 160px;
          width: 160px;
          align-items: center;
          justify-content: center;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='159' height='152' viewBox='0 0 159 152' fill='none'%3E%3Cpath d='M159 76C159 84.2436 152.502 91.3605 150.074 98.7993C147.554 106.514 148.525 116.057 143.819 122.472C139.079 128.957 129.621 130.969 123.1 135.683C116.649 140.351 111.816 148.698 104.069 151.204C96.5886 153.619 87.7899 149.767 79.5 149.767C71.2101 149.767 62.4114 153.619 54.9308 151.204C47.1728 148.698 42.3514 140.351 35.8999 135.683C29.3789 130.969 19.9212 128.946 15.1808 122.472C10.4867 116.057 11.4463 106.514 8.92582 98.7993C6.49781 91.3605 0 84.2436 0 76C0 67.7564 6.49781 60.6395 8.92582 53.2007C11.4463 45.4859 10.4751 35.9431 15.1808 29.5275C19.9212 23.043 29.3789 21.0309 35.8999 16.317C42.3514 11.6491 47.1843 3.30195 54.9308 0.795516C62.4114 -1.61894 71.2101 2.23269 79.5 2.23269C87.7899 2.23269 96.5886 -1.61894 104.069 0.795516C111.827 3.30195 116.649 11.6491 123.1 16.317C129.621 21.0309 139.079 23.0545 143.819 29.5275C148.513 35.9431 147.554 45.4859 150.074 53.2007C152.502 60.6395 159 67.7564 159 76Z' fill='%23F8B100'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          color: #FFFFFF;
          --tw-content: '';
          content: var(--tw-content);
        }
        &::after {
          position: absolute;
          bottom: -70px;
          left: 55px;
          display: none;
          height: 100px;
          width: 210px;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='96' viewBox='0 0 210 96' fill='none'%3E%3Cpath d='M119.184 96C110.23 96 101.164 95.0335 92.0985 93.078C46.8591 83.2779 11.5854 50.7759 0 8.24912L30.3921 0C38.8731 31.1534 65.0809 55.0241 98.7799 62.3292C132.546 69.6343 165.076 59.115 185.749 34.1878L210 54.2824C187.729 81.1201 154.48 96 119.184 96Z' fill='%23F6F1EA'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          @media (width >= 48rem) {
            display: block;
          }
        }
      }
    }
    .content-wrapper {
      @media (width >= 64rem) {
        width: calc(1/2 * 100%);
      }
      .title-2 span {
        @media (width >= 80rem) {
          max-width: 90%;
        }
        color: #ED6B6A;
      }
      p {
        @media (width >= 80rem) {
          max-width: 90%;
        }
        margin-top: calc(var(--spacing) * 5);
        margin-bottom: calc(var(--spacing) * 10);
        &:first-of-type {
          margin-bottom: calc(var(--spacing) * 4) !important;
        }
      }
    }
  }
}
.presale-block {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 16);
  &::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 1;
    display: none;
    height: 100px;
    width: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='137' height='77' viewBox='0 0 137 77' fill='none'%3E%3Cpath d='M119.184 77C110.23 77 101.164 76.0335 92.0985 74.078C46.8591 64.2779 11.5854 31.7759 0 -10.7509L30.3921 -19C38.8731 12.1534 65.0809 36.0241 98.7799 43.3292C132.546 50.6343 165.076 40.115 185.749 15.1878L210 35.2824C187.729 62.1201 154.48 77 119.184 77Z' fill='%23F6F1EA'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 48rem) {
      display: block;
    }
  }
  &::after {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    display: none;
    height: 105px;
    width: 230px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='218' height='107' viewBox='0 0 218 107' fill='none'%3E%3Cpath d='M143.512 138.64C138.787 138.873 134.042 138.696 129.27 137.992C111.579 135.399 96.4879 125.892 85.605 110.448C79.0876 101.194 74.3474 91.5867 69.8006 82.3228C60.8096 64.0835 54.6518 52.5784 41.9077 46.5099C25.6078 38.7369 2.29858 39.1534 -22.0802 47.7011L-35.6746 8.92027C-1.14372 -3.15448 33.6105 -2.96105 59.6415 9.4429C85.9146 21.9818 96.9658 44.4082 106.71 64.1966C110.764 72.4274 114.59 80.1994 119.272 86.8422C123.669 93.0585 128.748 96.421 135.237 97.3637C149.402 99.4257 171.145 90.538 192.018 74.1437L217.442 106.436C202.036 118.536 173.654 137.181 143.514 138.669L143.512 138.64Z' fill='%23F8B100'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 48rem) {
      display: block;
    }
  }
  .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    .content-wrapper {
      @media (width >= 64rem) {
        width: calc(1/3 * 100%);
      }
      .title-label {
        display: flex;
        justify-content: center;
        color: #FFFFFF;
        @media (width >= 64rem) {
          display: block;
        }
      }
      .title-2 {
        text-align: center;
        color: #FFFFFF;
        @media (width >= 64rem) {
          text-align: left;
        }
      }
    }
    .countdown-wrapper {
      @media (width >= 64rem) {
        width: calc(2/3 * 100%);
      }
      #countdown {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(var(--spacing) * 4);
        @media (width >= 64rem) {
          display: flex;
        }
        @media (width >= 64rem) {
          align-items: center;
        }
        @media (width >= 64rem) {
          justify-content: flex-end;
        }
        .countdown-item {
          display: flex;
          width: 100%;
          max-width: 180px;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 2);
          border-radius: 30px;
          background-color: #D14B49;
          padding-inline: calc(var(--spacing) * 5);
          padding-block: calc(var(--spacing) * 11);
          .countdown-number {
            font-family: var(--font-poppins-black);
            font-size: 44px;
            color: #FFFFFF;
          }
          .countdown-divider {
            width: 100%;
            color: #FFFFFF;
          }
          .countdown-label {
            font-family: var(--font-poppins-light);
            font-size: 20px;
            color: #FFFFFF;
          }
        }
      }
    }
  }
}
.index {
  margin-bottom: calc(var(--spacing) * 12);
  h1 {
    margin-block: calc(var(--spacing) * 12);
  }
  p {
    margin-bottom: calc(var(--spacing) * 6);
  }
  h2 {
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-poppins-black);
    font-size: 24px;
    line-height: 30px;
  }
  ul, ol {
    margin-bottom: calc(var(--spacing) * 6);
    li {
      position: relative;
      margin-bottom: calc(var(--spacing) * 3);
      padding-left: calc(var(--spacing) * 6);
      &::before {
        position: absolute;
        top: 10px;
        left: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 2);
        width: calc(var(--spacing) * 2);
        border-radius: calc(infinity * 1px);
        background-color: #ED6B6A;
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
}
.page-404 {
  margin-block: calc(var(--spacing) * 12);
  h1 {
    margin-top: calc(var(--spacing) * 6);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}