/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@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-green-900: oklch(39.3% 0.095 152.535);
    --color-black: #000000;
    --color-white: #ffffff;
    --spacing: 1px;
    --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-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --radius-sm: 0.25rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --aspect-video: 16 / 9;
    --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-lora: 'Nunito Sans', sans-serif;
    --font-cormorant: 'Sorts Mill Goudy', serif;
    --color-green: #2d6e50;
    --color-pink: #c95976;
    --color-gray: #8d8d8d;
    --color-dark-gray: #666666;
    --color-light-green: #ebfff6;
    --color-lightgray: #d3d3d3;
    --text-body-1: 20px;
    --text-body-2: 18px;
    --text-body-3: 16px;
    --text-body-4: 14px;
    --text-heading-1: 80px;
    --text-heading-2: 54px;
    --text-heading-3: 48px;
    --text-heading-4: 26px;
    --text-heading-5: 23px;
    --text-heading-6: 16px;
    --text-heading-1-leptop: 60px;
    --text-heading-2-tablet: 40px;
    --text-heading-3-tablet: 32px;
    --text-heading-1-tablet: 40px;
    --text-heading-1-mobile: 32px;
    --text-heading-2-mobile: 28px;
    --text-heading-3-mobile: 24px;
    --text-heading-4-mobile: 20px;
    --text-13: 13px;
    --text-19: 19px;
    --text-22: 22px;
    --text-25: 25px;
    --text-30: 30px;
    --text-32: 32px;
    --text-36: 36px;
    --text-150: 150px;
  }
}
@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;
  }
  :-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 {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[52px\] {
    top: 52px;
  }
  .-right-\[7\%\] {
    right: calc(7% * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .-bottom-20 {
    bottom: calc(var(--spacing) * -20);
  }
  .-bottom-\[35\%\] {
    bottom: calc(35% * -1);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-24 {
    left: calc(var(--spacing) * 24);
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-4 {
    z-index: 4;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[1000000\] {
    z-index: 1000000;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-19 {
    margin-top: calc(var(--spacing) * 19);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-21 {
    margin-top: calc(var(--spacing) * 21);
  }
  .mt-22 {
    margin-top: calc(var(--spacing) * 22);
  }
  .mt-27 {
    margin-top: calc(var(--spacing) * 27);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-35 {
    margin-top: calc(var(--spacing) * 35);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-42 {
    margin-top: calc(var(--spacing) * 42);
  }
  .mt-46 {
    margin-top: calc(var(--spacing) * 46);
  }
  .mt-52 {
    margin-top: calc(var(--spacing) * 52);
  }
  .mt-54 {
    margin-top: calc(var(--spacing) * 54);
  }
  .mt-60 {
    margin-top: calc(var(--spacing) * 60);
  }
  .mt-70 {
    margin-top: calc(var(--spacing) * 70);
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-12 {
    margin-right: calc(var(--spacing) * 12);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-13 {
    margin-bottom: calc(var(--spacing) * 13);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
  }
  .mb-19 {
    margin-bottom: calc(var(--spacing) * 19);
  }
  .mb-21 {
    margin-bottom: calc(var(--spacing) * 21);
  }
  .mb-22 {
    margin-bottom: calc(var(--spacing) * 22);
  }
  .mb-30 {
    margin-bottom: calc(var(--spacing) * 30);
  }
  .mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
  }
  .mb-34 {
    margin-bottom: calc(var(--spacing) * 34);
  }
  .mb-40 {
    margin-bottom: calc(var(--spacing) * 40);
  }
  .mb-50 {
    margin-bottom: calc(var(--spacing) * 50);
  }
  .mb-52 {
    margin-bottom: calc(var(--spacing) * 52);
  }
  .mb-65 {
    margin-bottom: calc(var(--spacing) * 65);
  }
  .mb-70 {
    margin-bottom: calc(var(--spacing) * 70);
  }
  .mb-73 {
    margin-bottom: calc(var(--spacing) * 73);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }
  .ml-20 {
    margin-left: calc(var(--spacing) * 20);
  }
  .\!flex {
    display: flex !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-17 {
    height: calc(var(--spacing) * 17);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-25 {
    height: calc(var(--spacing) * 25);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-227 {
    height: calc(var(--spacing) * 227);
  }
  .h-245 {
    height: calc(var(--spacing) * 245);
  }
  .h-\[310px\] {
    height: 310px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .w-3\/12 {
    width: calc(3/12 * 100%);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-331 {
    width: calc(var(--spacing) * 331);
  }
  .w-385 {
    width: calc(var(--spacing) * 385);
  }
  .w-808 {
    width: calc(var(--spacing) * 808);
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[115px\] {
    width: 115px;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-170 {
    max-width: calc(var(--spacing) * 170);
  }
  .max-w-450 {
    max-width: calc(var(--spacing) * 450);
  }
  .max-w-473 {
    max-width: calc(var(--spacing) * 473);
  }
  .max-w-557 {
    max-width: calc(var(--spacing) * 557);
  }
  .max-w-697 {
    max-width: calc(var(--spacing) * 697);
  }
  .max-w-755 {
    max-width: calc(var(--spacing) * 755);
  }
  .max-w-768 {
    max-width: calc(var(--spacing) * 768);
  }
  .max-w-776 {
    max-width: calc(var(--spacing) * 776);
  }
  .max-w-793 {
    max-width: calc(var(--spacing) * 793);
  }
  .max-w-962 {
    max-width: calc(var(--spacing) * 962);
  }
  .max-w-1028 {
    max-width: calc(var(--spacing) * 1028);
  }
  .max-w-1100 {
    max-width: calc(var(--spacing) * 1100);
  }
  .max-w-1173 {
    max-width: calc(var(--spacing) * 1173);
  }
  .max-w-1274 {
    max-width: calc(var(--spacing) * 1274);
  }
  .max-w-1377 {
    max-width: calc(var(--spacing) * 1377);
  }
  .max-w-1664 {
    max-width: calc(var(--spacing) * 1664);
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1320px\] {
    max-width: 1320px;
  }
  .grow {
    flex-grow: 1;
  }
  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .\!flex-row {
    flex-direction: row !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-11 {
    gap: calc(var(--spacing) * 11);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-15 {
    gap: calc(var(--spacing) * 15);
  }
  .gap-18 {
    gap: calc(var(--spacing) * 18);
  }
  .gap-19 {
    gap: calc(var(--spacing) * 19);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-21 {
    gap: calc(var(--spacing) * 21);
  }
  .gap-22 {
    gap: calc(var(--spacing) * 22);
  }
  .gap-30 {
    gap: calc(var(--spacing) * 30);
  }
  .gap-32 {
    gap: calc(var(--spacing) * 32);
  }
  .gap-40 {
    gap: calc(var(--spacing) * 40);
  }
  .gap-42 {
    gap: calc(var(--spacing) * 42);
  }
  .gap-100 {
    gap: calc(var(--spacing) * 100);
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .space-y-20 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-t-\[30px\] {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-5 {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-green {
    border-color: var(--color-green);
  }
  .border-lightgray {
    border-color: var(--color-lightgray);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-green {
    background-color: var(--color-green);
  }
  .bg-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-light-green {
    background-color: var(--color-light-green);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-\[url\(\.\/assets\/images\/green-leaves-patten\.svg\)\] {
    background-image: url(./assets/images/green-leaves-patten.svg);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-right {
    object-position: right;
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-24 {
    padding: calc(var(--spacing) * 24);
  }
  .p-39 {
    padding: calc(var(--spacing) * 39);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-60 {
    padding-inline: calc(var(--spacing) * 60);
  }
  .px-91 {
    padding-inline: calc(var(--spacing) * 91);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-18 {
    padding-block: calc(var(--spacing) * 18);
  }
  .py-22 {
    padding-block: calc(var(--spacing) * 22);
  }
  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }
  .py-42 {
    padding-block: calc(var(--spacing) * 42);
  }
  .py-50 {
    padding-block: calc(var(--spacing) * 50);
  }
  .py-52 {
    padding-block: calc(var(--spacing) * 52);
  }
  .py-53 {
    padding-block: calc(var(--spacing) * 53);
  }
  .py-64 {
    padding-block: calc(var(--spacing) * 64);
  }
  .py-70 {
    padding-block: calc(var(--spacing) * 70);
  }
  .py-72 {
    padding-block: calc(var(--spacing) * 72);
  }
  .py-84 {
    padding-block: calc(var(--spacing) * 84);
  }
  .py-90 {
    padding-block: calc(var(--spacing) * 90);
  }
  .py-100 {
    padding-block: calc(var(--spacing) * 100);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-18 {
    padding-top: calc(var(--spacing) * 18);
  }
  .pt-34 {
    padding-top: calc(var(--spacing) * 34);
  }
  .pt-42 {
    padding-top: calc(var(--spacing) * 42);
  }
  .pt-54 {
    padding-top: calc(var(--spacing) * 54);
  }
  .pt-60 {
    padding-top: calc(var(--spacing) * 60);
  }
  .pt-64 {
    padding-top: calc(var(--spacing) * 64);
  }
  .pt-65 {
    padding-top: calc(var(--spacing) * 65);
  }
  .pt-70 {
    padding-top: calc(var(--spacing) * 70);
  }
  .pt-120 {
    padding-top: calc(var(--spacing) * 120);
  }
  .pr-26 {
    padding-right: calc(var(--spacing) * 26);
  }
  .pr-30 {
    padding-right: calc(var(--spacing) * 30);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-13 {
    padding-bottom: calc(var(--spacing) * 13);
  }
  .pb-18 {
    padding-bottom: calc(var(--spacing) * 18);
  }
  .pb-22 {
    padding-bottom: calc(var(--spacing) * 22);
  }
  .pb-25 {
    padding-bottom: calc(var(--spacing) * 25);
  }
  .pb-41 {
    padding-bottom: calc(var(--spacing) * 41);
  }
  .pb-42 {
    padding-bottom: calc(var(--spacing) * 42);
  }
  .pb-53 {
    padding-bottom: calc(var(--spacing) * 53);
  }
  .pl-26 {
    padding-left: calc(var(--spacing) * 26);
  }
  .pl-30 {
    padding-left: calc(var(--spacing) * 30);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-cormorant {
    font-family: var(--font-cormorant);
  }
  .font-lora {
    font-family: var(--font-lora);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-gray {
    color: var(--color-gray);
  }
  .text-green {
    color: var(--color-green);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:top-0 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:z-\[2\] {
    &::after {
      content: var(--tw-content);
      z-index: 2;
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:h-2\/4 {
    &::after {
      content: var(--tw-content);
      height: calc(2/4 * 100%);
    }
  }
  .after\:h-full {
    &::after {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .hover\:text-pink {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink);
      }
    }
  }
  .max-1800\:mt-30 {
    @media (width < 1800px) {
      margin-top: calc(var(--spacing) * 30);
    }
  }
  .max-1800\:-ml-40 {
    @media (width < 1800px) {
      margin-left: calc(var(--spacing) * -40);
    }
  }
  .max-1800\:gap-50 {
    @media (width < 1800px) {
      gap: calc(var(--spacing) * 50);
    }
  }
  .max-1512\:-ml-100 {
    @media (width < 1512px) {
      margin-left: calc(var(--spacing) * -100);
    }
  }
  .max-1512\:w-full {
    @media (width < 1512px) {
      width: 100%;
    }
  }
  .max-1512\:gap-10 {
    @media (width < 1512px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .max-1440\:w-full {
    @media (width < 1441px) {
      width: 100%;
    }
  }
  .max-1440\:flex-wrap {
    @media (width < 1441px) {
      flex-wrap: wrap;
    }
  }
  .max-\[1366px\]\:max-w-\[100px\] {
    @media (width < 1366px) {
      max-width: 100px;
    }
  }
  .max-\[1366px\]\:max-w-\[180px\] {
    @media (width < 1366px) {
      max-width: 180px;
    }
  }
  .max-\[1366px\]\:max-w-\[250px\] {
    @media (width < 1366px) {
      max-width: 250px;
    }
  }
  .max-\[1366px\]\:gap-20 {
    @media (width < 1366px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-\[1366px\]\:\!text-5xl {
    @media (width < 1366px) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
  }
  .max-1280\:top-40 {
    @media (width < 1280px) {
      top: calc(var(--spacing) * 40);
    }
  }
  .max-1200\:relative {
    @media (width < 1200px) {
      position: relative;
    }
  }
  .max-1200\:w-full {
    @media (width < 1200px) {
      width: 100%;
    }
  }
  .max-\[1200px\]\:flex-col {
    @media (width < 1200px) {
      flex-direction: column;
    }
  }
  .max-\[1200px\]\:gap-60 {
    @media (width < 1200px) {
      gap: calc(var(--spacing) * 60);
    }
  }
  .max-1024\:right-30 {
    @media (width < 1025px) {
      right: calc(var(--spacing) * 30);
    }
  }
  .max-1024\:w-\[90\%\] {
    @media (width < 1025px) {
      width: 90%;
    }
  }
  .max-1024\:justify-center {
    @media (width < 1025px) {
      justify-content: center;
    }
  }
  .max-1024\:p-15 {
    @media (width < 1025px) {
      padding: calc(var(--spacing) * 15);
    }
  }
  .max-1024\:px-0 {
    @media (width < 1025px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .max-1024\:py-40 {
    @media (width < 1025px) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .max-1024\:pt-60 {
    @media (width < 1025px) {
      padding-top: calc(var(--spacing) * 60);
    }
  }
  .max-1024\:pr-0 {
    @media (width < 1025px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .max-1024\:pl-0 {
    @media (width < 1025px) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .max-1023\:order-1 {
    @media (width < 1023px) {
      order: 1;
    }
  }
  .max-1023\:order-2 {
    @media (width < 1023px) {
      order: 2;
    }
  }
  .max-1023\:order-4 {
    @media (width < 1023px) {
      order: 4;
    }
  }
  .max-1023\:mb-8 {
    @media (width < 1023px) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .max-1023\:mb-50 {
    @media (width < 1023px) {
      margin-bottom: calc(var(--spacing) * 50);
    }
  }
  .max-1023\:\!block {
    @media (width < 1023px) {
      display: block !important;
    }
  }
  .max-1023\:block {
    @media (width < 1023px) {
      display: block;
    }
  }
  .max-1023\:w-5\/12 {
    @media (width < 1023px) {
      width: calc(5/12 * 100%);
    }
  }
  .max-1023\:w-6\/12 {
    @media (width < 1023px) {
      width: calc(6/12 * 100%);
    }
  }
  .max-1023\:w-full {
    @media (width < 1023px) {
      width: 100%;
    }
  }
  .max-1023\:columns-2 {
    @media (width < 1023px) {
      columns: 2;
    }
  }
  .max-1023\:grid-cols-1 {
    @media (width < 1023px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .max-1023\:flex-col {
    @media (width < 1023px) {
      flex-direction: column;
    }
  }
  .max-1023\:flex-wrap {
    @media (width < 1023px) {
      flex-wrap: wrap;
    }
  }
  .max-1023\:justify-start {
    @media (width < 1023px) {
      justify-content: flex-start;
    }
  }
  .max-1023\:gap-20 {
    @media (width < 1023px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-1023\:gap-30 {
    @media (width < 1023px) {
      gap: calc(var(--spacing) * 30);
    }
  }
  .max-1023\:p-20 {
    @media (width < 1023px) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .max-1023\:py-20 {
    @media (width < 1023px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .max-1023\:py-40 {
    @media (width < 1023px) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .max-1023\:py-43 {
    @media (width < 1023px) {
      padding-block: calc(var(--spacing) * 43);
    }
  }
  .max-1023\:py-50 {
    @media (width < 1023px) {
      padding-block: calc(var(--spacing) * 50);
    }
  }
  .max-1023\:pt-30 {
    @media (width < 1023px) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .max-1023\:pt-40 {
    @media (width < 1023px) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .max-1023\:pt-43 {
    @media (width < 1023px) {
      padding-top: calc(var(--spacing) * 43);
    }
  }
  .max-1023\:pt-50 {
    @media (width < 1023px) {
      padding-top: calc(var(--spacing) * 50);
    }
  }
  .max-1023\:pr-0 {
    @media (width < 1023px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .max-1023\:pb-43 {
    @media (width < 1023px) {
      padding-bottom: calc(var(--spacing) * 43);
    }
  }
  .max-1023\:pl-0 {
    @media (width < 1023px) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .max-990\:-top-\[120px\] {
    @media (width < 990px) {
      top: calc(120px * -1);
    }
  }
  .max-990\:-top-\[140px\] {
    @media (width < 990px) {
      top: calc(140px * -1);
    }
  }
  .max-990\:-right-\[90px\] {
    @media (width < 990px) {
      right: calc(90px * -1);
    }
  }
  .max-990\:-left-60 {
    @media (width < 990px) {
      left: calc(var(--spacing) * -60);
    }
  }
  .max-990\:hidden {
    @media (width < 990px) {
      display: none;
    }
  }
  .max-990\:w-full {
    @media (width < 990px) {
      width: 100%;
    }
  }
  .max-990\:max-w-\[170px\] {
    @media (width < 990px) {
      max-width: 170px;
    }
  }
  .max-990\:max-w-\[230px\] {
    @media (width < 990px) {
      max-width: 230px;
    }
  }
  .max-990\:\!grid-cols-2 {
    @media (width < 990px) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .max-990\:grid-cols-4 {
    @media (width < 990px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .max-990\:flex-col {
    @media (width < 990px) {
      flex-direction: column;
    }
  }
  .max-\[770px\]\:flex-row-reverse {
    @media (width < 770px) {
      flex-direction: row-reverse;
    }
  }
  .max-768\:right-60 {
    @media (width < 769.99px) {
      right: calc(var(--spacing) * 60);
    }
  }
  .max-768\:ml-10 {
    @media (width < 769.99px) {
      margin-left: calc(var(--spacing) * 10);
    }
  }
  .max-768\:block {
    @media (width < 769.99px) {
      display: block;
    }
  }
  .max-768\:w-100 {
    @media (width < 769.99px) {
      width: calc(var(--spacing) * 100);
    }
  }
  .max-768\:w-full {
    @media (width < 769.99px) {
      width: 100%;
    }
  }
  .max-768\:grid-cols-2 {
    @media (width < 769.99px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .max-768\:flex-col {
    @media (width < 769.99px) {
      flex-direction: column;
    }
  }
  .max-768\:justify-between {
    @media (width < 769.99px) {
      justify-content: space-between;
    }
  }
  .max-768\:gap-10 {
    @media (width < 769.99px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .max-768\:p-10 {
    @media (width < 769.99px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .max-768\:p-20 {
    @media (width < 769.99px) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .max-768\:px-30 {
    @media (width < 769.99px) {
      padding-inline: calc(var(--spacing) * 30);
    }
  }
  .max-768\:pt-20 {
    @media (width < 769.99px) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .max-768\:text-center {
    @media (width < 769.99px) {
      text-align: center;
    }
  }
  .max-tab768\:-top-\[40px\] {
    @media (width < 768px) {
      top: calc(40px * -1);
    }
  }
  .max-tab768\:-top-\[50px\] {
    @media (width < 768px) {
      top: calc(50px * -1);
    }
  }
  .max-tab768\:right-10 {
    @media (width < 768px) {
      right: calc(var(--spacing) * 10);
    }
  }
  .max-tab768\:left-20 {
    @media (width < 768px) {
      left: calc(var(--spacing) * 20);
    }
  }
  .max-\[768px\]\:\!hidden {
    @media (width < 768px) {
      display: none !important;
    }
  }
  .max-\[768px\]\:block {
    @media (width < 768px) {
      display: block;
    }
  }
  .max-tab768\:max-w-\[100px\] {
    @media (width < 768px) {
      max-width: 100px;
    }
  }
  .max-tab768\:max-w-\[130px\] {
    @media (width < 768px) {
      max-width: 130px;
    }
  }
  .max-767\:hidden {
    @media (width < 767px) {
      display: none;
    }
  }
  .max-\[767px\]\:\!text-\[32px\] {
    @media (width < 767px) {
      font-size: 32px !important;
    }
  }
  .max-639\:right-0 {
    @media (width < 639px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-575\:h-214 {
    @media (width < 575px) {
      height: calc(var(--spacing) * 214);
    }
  }
  .max-575\:grid-cols-3 {
    @media (width < 575px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .max-575\:\!text-body-3 {
    @media (width < 575px) {
      font-size: var(--text-body-3) !important;
    }
  }
  .max-479\:w-\[80\%\] {
    @media (width < 479px) {
      width: 80%;
    }
  }
  .max-479\:w-full {
    @media (width < 479px) {
      width: 100%;
    }
  }
  .max-374\:h-173 {
    @media (width < 376px) {
      height: calc(var(--spacing) * 173);
    }
  }
  .max-xl\:flex-col {
    @media (width < 80rem) {
      flex-direction: column;
    }
  }
  .max-xl\:gap-20 {
    @media (width < 80rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-lg\:mb-20 {
    @media (width < 64rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .max-lg\:grid-cols-3 {
    @media (width < 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .max-lg\:flex-col {
    @media (width < 64rem) {
      flex-direction: column;
    }
  }
  .max-lg\:items-center {
    @media (width < 64rem) {
      align-items: center;
    }
  }
  .max-lg\:\!gap-\[12px\] {
    @media (width < 64rem) {
      gap: 12px !important;
    }
  }
  .\*\:max-lg\:\!w-full {
    :is(& > *) {
      @media (width < 64rem) {
        width: 100% !important;
      }
    }
  }
  .max-md\:min-h-\[250px\] {
    @media (width < 48rem) {
      min-height: 250px;
    }
  }
  .max-md\:min-h-\[300px\] {
    @media (width < 48rem) {
      min-height: 300px;
    }
  }
  .max-md\:max-w-80 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 80);
    }
  }
  .max-md\:gap-12 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .max-md\:gap-20 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-md\:gap-\[10px\] {
    @media (width < 48rem) {
      gap: 10px;
    }
  }
  .max-md\:rounded-\[10px\] {
    @media (width < 48rem) {
      border-radius: 10px;
    }
  }
  .max-md\:p-\[12px\] {
    @media (width < 48rem) {
      padding: 12px;
    }
  }
  .max-md\:px-16 {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .max-sm\:\!text-\[28px\] {
    @media (width < 40rem) {
      font-size: 28px !important;
    }
  }
  .min-479\:w-\[50\%\] {
    @media (width >= 479px) {
      width: 50%;
    }
  }
  .min-768\:col-span-2 {
    @media (width >= 769.99px) {
      grid-column: span 2 / span 2;
    }
  }
  .min-768\:block {
    @media (width >= 769.99px) {
      display: block;
    }
  }
  .\37 68\:grid-cols-2 {
    @media (width >= 769.99px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .min-768\:grid-cols-2 {
    @media (width >= 769.99px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\39 90\:relative {
    @media (width >= 990px) {
      position: relative;
    }
  }
  .\39 90\:text-2xl {
    @media (width >= 990px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .min-1023\:ml-100 {
    @media (width >= 1023px) {
      margin-left: calc(var(--spacing) * 100);
    }
  }
  .min-1023\:w-6\/12 {
    @media (width >= 1023px) {
      width: calc(6/12 * 100%);
    }
  }
  .min-1023\:w-470 {
    @media (width >= 1023px) {
      width: calc(var(--spacing) * 470);
    }
  }
  .min-1023\:items-center {
    @media (width >= 1023px) {
      align-items: center;
    }
  }
  .min-1023\:justify-between {
    @media (width >= 1023px) {
      justify-content: space-between;
    }
  }
  .min-1023\:border-x {
    @media (width >= 1023px) {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }
  }
  .min-1023\:px-22 {
    @media (width >= 1023px) {
      padding-inline: calc(var(--spacing) * 22);
    }
  }
  .min-1023\:px-80 {
    @media (width >= 1023px) {
      padding-inline: calc(var(--spacing) * 80);
    }
  }
  .min-1023\:pr-22 {
    @media (width >= 1023px) {
      padding-right: calc(var(--spacing) * 22);
    }
  }
  .min-1023\:pr-55 {
    @media (width >= 1023px) {
      padding-right: calc(var(--spacing) * 55);
    }
  }
  .min-1023\:pl-22 {
    @media (width >= 1023px) {
      padding-left: calc(var(--spacing) * 22);
    }
  }
  .min-1024\:w-4\/12 {
    @media (width >= 1025px) {
      width: calc(4/12 * 100%);
    }
  }
  .min-1024\:w-130 {
    @media (width >= 1025px) {
      width: calc(var(--spacing) * 130);
    }
  }
  .min-1200\:w-5\/12 {
    @media (width >= 1200px) {
      width: calc(5/12 * 100%);
    }
  }
  .min-1200\:w-7\/12 {
    @media (width >= 1200px) {
      width: calc(7/12 * 100%);
    }
  }
  .\31 200\:grid-cols-3 {
    @media (width >= 1200px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\31 200\:max-1512\:sticky {
    @media (width >= 1200px) {
      @media (width < 1512px) {
        position: sticky;
      }
    }
  }
  .\31 200\:max-1512\:top-\[170px\] {
    @media (width >= 1200px) {
      @media (width < 1512px) {
        top: 170px;
      }
    }
  }
  .min-1200\:max-1512\:mt-50 {
    @media (width >= 1200px) {
      @media (width < 1512px) {
        margin-top: calc(var(--spacing) * 50);
      }
    }
  }
  .min-1400\:ml-50 {
    @media (width >= 1400px) {
      margin-left: calc(var(--spacing) * 50);
    }
  }
  .min-1400\:grid-cols-3 {
    @media (width >= 1400px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .min-1440\:max-w-384 {
    @media (width >= 1441px) {
      max-width: calc(var(--spacing) * 384);
    }
  }
  .min-1440\:max-w-500 {
    @media (width >= 1441px) {
      max-width: calc(var(--spacing) * 500);
    }
  }
  .min-1512\:right-77 {
    @media (width >= 1512px) {
      right: calc(var(--spacing) * 77);
    }
  }
  .min-1512\:ml-145 {
    @media (width >= 1512px) {
      margin-left: calc(var(--spacing) * 145);
    }
  }
  .min-1512\:flex {
    @media (width >= 1512px) {
      display: flex;
    }
  }
  .min-1512\:w-5\/12 {
    @media (width >= 1512px) {
      width: calc(5/12 * 100%);
    }
  }
  .min-1512\:w-6\/12 {
    @media (width >= 1512px) {
      width: calc(6/12 * 100%);
    }
  }
  .min-1512\:w-7\/12 {
    @media (width >= 1512px) {
      width: calc(7/12 * 100%);
    }
  }
  .min-1512\:px-0 {
    @media (width >= 1512px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .min-1512\:pr-20 {
    @media (width >= 1512px) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .min-1512\:max-1800\:mt-\[140px\] {
    @media (width >= 1512px) {
      @media (width < 1800px) {
        margin-top: 140px;
      }
    }
  }
  .min-1600\:w-7\/12 {
    @media (width >= 1600px) {
      width: calc(7/12 * 100%);
    }
  }
  .min-1600\:w-832 {
    @media (width >= 1600px) {
      width: calc(var(--spacing) * 832);
    }
  }
  .min-1800\:ml-232 {
    @media (width >= 1800px) {
      margin-left: calc(var(--spacing) * 232);
    }
  }
  .min-1800\:w-5\/12 {
    @media (width >= 1800px) {
      width: calc(5/12 * 100%);
    }
  }
  .min-1800\:w-650 {
    @media (width >= 1800px) {
      width: calc(var(--spacing) * 650);
    }
  }
  .min-1800\:w-872 {
    @media (width >= 1800px) {
      width: calc(var(--spacing) * 872);
    }
  }
  .min-1800\:w-1101 {
    @media (width >= 1800px) {
      width: calc(var(--spacing) * 1101);
    }
  }
  .min-1800\:w-auto {
    @media (width >= 1800px) {
      width: auto;
    }
  }
  .min-1800\:justify-center {
    @media (width >= 1800px) {
      justify-content: center;
    }
  }
  .min-1800\:px-0 {
    @media (width >= 1800px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .min-1800\:pl-31 {
    @media (width >= 1800px) {
      padding-left: calc(var(--spacing) * 31);
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 40rem) {
      width: calc(1/2 * 100%);
    }
  }
  .sm\:w-\[70\%\] {
    @media (width >= 40rem) {
      width: 70%;
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:max-w-766 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 766);
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:max-lg\:grid\! {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        display: grid !important;
      }
    }
  }
  .lg\:mb-\[52px\] {
    @media (width >= 64rem) {
      margin-bottom: 52px;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-1\/6 {
    @media (width >= 64rem) {
      width: calc(1/6 * 100%);
    }
  }
  .lg\:w-4\/12 {
    @media (width >= 64rem) {
      width: calc(4/12 * 100%);
    }
  }
  .lg\:w-6\/12 {
    @media (width >= 64rem) {
      width: calc(6/12 * 100%);
    }
  }
  .lg\:w-7\/12 {
    @media (width >= 64rem) {
      width: calc(7/12 * 100%);
    }
  }
  .lg\:w-8\/12 {
    @media (width >= 64rem) {
      width: calc(8/12 * 100%);
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:justify-evenly {
    @media (width >= 64rem) {
      justify-content: space-evenly;
    }
  }
  .lg\:gap-x-20 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .xl\:w-1\/4 {
    @media (width >= 80rem) {
      width: calc(1/4 * 100%);
    }
  }
  .xl\:w-2\/5 {
    @media (width >= 80rem) {
      width: calc(2/5 * 100%);
    }
  }
  .xl\:w-5\/12 {
    @media (width >= 80rem) {
      width: calc(5/12 * 100%);
    }
  }
  .xl\:w-7\/12 {
    @media (width >= 80rem) {
      width: calc(7/12 * 100%);
    }
  }
  .xl\:gap-60 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 60);
    }
  }
}
body {
  margin: calc(var(--spacing) * 0);
  box-sizing: border-box;
  padding: calc(var(--spacing) * 0);
  font-family: var(--font-lora);
  overscroll-behavior: none;
}
::before, ::after {
  box-sizing: border-box;
}
a {
  text-decoration-line: none;
}
ul {
  margin-top: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
}
ul li {
  list-style-type: none;
}
img {
  display: block;
}
h1, .h1 {
  font-family: var(--font-cormorant);
  font-size: var(--text-heading-1);
  --tw-leading: calc(var(--spacing) * 90);
  line-height: calc(var(--spacing) * 90);
  @media (width < 1800px) {
    font-size: var(--text-heading-1-leptop);
  }
  @media (width < 1800px) {
    --tw-leading: calc(var(--spacing) * 70);
    line-height: calc(var(--spacing) * 70);
  }
  @media (width < 1025px) {
    font-size: var(--text-heading-1-tablet);
  }
  @media (width < 1025px) {
    --tw-leading: calc(var(--spacing) * 46);
    line-height: calc(var(--spacing) * 46);
  }
  @media (width < 769.99px) {
    font-size: var(--text-heading-1-mobile);
  }
  @media (width < 769.99px) {
    --tw-leading: calc(var(--spacing) * 40);
    line-height: calc(var(--spacing) * 40);
  }
}
h2 {
  font-size: var(--text-heading-2);
  --tw-leading: calc(var(--spacing) * 65);
  line-height: calc(var(--spacing) * 65);
  @media (width < 1023px) {
    font-size: var(--text-heading-2-tablet);
  }
  @media (width < 769.99px) {
    font-size: var(--text-heading-2-mobile);
  }
  @media (width < 769.99px) {
    --tw-leading: calc(var(--spacing) * 40);
    line-height: calc(var(--spacing) * 40);
  }
}
.h2 {
  font-size: var(--text-32);
  --tw-leading: calc(var(--spacing) * 35);
  line-height: calc(var(--spacing) * 35);
  @media (width < 1025px) {
    font-size: var(--text-heading-3-mobile);
  }
  @media (width < 1025px) {
    --tw-leading: calc(var(--spacing) * 28);
    line-height: calc(var(--spacing) * 28);
  }
}
h3 {
  font-family: var(--font-cormorant);
  font-size: var(--text-heading-3);
  --tw-leading: calc(var(--spacing) * 57);
  line-height: calc(var(--spacing) * 57);
  @media (width < 1441px) {
    font-size: var(--text-heading-2-tablet);
  }
  @media (width < 1441px) {
    --tw-leading: calc(var(--spacing) * 41);
    line-height: calc(var(--spacing) * 41);
  }
  @media (width < 769.99px) {
    font-size: var(--text-heading-2-mobile);
  }
  @media (width < 769.99px) {
    --tw-leading: calc(var(--spacing) * 35);
    line-height: calc(var(--spacing) * 35);
  }
}
.h3 {
  font-family: var(--font-cormorant);
  font-size: var(--text-30);
  --tw-leading: calc(var(--spacing) * 35);
  line-height: calc(var(--spacing) * 35);
  @media (width < 1512px) {
    font-size: var(--text-heading-3-mobile);
  }
  @media (width < 1512px) {
    --tw-leading: calc(var(--spacing) * 30);
    line-height: calc(var(--spacing) * 30);
  }
}
h4 {
  font-family: var(--font-cormorant);
  font-size: var(--text-heading-4);
  --tw-leading: calc(var(--spacing) * 30);
  line-height: calc(var(--spacing) * 30);
  @media (width < 1025px) {
    font-size: var(--text-heading-3-mobile);
  }
  @media (width < 1025px) {
    --tw-leading: calc(var(--spacing) * 28);
    line-height: calc(var(--spacing) * 28);
  }
}
.h4 {
  font-size: var(--text-25);
  --tw-leading: calc(var(--spacing) * 30);
  line-height: calc(var(--spacing) * 30);
  @media (width < 1025px) {
    font-size: var(--text-heading-4-mobile);
  }
  @media (width < 1025px) {
    --tw-leading: calc(var(--spacing) * 24);
    line-height: calc(var(--spacing) * 24);
  }
}
h5, .h5 {
  font-size: var(--text-heading-5);
  --tw-leading: calc(var(--spacing) * 25);
  line-height: calc(var(--spacing) * 25);
  @media (width < 1025px) {
    font-size: var(--text-body-2);
  }
  @media (width < 1025px) {
    --tw-leading: calc(var(--spacing) * 20);
    line-height: calc(var(--spacing) * 20);
  }
}
h6, .h6 {
  font-size: var(--text-heading-6);
  --tw-leading: calc(var(--spacing) * 21);
  line-height: calc(var(--spacing) * 21);
}
.content {
  position: relative;
  width: 100%;
}
.content p {
  position: relative;
  margin: calc(var(--spacing) * 0);
  display: block;
  padding: calc(var(--spacing) * 0);
  font-family: var(--font-lora);
  font-size: var(--text-body-3);
  --tw-leading: calc(var(--spacing) * 27);
  line-height: calc(var(--spacing) * 27);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content.small p {
  font-size: var(--text-body-4);
  --tw-leading: calc(var(--spacing) * 18);
  line-height: calc(var(--spacing) * 18);
  @media (width >= 1023px) {
    --tw-leading: calc(var(--spacing) * 23);
    line-height: calc(var(--spacing) * 23);
  }
  @media (width >= 1400px) {
    --tw-leading: calc(var(--spacing) * 18);
    line-height: calc(var(--spacing) * 18);
  }
  @media (width >= 1600px) {
    --tw-leading: calc(var(--spacing) * 21);
    line-height: calc(var(--spacing) * 21);
  }
  @media (width >= 1800px) {
    --tw-leading: calc(var(--spacing) * 24);
    line-height: calc(var(--spacing) * 24);
  }
}
.content.semibig p {
  font-size: var(--text-body-2);
  --tw-leading: calc(var(--spacing) * 29);
  line-height: calc(var(--spacing) * 29);
  @media (width < 1441px) {
    font-size: var(--text-body-3);
  }
  @media (width < 1400px) {
    --tw-leading: calc(var(--spacing) * 20);
    line-height: calc(var(--spacing) * 20);
  }
}
.content.bold p {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.content.gray p {
  color: var(--color-gray);
}
.content.white p {
  color: var(--color-white);
}
.content.black p {
  color: var(--color-black);
}
.content.green p {
  color: var(--color-green);
}
.content.pink p {
  color: var(--color-pink);
}
.container-fluid {
  width: 100%;
  padding-inline: calc(var(--spacing) * 80);
  @media (width < 1441px) {
    padding-inline: calc(var(--spacing) * 40);
  }
  @media (width < 767px) {
    padding-inline: calc(var(--spacing) * 20);
  }
}
.container-fluid-sm {
  width: 100%;
  padding-inline: calc(var(--spacing) * 200);
  @media (width < 1441px) {
    padding-inline: calc(var(--spacing) * 30);
  }
  @media (width < 767px) {
    padding-inline: calc(var(--spacing) * 20);
  }
}
.container-fluid-lg {
  width: 100%;
  padding-inline: calc(var(--spacing) * 120);
  @media (width < 1441px) {
    padding-inline: calc(var(--spacing) * 60);
  }
  @media (width < 767px) {
    padding-inline: calc(var(--spacing) * 20);
  }
}
.title-bold h1, .title-bold h2, .title-bold h3, .title-bold h4, .title-bold h5, .title-bold h6 {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.title-white h1, .title-white h2, .title-white h3, .title-white h4, .title-white h5, .title-white h6 {
  color: var(--color-white);
}
.title-green h1, .title-green h2, .title-green h3, .title-green h4, .title-green h5, .title-green h5, .title-green h6 {
  color: var(--color-green);
}
.title-pink h2 {
  color: var(--color-pink);
}
.sub-title {
  font-size: var(--text-body-3);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-green);
  text-transform: uppercase;
}
.pre-title {
  font-size: var(--text-body-3);
  --tw-leading: calc(var(--spacing) * 24);
  line-height: calc(var(--spacing) * 24);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}
.pre-title.black {
  color: var(--color-black);
}
.pre-title.white {
  color: var(--color-white);
}
.pre-title.green {
  color: var(--color-green);
}
.global-list.two-column ul li {
  padding-bottom: calc(var(--spacing) * 10);
}
.global-list.two-column ul {
  display: block;
  columns: 2;
  @media (width < 769.99px) {
    columns: 1;
  }
}
.global-list ul li {
  position: relative;
  margin: calc(var(--spacing) * 0);
  width: 100%;
  padding: calc(var(--spacing) * 0);
  padding-left: calc(var(--spacing) * 18);
  font-family: var(--font-lora);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing) * 30);
  line-height: calc(var(--spacing) * 30);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  @media (width < 1800px) {
    font-size: var(--text-body-2);
  }
}
.global-list.white ul li {
  color: var(--color-white);
}
.global-list.white ul li::before {
  position: absolute;
  top: calc(var(--spacing) * 10);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  --tw-content: '';
  content: var(--tw-content);
}
.global-list ul li:before {
  position: absolute;
  top: calc(var(--spacing) * 10);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-green);
  --tw-content: '';
  content: var(--tw-content);
  @media (width < 1023px) {
    top: calc(var(--spacing) * 6);
  }
}
.btn {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  font-size: var(--text-body-2);
  --tw-leading: calc(var(--spacing) * 22);
  line-height: calc(var(--spacing) * 22);
  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);
}
.btn-green {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 10);
  overflow: hidden;
  border-radius: 100px;
  background-color: var(--color-green) !important;
  padding-inline: calc(var(--spacing) * 32);
  padding-block: calc(var(--spacing) * 10);
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white) !important;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.btn-white {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 10);
  overflow: hidden;
  border-radius: 100px;
  background-color: var(--color-white) !important;
  padding-inline: calc(var(--spacing) * 32);
  padding-block: calc(var(--spacing) * 10);
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green) !important;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
}
.btn-green-out {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 10);
  overflow: hidden;
  border-radius: 100px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green);
  background-color: var(--color-white) !important;
  padding-inline: calc(var(--spacing) * 32);
  padding-block: calc(var(--spacing) * 10);
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green) !important;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
}
.btn-green span, .btn-white span, .btn-green-out span {
  --tw-leading: calc(var(--spacing) * 30);
  line-height: calc(var(--spacing) * 30);
}
.btn-green-out:hover {
  background-color: var(--color-green) !important;
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.btn-green-out:hover img, .btn-white:hover img {
  filter: brightness(0) invert(1);
}
.btn-green:hover, .btn-white:hover {
  background-color: var(--color-pink) !important;
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.line-clamp-three p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.events.our-events .tab-events li.current {
  background-color: var(--color-green);
  color: var(--color-white);
}
.events.our-events .tab-events li {
  border-color: var(--color-green);
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 32);
  padding-block: calc(var(--spacing) * 10);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-green);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-green);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.banner {
  height: calc(var(--spacing) * 765);
  @media (width < 1800px) {
    height: calc(var(--spacing) * 650);
  }
  @media (width < 1025px) {
    height: calc(var(--spacing) * 500);
  }
  background: radial-gradient( 141.38% 141.38% at 55.68% 107%, #ffffff 0%, #fdfcfb 26%, #f8f5f1 46%, #f0eae1 64%, #e4d9c9 81%, #d4c5ab 97%, #d2c1a6 100% );
}
.banner .banner-bg {
  position: absolute;
  bottom: calc(var(--spacing) * -10);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  @media (width < 479px) {
    bottom: calc(var(--spacing) * -3);
  }
}
.pink-flower p {
  font-size: var(--text-36);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.banner .popup-lable-1 {
  border-radius: 47px;
  border-style: var(--tw-border-style);
  border-width: 9px;
  border-color: var(--color-white);
  background-color: var(--color-green);
  padding: calc(var(--spacing) * 22);
  text-transform: uppercase;
  @media (width < 1025px) {
    padding: calc(var(--spacing) * 15);
  }
  animation: moveLeftRight 5s ease-in-out infinite;
}
.banner .popup-lable-2 {
  border-radius: 47px;
  border-style: var(--tw-border-style);
  border-width: 9px;
  border-color: var(--color-white);
  background-color: var(--color-green);
  padding: calc(var(--spacing) * 22);
  text-transform: uppercase;
  @media (width < 1025px) {
    padding: calc(var(--spacing) * 15);
  }
  animation: moveRightLeft 5s ease-in-out infinite;
}
.banner .popup-lable-1 {
  position: absolute;
  top: calc(var(--spacing) * 66);
  left: calc(var(--spacing) * 60);
  @media (width < 1512px) {
    top: calc(var(--spacing) * 20);
  }
  @media (width < 1512px) {
    left: calc(var(--spacing) * 30);
  }
  @media (width < 1441px) {
    top: calc(var(--spacing) * 60);
  }
}
.banner .popup-lable-2 {
  position: absolute;
  right: calc(var(--spacing) * 260);
  bottom: calc(var(--spacing) * 132);
  @media (width < 1512px) {
    right: calc(var(--spacing) * 160);
  }
  @media (width < 1512px) {
    bottom: calc(var(--spacing) * 80);
  }
}
@keyframes moveLeftRight {
  0% {
    transform: rotate(-10.45deg);
  }
  50% {
    transform: rotate(10.45deg);
  }
  100% {
    transform: rotate(-10.45deg);
  }
}
@keyframes moveRightLeft {
  0% {
    transform: rotate(10.45deg);
  }
  50% {
    transform: rotate(-10.45deg);
  }
  100% {
    transform: rotate(10.45deg);
  }
}
.toran-patten {
  position: absolute;
  top: calc(var(--spacing) * 0);
  z-index: 1;
  width: 100%;
}
.about .img {
  position: relative;
  padding-top: 114.52%;
  @media (width < 2000px) {
    width: 100%;
  }
  @media (width >= 2000px) {
    padding-top: calc(var(--spacing) * 0);
  }
}
.about .img img {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  border-bottom-right-radius: calc(infinity * 1px);
  border-bottom-left-radius: calc(infinity * 1px);
  object-fit: cover;
  @media (width < 1441px) {
    left: calc(var(--spacing) * -7);
  }
  @media (width >= 1512px) {
    left: calc(var(--spacing) * 4);
  }
  @media (width >= 1800px) {
    left: calc(var(--spacing) * 20);
  }
  @media (width >= 1800px) {
    width: calc(var(--spacing) * 395);
  }
  @media (width >= 2000px) {
    position: relative;
  }
  @media (width >= 2000px) {
    width: calc(var(--spacing) * 500);
  }
}
.about .img::before {
  pointer-events: none;
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * -4);
  z-index: calc(1 * -1);
  height: 80%;
  width: 98%;
  border-radius: calc(infinity * 1px);
  background-color: #FBF3EA;
  --tw-content: '';
  content: var(--tw-content);
  @media (width >= 1512px) {
    left: calc(var(--spacing) * 7);
  }
  @media (width >= 1800px) {
    left: calc(var(--spacing) * 20);
  }
  @media (width >= 1800px) {
    height: calc(var(--spacing) * 376);
  }
  @media (width >= 1800px) {
    width: calc(var(--spacing) * 395);
  }
  @media (width >= 2000px) {
    left: calc(var(--spacing) * 34);
  }
  @media (width >= 2000px) {
    height: calc(var(--spacing) * 410);
  }
  @media (width >= 2000px) {
    width: calc(var(--spacing) * 470);
  }
}
.about .img::after {
  pointer-events: none;
  position: absolute;
  top: calc(var(--spacing) * -40);
  left: calc(2/4 * 100%);
  z-index: calc(1 * -1);
  height: calc(var(--spacing) * 260);
  width: calc(var(--spacing) * 260);
  --tw-translate-x: calc(calc(2/4 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-image: url(./assets/images/round-blue.svg);
  background-size: cover;
  opacity: 80%;
  --tw-content: '';
  content: var(--tw-content);
  @media (width >= 1800px) {
    top: calc(var(--spacing) * -50);
  }
  @media (width >= 1800px) {
    height: calc(var(--spacing) * 384);
  }
  @media (width >= 1800px) {
    width: calc(var(--spacing) * 384);
  }
  @media (width >= 2000px) {
    top: calc(var(--spacing) * -25);
  }
  animation: rotateCircle 20s linear infinite;
  transform-origin: center;
}
.inner-box:hover {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
  --tw-shadow-color: #ffffff;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
  }
}
@keyframes rotateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.our-events {
  background: linear-gradient( 180deg, #2d6e50 0%, #2d6e50 29.33%, rgba(45, 110, 80, 0) 100% );
}
.white-doat-patten {
  position: absolute;
  top: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 5);
  width: 100%;
  background-image: url(./assets/images/white-doat-patten.svg);
}
.our-event-swiper .swiper-slide .img {
  overflow: hidden;
  border-radius: 10px;
}
.our-event-swiper .swiper-slide .img img {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.our-event-swiper .swiper-slide .img:hover img {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.our-event-swiper .swiper-slide {
  position: relative;
  border-radius: 20px;
  background-color: var(--color-white);
}
.our-event-swiper .swiper-slide .arrow {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  display: flex;
  aspect-ratio: 1 / 1;
  height: auto;
  width: 86px;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-green);
  background-color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  @media (width < 80rem) {
    width: 60px;
  }
}
.our-event-swiper .swiper-slide .arrow:hover {
  background-color: var(--color-green);
}
.our-event-swiper .swiper-slide .arrow img {
  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: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  @media (width < 1023px) {
    width: calc(var(--spacing) * 20);
  }
}
.our-event-swiper .swiper-slide .arrow:hover img {
  transform: rotate(60deg);
  filter: brightness(0) invert(1);
  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: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.tab-content {
  display: none;
}
.tab-content.current {
  display: block;
}
.rangoli-patten-top {
  position: absolute;
  top: -10%;
  left: -5%;
  @media (width < 1800px) {
    left: -10%;
  }
  @media (width < 769.99px) {
    width: calc(var(--spacing) * 250);
  }
  animation: rotateCircle 30s linear infinite;
  transform-origin: center;
}
.rangoli-patten-bottom {
  position: absolute;
  right: -5%;
  bottom: 15%;
  opacity: 50%;
  @media (width < 1800px) {
    right: -10%;
  }
  @media (width < 1800px) {
    bottom: 5%;
  }
  @media (width < 990px) {
    width: calc(var(--spacing) * 300);
  }
  animation: rotateCircle 30s linear infinite;
  transform-origin: center;
}
.map-img {
  position: relative;
  margin-top: calc(var(--spacing) * 52);
  padding-top: 32.77%;
}
.map-img img {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
}
.map .krushna-patten-top {
  position: absolute;
  top: -20%;
  left: -10%;
  z-index: 1;
  animation: rotateCircle 30s linear infinite;
  transform-origin: center;
}
.map .krushna-patten-top img {
  @media (width < 1800px) {
    width: calc(var(--spacing) * 450) !important;
  }
}
.map .krushna-patten-bottom {
  position: absolute;
  right: -7%;
  bottom: calc(12% * -1);
  z-index: calc(1 * -1);
  animation: rotateCircle 30s linear infinite;
  transform-origin: center;
}
.map .title h4 a {
  font-size: var(--text-36);
  color: var(--color-green);
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
  @media (width < 1025px) {
    font-size: var(--text-body-1);
  }
}
.gallery {
  z-index: 1;
  background-image: url(./assets/images/leaves-patten.svg);
  background-size: cover;
}
.our-events .tab-events ul {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 22);
  @media (width < 1023px) {
    flex-direction: column;
  }
}
.gallery-tab ul li, .our-events .tab-events ul li {
  cursor: pointer;
  border-radius: 18px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 16);
  padding-block: calc(var(--spacing) * 12);
  text-align: center;
  font-family: var(--font-lora);
  font-size: var(--text-22);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  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: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-green);
    }
  }
  @media (width < 1023px) {
    width: 50%;
  }
  @media (width < 990px) {
    font-size: var(--text-body-3);
  }
  @media (width < 769.99px) {
    padding-block: calc(var(--spacing) * 8);
  }
  @media (width < 479px) {
    width: 80%;
  }
}
.gallery-tab ul li.active, .our-events .tab-events ul li.current {
  background-color: var(--color-white);
  color: var(--color-green);
}
.gallery-inner {
  display: none;
}
.gallery-inner.active {
  display: grid;
}
.gallery-inner a {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 18px;
  object-fit: cover;
  @media (width < 48rem) {
    border-radius: var(--radius-sm);
  }
}
.gallery-inner a:hover img {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.gallery-inner a img {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-delay: 100ms;
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.logo-slide, .image-slide {
  overflow: hidden;
  white-space: nowrap;
}
.marquee-wrapper {
  gap: calc(var(--spacing) * 20);
  display: inline-flex;
  animation: marquee 50s linear infinite;
}
.marquee-item {
  flex: 0 0 auto;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.mini-banner .content p {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
  &:hover {
    @media (hover: hover) {
      color: var(--color-pink);
    }
  }
  @media (width < 769.99px) {
    font-size: var(--text-body-4) !important;
  }
}
.about-us .about-us-inner {
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 10);
  border-radius: 10px;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 8);
  box-shadow: 0px 3.76515px 22.1203px rgba(0, 0, 0, 0.05);
}
.about-us .about-us-inner .about-inner-icon {
  display: flex;
  height: calc(var(--spacing) * 34);
  width: calc(var(--spacing) * 34) !important;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-pink);
  padding-inline: calc(var(--spacing) * 10);
}
.about-us .about-us-inner .about-inner-icon span {
  font-size: var(--text-19);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.about-us .about-us-inner .content p {
  font-size: var(--text-13) !important;
}
.about-us .lightBlue-patten {
  position: absolute;
  top: calc(var(--spacing) * 67);
  right: calc(var(--spacing) * 0);
}
.about-us .about-img1 {
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  @media (width < 1512px) {
    width: calc(var(--spacing) * 184);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 150);
  }
  @media (width < 990px) {
    width: calc(var(--spacing) * 210);
  }
  @media (width < 479px) {
    width: calc(var(--spacing) * 140);
  }
  @media (width >= 1800px) {
    width: calc(var(--spacing) * 330);
  }
}
.about-us .about-img2 {
  overflow: hidden;
  border-radius: 246px;
  @media (width < 1512px) {
    width: calc(var(--spacing) * 184);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 150);
  }
  @media (width < 990px) {
    width: calc(var(--spacing) * 210);
  }
  @media (width < 479px) {
    width: calc(var(--spacing) * 140);
  }
  @media (width >= 1800px) {
    width: auto;
  }
}
.about-us .about-img3 {
  overflow: hidden;
  border-top-left-radius: calc(infinity * 1px);
  border-top-right-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 11px;
  --tw-border-style: double;
  border-style: double;
  border-color: var(--color-green);
  @media (width < 1512px) {
    width: calc(var(--spacing) * 230);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 200);
  }
  @media (width < 990px) {
    width: calc(var(--spacing) * 250);
  }
  @media (width < 575px) {
    width: calc(var(--spacing) * 200);
  }
  @media (width < 376px) {
    width: calc(var(--spacing) * 160);
  }
  @media (width >= 1800px) {
    width: auto;
  }
}
.about-us .green-logo {
  position: absolute;
  margin-right: calc(var(--spacing) * 160);
  margin-bottom: calc(var(--spacing) * 50);
  @media (width < 1512px) {
    margin-right: calc(var(--spacing) * 80);
  }
  @media (width < 769.99px) {
    margin-right: calc(var(--spacing) * 70);
  }
  @media (width < 479px) {
    width: calc(var(--spacing) * 110);
  }
  animation: rotateCircle 30s linear infinite;
}
.about-us .green-logo img {
  @media (width < 1512px) {
    width: calc(var(--spacing) * 120);
  }
  @media (width < 769.99px) {
    width: calc(var(--spacing) * 100);
  }
}
.about-us .btn-green {
  @media (width < 479px) {
    padding-inline: calc(var(--spacing) * 30) !important;
  }
}
.about-us .vertical-text {
  position: relative !important;
  height: calc(var(--spacing) * 350);
  width: calc(var(--spacing) * 192);
  @media (width < 990px) {
    height: calc(var(--spacing) * 400);
  }
  @media (width < 575px) {
    height: calc(var(--spacing) * 318);
  }
  @media (width < 376px) {
    height: calc(var(--spacing) * 350);
  }
  @media (width >= 1512px) {
    height: calc(var(--spacing) * 500);
  }
  @media (width >= 1800px) {
    height: calc(var(--spacing) * 769);
  }
}
.about-us .vertical-text .title {
  position: absolute;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  rotate: calc(90deg * -1);
  @media (width < 1600px) {
    bottom: -23%;
  }
  @media (width < 1023px) {
    bottom: -23%;
  }
  @media (width < 575px) {
    bottom: -18%;
  }
  @media (width >= 1023px) {
    bottom: -15%;
  }
  @media (width >= 1800px) {
    bottom: -15%;
  }
}
.about-us .vertical-text .title p {
  font-size: var(--text-150);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green);
  @media (width < 1800px) {
    font-size: 110px;
  }
  @media (width < 1512px) {
    font-size: 90px;
  }
  @media (width < 1025px) {
    font-size: 80px;
  }
  @media (width < 990px) {
    font-size: 100px;
  }
  @media (width < 575px) {
    font-size: 60px;
  }
  -webkit-text-stroke: 0.3px #2d6e50;
  -webkit-text-fill-color: transparent;
}
.zigzeg-wrap.left {
  background: linear-gradient( 180deg, #2d6e50d0 0%, #2d6e50cc 29.33%, rgba(45, 110, 80, 0) 100% );
}
.zigzeg-wrap.left::before {
  pointer-events: none;
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 80%;
  width: 100%;
  background-image: url(./assets/images/white-leave-patten.svg);
  background-size: cover;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}
.zigzeg-wrap.left .box {
  display: flex;
  width: fit-content;
  flex-direction: column;
  @media (width < 1441px) {
    padding: calc(var(--spacing) * 30);
  }
}
.zigzeg-wrap.left .box .box-inner {
  background-size: contain;
  background-position: bottom;
  background-image: url(./assets/images/pink-flower-bg.svg);
}
.rangoli-patten-top-right {
  position: absolute;
  top: -6%;
  right: -3%;
  @media (width < 1800px) {
    right: -10%;
  }
  animation: rotateCircle 30s linear infinite;
  transform-origin: center;
}
.img.ratio-476-702 {
  overflow: hidden;
  border-radius: 250px;
  border-style: var(--tw-border-style);
  border-width: 9px;
  border-color: var(--color-white);
}
.img.ratio-476-702 img {
  width: 100%;
  object-fit: cover;
  @media (width < 1023px) {
    height: calc(var(--spacing) * 400);
  }
  @media (width < 479px) {
    height: calc(var(--spacing) * 250);
  }
  @media (width >= 1023px) {
    height: calc(var(--spacing) * 510);
  }
  @media (width >= 1800px) {
    height: 100%;
  }
}
.img.ratio-367-501 {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  @media (width < 1023px) {
    position: relative;
  }
}
.img.ratio-367-501 img {
  overflow: hidden;
  border-radius: 250px;
  @media (width < 1023px) {
    height: calc(var(--spacing) * 400);
  }
  @media (width < 479px) {
    height: calc(var(--spacing) * 250);
  }
  @media (width >= 1023px) {
    height: calc(var(--spacing) * 320);
  }
  @media (width >= 1800px) {
    height: calc(var(--spacing) * 509);
  }
}
.img.ratio-367-501 img.white-ring {
  position: absolute;
  right: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 6);
  max-height: calc(var(--spacing) * 495);
  @media (width < 1512px) {
    height: calc(var(--spacing) * 308);
  }
  @media (width < 1023px) {
    height: calc(var(--spacing) * 387);
  }
  @media (width < 575px) {
    height: calc(var(--spacing) * 245);
  }
}
.zigzeg-wrap.right .global-list li {
  @media (width < 1400px) {
    font-size: var(--text-body-3);
  }
  @media (width < 1400px) {
    --tw-leading: calc(var(--spacing) * 20);
    line-height: calc(var(--spacing) * 20);
  }
}
.sant-round::after {
  position: absolute;
  top: calc(var(--spacing) * -55);
  left: calc(var(--spacing) * 43);
  z-index: calc(1 * -1);
  height: calc(var(--spacing) * 217);
  width: calc(var(--spacing) * 217);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-image: url(./assets/images/round-blue.svg);
  background-size: cover;
  --tw-content: '';
  content: var(--tw-content);
  @media (width < 1800px) {
    top: calc(var(--spacing) * -40);
  }
  @media (width < 1800px) {
    left: calc(var(--spacing) * 30);
  }
  @media (width < 1800px) {
    height: calc(var(--spacing) * 160);
  }
  @media (width < 1800px) {
    width: calc(var(--spacing) * 160);
  }
  @media (width < 1025px) {
    top: calc(var(--spacing) * -30);
  }
  @media (width < 1025px) {
    left: calc(var(--spacing) * 16);
  }
  @media (width < 1025px) {
    height: calc(var(--spacing) * 100);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 100);
  }
  animation: rotateCircle 30s linear infinite;
}
.zigzeg-wrap .inner-main {
  position: relative;
  background-color: var(--color-green);
}
.zigzeg-wrap .inner-main::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-image: url(./assets/images/pink-flower-bg.svg);
  background-size: cover;
  --tw-content: '';
  content: var(--tw-content);
}
.zigzeg-wrap .inner-main .inner-item .content p {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.zigzeg-wrap .img.ratioo-872-559 {
  position: relative;
  width: 100%;
  padding-top: 62.11%;
}
.zigzeg-wrap .img.ratioo-872-559 img, .img.ratio-594-335 img, .img.ratio-832-422 img {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.img.ratio-594-335 {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 56.40%;
}
.image-with-content::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-image: url(./assets/images/choose-us-bg.svg);
  background-size: cover;
  --tw-content: '';
  content: var(--tw-content);
  @media (width >= 1025px) {
    background-position: center;
  }
}
.img.ratio-832-422 {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
  padding-top: 50.72%;
}
.image-with-content .inner-box {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 38);
}
.image-with-content .inner-box img {
  @media (width < 1023px) {
    height: calc(var(--spacing) * 100);
  }
  @media (width < 1023px) {
    width: calc(var(--spacing) * 100);
  }
}
.pretitle {
  font-size: var(--text-22);
  --tw-leading: calc(var(--spacing) * 26);
  line-height: calc(var(--spacing) * 26);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.semi-title {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
  border-color: var(--color-lightgray);
  padding-block: calc(var(--spacing) * 22);
  font-family: var(--font-cormorant);
  font-size: var(--text-heading-3-tablet);
  --tw-leading: calc(var(--spacing) * 35);
  line-height: calc(var(--spacing) * 35);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green);
  @media (width < 1025px) {
    font-size: var(--text-heading-3-mobile);
  }
  @media (width < 1025px) {
    --tw-leading: calc(var(--spacing) * 28);
    line-height: calc(var(--spacing) * 28);
  }
}
.semi-title.white {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
  border-color: var(--color-white);
  color: var(--color-white);
}
.zigzeg-india-left .global-list ul li, .zigzeg-india-right .global-list ul li {
  margin-bottom: calc(var(--spacing) * 22);
}
.zigzeg-india-left .global-list p, .zigzeg-india-right .global-list p {
  padding-top: calc(var(--spacing) * 7);
}
.img.ratio-814-791 {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 97.17%;
}
.img.ratio-814-791 img {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  border-radius: 30px;
  object-fit: cover;
}
.img.ratio-814-791 .img-line {
  position: absolute;
  top: calc(var(--spacing) * 10);
  left: calc(var(--spacing) * 10);
  z-index: 2;
  height: 97%;
  width: 97%;
  cursor: pointer;
  border-radius: 30px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-white);
  --tw-duration: 200ms;
  transition-duration: 200ms;
  @media (width < 1025px) {
    height: 98%;
  }
  @media (width < 1023px) {
    height: 97%;
  }
  @media (width < 767px) {
    top: calc(var(--spacing) * 5);
  }
  @media (width < 767px) {
    left: calc(var(--spacing) * 5);
  }
}
.zigzeg-india-right {
  position: relative;
  background-image: url(./assets/images/Manavadar-bg.svg);
  background-size: cover;
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
}
.zigzeg-india-right::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-color: color-mix(in srgb, #2d6e50 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-green) 90%, transparent);
  }
  --tw-content: '';
  content: var(--tw-content);
}
.address-section {
  background: linear-gradient(180deg, #007120 36.65%, #2d6e50 75.81%);
}
.address-section::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-image: url(./assets/images/address-bg.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}
.address-section .address-section-inner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 30px;
  background-color: var(--color-white);
}
.address-section .address-section-inner .icon-box {
  display: flex;
  height: calc(var(--spacing) * 40) !important;
  width: calc(var(--spacing) * 40) !important;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-green);
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink);
    }
  }
}
.white-green-flower-top img, .white-green-flower-bottom img {
  @media (width < 1800px) {
    width: calc(var(--spacing) * 150);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 100);
  }
}
.light-green-flower-top img, .light-green-flower-bottom img {
  animation: rotateCircle 30s linear infinite;
}
.grid-with-content .grid-inner {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 30px;
  --tw-shadow-color: #8d8d8d;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-gray) var(--tw-shadow-alpha), transparent);
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    }
  }
}
.grid-with-content .grid-inner .title-main {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 1;
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  --tw-border-style: dotted;
  border-style: dotted;
  border-color: var(--color-white);
  background-color: var(--color-green);
  padding-block: calc(var(--spacing) * 17);
  text-align: center;
  font-size: var(--text-25) !important;
  @media (width < 1025px) {
    font-size: var(--text-heading-4-mobile) !important;
  }
}
.grid-with-content .grid-inner .img, .grid-video .grid-video-inner .img {
  position: relative;
  width: 100%;
  padding-top: 100.56%;
}
.grid-with-content .grid-inner .img img, .grid-video .grid-video-inner .img img {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.grid-with-content .grid-inner .grid-inner-text {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  display: flex;
  height: 50%;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 12);
  padding-inline: calc(var(--spacing) * 52);
  padding-block: calc(var(--spacing) * 32);
  vertical-align: text-bottom;
  @media (width < 1025px) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width < 1023px) {
    padding-inline: calc(var(--spacing) * 50);
  }
  @media (width < 575px) {
    padding-inline: calc(var(--spacing) * 20);
  }
  background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 63.06% );
}
.grid-with-content .grid-inner .grid-icon {
  display: flex;
  height: calc(var(--spacing) * 29);
  width: calc(var(--spacing) * 29);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink);
    }
  }
}
.grid-video {
  background: linear-gradient( 180deg, rgba(45, 110, 80, 0.9) 0%, rgba(45, 110, 80, 0) 85%, white 20% );
}
.grid-video .gray-round {
  margin-right: calc(var(--spacing) * 8);
  display: flex;
  height: calc(var(--spacing) * 25) !important;
  width: calc(var(--spacing) * 25) !important;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-dark-gray);
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-green);
    }
  }
}
.krushna-img img {
  position: absolute;
  top: calc(15% * -1);
  left: calc(10% * -1);
  animation: rotateCircle 30s linear infinite;
}
.google-map iframe {
  position: absolute;
  top: -20%;
  left: calc(var(--spacing) * 0);
  height: 140%;
  width: 100%;
  @media (width >= 1512px) {
    left: calc(var(--spacing) * 46);
  }
  @media (width >= 1512px) {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.contact-us .round-icon {
  display: flex;
  height: calc(var(--spacing) * 50);
  width: calc(var(--spacing) * 50);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-green);
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink);
    }
  }
}
.contact-us .contact-det {
  border-radius: 20px;
  background-color: var(--color-green);
  padding: calc(var(--spacing) * 12);
}
.contact-us .contact-det .contact-det-inner {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 49);
  padding-block: calc(var(--spacing) * 42);
  @media (width < 769.99px) {
    padding: calc(var(--spacing) * 20);
  }
}
.contact-us .contact-det .contact-det-inner .title h3 {
  font-size: var(--text-heading-2-tablet);
  --tw-leading: calc(var(--spacing) * 45);
  line-height: calc(var(--spacing) * 45);
  @media (width < 1441px) {
    font-size: var(--text-heading-2-mobile);
  }
  @media (width < 1441px) {
    --tw-leading: calc(var(--spacing) * 35);
    line-height: calc(var(--spacing) * 35);
  }
}
.contact-us .contact-det .contact-det-inner form label {
  display: none;
}
.contact-us .contact-det .contact-det-inner form input {
  margin-top: calc(var(--spacing) * 12);
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--color-white);
  color: var(--color-white);
}
.contact-us .contact-det .contact-det-inner form input:focus {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
}
.contact-us h5 {
  @media (width < 1600px) {
    font-size: 20px !important;
  }
}
.gallery-main .gallery-tab ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 22);
}
.gallery-main .gallery-tab ul li {
  cursor: pointer;
  border-radius: 18px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green);
  padding-inline: calc(var(--spacing) * 16);
  padding-block: calc(var(--spacing) * 12);
  text-align: center;
  font-family: var(--font-cormorant);
  font-size: var(--text-22);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green);
  @media (width < 1023px) {
    width: 50%;
  }
  @media (width < 990px) {
    font-size: var(--text-body-3);
  }
  @media (width < 769.99px) {
    padding-block: calc(var(--spacing) * 8);
  }
  @media (width < 479px) {
    width: 80%;
  }
}
.gallery-main .gallery-tab ul li.active {
  background-color: var(--color-green);
  color: var(--color-white);
}
.gallery-main .gallery-inner .img {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  @media (width < 48rem) {
    border-radius: var(--radius-sm);
  }
}
.gallery-main .gallery-inner .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  @media (width < 48rem) {
    min-height: 200px;
  }
}
.gallery-main .gallery-inner {
  display: none;
}
.gallery-main .gallery-inner.active {
  display: grid;
}
.gallery-main #tabDropdown {
  margin: calc(var(--spacing) * 0);
  appearance: none;
  border-radius: 20px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green);
  background-image: url(./assets/images/down.png);
  background-repeat: no-repeat;
  padding-inline: calc(var(--spacing) * 20);
  padding-block: calc(var(--spacing) * 10);
  font-size: var(--text-body-2);
  color: var(--color-green);
  background-position: right 14px top 15px;
}
.events .events-det {
  position: relative;
  margin-bottom: calc(var(--spacing) * 40);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media (width < 1023px) {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.events .events-det .img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
  padding-top: 70.43%;
}
.events .events-det .img img, .event-detail .img img, .image-slide .img img {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.events .events-det .events-det-inner {
  position: relative;
  margin: auto;
  margin-top: -20%;
  height: 100%;
  width: 90%;
  max-width: calc(var(--spacing) * 477);
  border-radius: 30px;
  background-color: var(--color-green);
  padding-inline: calc(var(--spacing) * 26);
  padding-block: calc(var(--spacing) * 32);
  color: var(--color-white);
  @media (width < 1800px) {
    padding: calc(var(--spacing) * 20);
  }
  box-shadow: 3px -3px 0 0 white;
}
.events .events-det .event-btn {
  position: absolute;
  top: calc(var(--spacing) * -10);
  right: calc(var(--spacing) * -10);
  display: flex;
  height: calc(var(--spacing) * 50);
  width: calc(var(--spacing) * 50);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.events .events-det .events-det-inner:hover .event-btn {
  background-color: var(--color-pink);
}
.events .events-det .events-det-inner:hover .event-btn img {
  filter: brightness(0) invert(1);
  rotate: 45deg;
  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: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.events .events-det .events-det-inner .white-round {
  display: flex;
  height: calc(var(--spacing) * 22);
  width: calc(var(--spacing) * 22);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink);
    }
  }
}
.events .events-det .events-det-inner .white-round:hover img, .event-detail .event-details .white-round:hover img {
  --tw-duration: 200ms;
  transition-duration: 200ms;
  filter: brightness(0) invert(1);
}
#pagination button {
  margin-right: calc(var(--spacing) * 12);
  display: flex;
  height: calc(var(--spacing) * 40);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green);
  background-color: var(--color-green);
  padding: calc(var(--spacing) * 10);
  text-align: center;
  color: var(--color-white);
}
.event-detail .img {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding-top: 62.98%;
}
.event-detail .event-details {
  height: max-content !important;
  border-radius: 30px;
  background-color: var(--color-green);
  padding-inline: calc(var(--spacing) * 16);
  padding-block: calc(var(--spacing) * 17);
}
.event-detail .event-details .event-details-inner {
  height: 100%;
  width: 100%;
  border-radius: 30px;
  border-top-style: var(--tw-border-style);
  border-top-width: 3px;
  border-right-style: var(--tw-border-style);
  border-right-width: 3px;
  border-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 54);
  padding-block: calc(var(--spacing) * 35);
  @media (width < 1600px) {
    padding: calc(var(--spacing) * 20);
  }
  @media (width < 1025px) {
    padding: calc(var(--spacing) * 20);
  }
}
.event-detail .event-details .white-round {
  margin-right: calc(var(--spacing) * 12);
  display: flex;
  height: calc(var(--spacing) * 32);
  width: calc(var(--spacing) * 32);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink);
    }
  }
}
.event-detail .event-details ul li {
  display: flex;
  width: fit-content;
  align-items: center;
  overflow: hidden;
  @media (width < 1512px) {
    margin-bottom: calc(var(--spacing) * 10);
  }
}
.event-detail .event-details ul li:nth-child(1), .event-detail .event-details ul li:nth-child(3) {
  @media (width >= 1512px) {
    margin-bottom: calc(var(--spacing) * 32);
  }
}
.event-detail .event-details .Lead-Speakers ul li {
  margin-bottom: calc(var(--spacing) * 0);
  font-size: var(--text-body-4) !important;
  --tw-leading: calc(var(--spacing) * 25);
  line-height: calc(var(--spacing) * 25);
}
.event-detail .event-details .Lead-Speakers ul li::before {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.event-points .title {
  margin-bottom: calc(var(--spacing) * 22);
  border-radius: 10px;
  background-color: var(--color-green);
  padding: calc(var(--spacing) * 10);
  text-align: center;
  font-family: var(--font-cormorant);
  font-size: var(--text-22);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.event-points ul li {
  margin-bottom: calc(var(--spacing) * 22);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-lightgray);
  padding-bottom: calc(var(--spacing) * 14);
  font-family: var(--font-cormorant);
  font-size: var(--text-body-2);
  --tw-leading: calc(var(--spacing) * 20);
  line-height: calc(var(--spacing) * 20);
}
.event-points ul li::before {
  top: calc(var(--spacing) * 6);
}
.event-points ul li:last-child {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.gallery-review {
  background: linear-gradient(#ebfff6, white);
}
.gallery-revirew-inner .img img {
  border-radius: 10px;
  object-fit: cover;
  @media (width < 769.99px) {
    height: calc(var(--spacing) * 100);
  }
}
.gallery-revirew-inner .img img:hover {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-green);
  --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);
}
.contact-area .content p:nth-child(1) {
  padding-bottom: calc(var(--spacing) * 10);
}
.image-slide .img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  padding-top: 68.39%;
}
.image-slide .marquee-item {
  width: calc(var(--spacing) * 193);
  @media (width < 769.99px) {
    width: calc(var(--spacing) * 100);
  }
}
.image-slide .marquee-item:hover {
  border-radius: 20px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-green);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
}
.qr-inner {
  margin: auto;
  max-width: calc(var(--spacing) * 881);
  overflow: hidden;
  border-radius: 30px;
}
.qr-inner .img {
  @media (width < 769.99px) {
    width: calc(var(--spacing) * 200);
  }
}
.payment-method .payment-method-inner {
  display: flex;
  height: calc(var(--spacing) * 64);
  width: calc(var(--spacing) * 81);
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--color-white);
}
.white-patten-left {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
}
.white-patten-right {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  --tw-scale-y: -1;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  rotate: calc(180deg * -1);
}
.QR-main .krushna-patten-top img {
  position: absolute;
  top: -11%;
  right: -14%;
  animation: rotateCircle 30s linear infinite;
}
.QR-main .krushna-patten-bottom img {
  position: absolute;
  bottom: -9%;
  left: -9%;
  animation: rotateCircle 30s linear infinite;
}
#intro-screen {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#intro-screen.hidden-intro {
  display: none !important;
}
#scene {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#curtain {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
#intro-bg {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2d6e50;
  transition: opacity 0.8s ease;
  opacity: 1;
}
#intro-bg.bg-fade-out {
  opacity: 0;
}
#scene .curtain-inner {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
}
#scene::after, #scene::before {
  content: "";
  position: absolute;
  width: 30%;
  aspect-ratio: 1 / 1;
  background-image: url("./assets/images/colorful-rangoli.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1000001;
  animation: rotateCircle 30s linear infinite;
}
#scene::after {
  bottom: -26%;
  right: -14%;
}
#scene::before {
  top: -26%;
  left: -14%;
}
@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (min-height: 1023px) and (max-width: 1280px) {
  #scene::before, #scene::after {
    width: 50%;
  }
}
@media (max-height: 700px) {
  #scene::before, #scene::after {
    width: 27%;
  }
}
@media (max-width: 1200px) {
  #scene::before {
    top: -16%;
    left: -21%;
  }
  #scene::after {
    bottom: -16%;
    right: -21%;
  }
}
@media (max-width: 767px) {
  #scene::before, #scene::after {
    width: 65%;
  }
}
#curtain .left, #curtain .right {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  filter: brightness(180%);
  background-image: url("./assets/images/curtain.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
#curtain .left {
  left: 0;
  transform-origin: top right;
}
#curtain .right {
  left: 50%;
  transform-origin: top left;
}
#curtain.open .left, #curtain.open .right {
  filter: brightness(100%);
}
#curtain.open .left {
  animation: curtain-opening 2s ease-in-out forwards, left-curtain-opening 4s ease-in-out forwards;
}
#curtain.open .right {
  animation: curtain-opening 2s ease-in-out forwards, right-curtain-opening 4s ease-in-out forwards;
}
@media (max-width: 1024px) {
  #launchBtn {
    font-size: 18px;
    padding: 8px 24px;
  }
}
@keyframes curtain-opening {
  from {
    filter: brightness(180%);
  }
  to {
    filter: brightness(100%);
  }
}
@keyframes left-curtain-opening {
  from {
    transform: translate(0) rotate(0) scale(1, 1);
  }
  to {
    transform: translate(-100%) rotate(20deg) scale(0, 2);
  }
}
@keyframes right-curtain-opening {
  from {
    transform: translate(0) rotate(0) scale(1, 1);
  }
  to {
    transform: translate(100%) rotate(-20deg) scale(0, 2);
  }
}
.intro-fade-out {
  animation: fade-out 0.8s ease-in forwards;
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#scene.slide-imgs::before {
  animation: img-slide-left 0.8s forwards;
}
#scene.slide-imgs::after {
  animation: img-slide-right 0.8s forwards;
}
@keyframes img-slide-left {
  from {
    left: -12%;
    opacity: 1;
  }
  to {
    left: -50%;
    opacity: 0;
  }
}
@keyframes img-slide-right {
  from {
    right: -12%;
    opacity: 1;
  }
  to {
    right: -50%;
    opacity: 0;
  }
}
#intro-bg {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: opacity 0.8s ease;
  opacity: 1;
}
#intro-bg.bg-fade-out {
  opacity: 0;
  transition: opacity 0.8s ease;
}
#countdown {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #2d6e50;
  font-weight: 900;
  z-index: 100000;
  user-select: none;
  opacity: 0;
  width: 100%;
  text-align: center;
}
#countdown.countdown-static {
  opacity: 0;
}
#countdown .word {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  display: inline-block;
  margin-right: 8px;
}
#countdown .word.visible {
  opacity: 1;
}
.services-section .services-card::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 63.06%);
}
.header {
  box-shadow: 0 0 57px 0 white;
}
.header .white-patten {
  height: calc(var(--spacing) * 30);
  background-image: url(./assets/images/header-patten-1.svg);
  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: 500ms;
  transition-duration: 500ms;
  transition: height 0.3s ease;
}
.header .white-patten-bottom {
  position: absolute;
  z-index: 1;
  height: calc(var(--spacing) * 32);
  width: 100%;
  background-image: url(./assets/images/header-patten-2.svg);
}
.header .header-inner .logo img {
  height: calc(var(--spacing) * 90);
  @media (width < 1025px) {
    height: 70px;
  }
  @media (width >= 1800px) {
    height: calc(var(--spacing) * 114);
  }
  transition: height 0.3s ease;
}
.header .header-inner nav ul {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 50);
  @media (width < 1025px) {
    gap: calc(var(--spacing) * 30);
  }
  @media (width < 1023px) {
    flex-direction: column;
  }
  @media (width < 1023px) {
    gap: calc(var(--spacing) * 10);
  }
}
.header .header-inner nav ul li a {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  font-size: var(--text-body-2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  @media (width < 1025px) {
    font-size: var(--text-body-3);
  }
}
.header .header-inner nav ul li a:hover {
  color: var(--color-pink);
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.nav-link.active {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
}
.header .header-inner .socil-icon ul {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 12);
}
.header .header-inner .socil-icon ul li {
  display: flex;
  height: calc(var(--spacing) * 40);
  width: calc(var(--spacing) * 40);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  @media (width < 1025px) {
    height: calc(var(--spacing) * 30);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 30);
  }
  @media (width >= 1800px) {
    height: calc(var(--spacing) * 46);
  }
  @media (width >= 1800px) {
    width: calc(var(--spacing) * 46);
  }
}
.header .header-inner .socil-icon ul li:hover, .footer .socil-icon ul li:hover {
  background-color: var(--color-pink);
}
.header .header-inner nav ul li a::before {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0);
  background-color: var(--color-pink);
  --tw-duration: 700ms;
  transition-duration: 700ms;
  --tw-content: '';
  content: var(--tw-content);
}
.header .header-inner nav ul li a:hover:before {
  width: 100%;
}
.header .header-inner .socil-icon ul li img {
  @media (width < 1800px) {
    width: calc(var(--spacing) * 22);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 16);
  }
  transition: filter 0.3s ease;
}
.header .header-inner .socil-icon ul li:hover img, .footer .socil-icon ul li:hover img {
  filter: brightness(0) invert(1);
}
.dropdown-menu {
  position: absolute;
  z-index: 2;
  margin-top: calc(var(--spacing) * 25);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 15) !important;
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-green);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 10);
  color: var(--color-green);
}
.dropdown-menu li a {
  padding-inline: calc(var(--spacing) * 10);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green) !important;
  &:hover {
    @media (hover: hover) {
      color: var(--color-pink) !important;
    }
  }
}
.header.is-sticky .logo img {
  height: 80px !important;
}
.header.is-sticky .white-patten {
  height: 0;
}
.header .drop-grop:hover .dropdown-menu {
  opacity: 100%;
}
.header .drop-grop:hover .dropdown-icon {
  rotate: 180deg;
  filter: invert(43%) sepia(42%) saturate(319%) hue-rotate(300deg) brightness(91%) contrast(87%);
}
.triangle {
  margin-top: calc(var(--spacing) * -25);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  rotate: 180deg;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 18px solid white;
}
.footer {
  position: relative;
  background-image: url(./assets/images/footer-bg.svg);
  background-size: cover;
  background-position: center;
}
.footer::before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: calc(1 * -1);
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient( 180deg, #2d6e5098 0%, rgba(45, 110, 80, 0.486) 38.8%, rgba(45, 110, 80, 0.178) 92.85% );
}
.footer .white-patten-top {
  position: absolute;
  top: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 24);
  width: 100%;
  background-image: url(./assets/images/white-patten.svg);
}
.footer .white-patten-bottom {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 24);
  width: 100%;
  rotate: 180deg;
  background-image: url(./assets/images/white-patten.svg);
}
.footer .logo img {
  @media (width < 479px) {
    height: calc(var(--spacing) * 100);
  }
  @media (width < 479px) {
    width: calc(var(--spacing) * 86);
  }
}
.footer .insta-images .img img {
  height: 100%;
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.footer .insta-images .img {
  border-radius: 12px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: transparent;
}
.footer .insta-images .img:hover {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-white);
}
.footer .footer-items:nth-child(1) ul li {
  display: flex;
  height: calc(var(--spacing) * 50);
  width: calc(var(--spacing) * 50);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-green);
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink);
    }
  }
}
.footer .footer-items:nth-child(2) ul {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 22);
}
.footer .footer-items:nth-child(2) ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 5);
  font-size: var(--text-body-2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  @media (width < 1023px) {
    margin-bottom: calc(var(--spacing) * 10);
  }
  @media (width < 769.99px) {
    font-size: var(--text-body-3);
  }
}
.footer .footer-items:nth-child(2) ul li::marker {
  padding-top: calc(var(--spacing) * 10);
}
.footer .socil-icon ul li {
  display: flex;
  height: calc(var(--spacing) * 36);
  width: calc(var(--spacing) * 36);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink) !important;
    }
  }
}
.footer .socil-icon ul li img {
  transition: filter 0.3s ease;
}
.footer .footer-items:nth-child(2) ul li:hover {
  color: var(--color-pink);
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.footer .footer-items:nth-child(2) ul li a {
  position: relative;
}
.footer .footer-items:nth-child(2) ul li a::before {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 0);
  background-color: var(--color-pink);
  --tw-duration: 700ms;
  transition-duration: 700ms;
  --tw-content: '';
  content: var(--tw-content);
}
.footer .footer-items:nth-child(2) ul li a:hover::before {
  width: 100%;
}
.footer .footer-bottom .content p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width < 479px) {
    justify-content: center;
  }
}
.footer .footer-bottom .content p a {
  position: relative;
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.footer .footer-bottom .content p a::before {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 1);
  width: calc(var(--spacing) * 0);
  background-color: var(--color-pink);
  --tw-duration: 700ms;
  transition-duration: 700ms;
  --tw-content: '';
  content: var(--tw-content);
}
.footer .footer-bottom .content p a:hover {
  color: var(--color-pink);
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.footer .footer-bottom .content p a:hover::before {
  width: 100%;
}
@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;
}
@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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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;
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}