@charset "UTF-8";
:root {
  --white: #ffffff;
  --black: #000000;
  --color-bg: #121212;
  --color-bg-alt: #1a1716;
  --color-bg-card: #1e1b1a;
  --color-bg-nav: #0d0b0a;
  --color-surface: #252120;
  --color-text: #f0ebe4;
  --color-text-body: #b8a898;
  --color-text-muted: #7a6a5e;
  --color-brand: #cf632d;
  --color-gold: #c9882a;
  --color-cta: #cf632d;
  --color-cta-hover: #d86429;
  --color-primary: #cf632d;
  --color-secondary: #d4844a;
  --color-border: #2a2320;
  --color-blob: #3a2010;
  --color-fort-circle: #5c2810;
  --dark-100: #eaeaea;
  --dark-150: #d6d6d6;
  --dark-200: #c1c1c1;
  --dark-250: #adadad;
  --dark-300: #999999;
  --dark-350: #848484;
  --dark-400: #707070;
  --dark-450: #5b5b5b;
  --dark-500: #474747;
  --dark-550: #333333;
  --dark-600: #2d2d2d;
  --dark-650: #282828;
  --dark-700: #232323;
  --dark-750: #1e1e1e;
  --dark-800: #191919;
  --dark-850: #141414;
  --dark-900: #0f0f0f;
  --dark-950: #0a0a0a;
  --transition-duration: 0.3s;
  --primary-font: "Futura PT";
  --fw-lighter: 200;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 1.875rem;
  --fs-3xl: 2rem;
  --fs-4xl: 2.25rem;
  --fs-5xl: 2.5rem;
  --fs-6xl: 2.875rem;
  --fs-7xl: 3rem;
  --fs-8xl: 3.25rem;
  --fs-9xl: 3.5rem;
  --fs-10xl: 4rem;
  --fs-display-xs: 4.5rem;
  --fs-display-sm: 5rem;
  --fs-display-md: 5.5rem;
  --fs-display-lg: 6rem;
  --fs-display-xl: 7rem;
  --fs-display-2xl: 8rem;
  --fs-display-3xl: 9rem;
  --fs-display-4xl: 10rem;
}

[data-theme=light] {
  --color-bg: #ffffff;
  --color-bg-alt: #f2e9de;
  --color-bg-card: #ffffff;
  --color-bg-nav: #ffffff;
  --color-surface: #f4ede3;
  --color-text: #3d2b1a;
  --color-text-body: #5c4535;
  --color-text-muted: #8c7b6e;
  --color-brand: #4c4d2b;
  --color-gold: #c9882a;
  --color-cta: #c9882a;
  --color-cta-hover: #b8771e;
  --color-primary: #4c4d2b;
  --color-secondary: #c9882a;
  --color-border: #e0d4c6;
  --color-blob: #cdb4a0;
  --color-fort-circle: #d4a87a;
}

.p-0px {
  padding: 0px !important;
}

.px-0px {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0px {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pt-0px {
  padding-top: 0px !important;
}

.pb-0px {
  padding-bottom: 0px !important;
}

.ps-0px {
  padding-left: 0px !important;
}

.pe-0px {
  padding-right: 0px !important;
}

.m-0px {
  margin: 0px !important;
}

.mx-0px {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0px {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mt-0px {
  margin-top: 0px !important;
}

.mb-0px {
  margin-bottom: 0px !important;
}

.ms-0px {
  margin-left: 0px !important;
}

.me-0px {
  margin-right: 0px !important;
}

.p-1px {
  padding: 1px !important;
}

.px-1px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.ps-1px {
  padding-left: 1px !important;
}

.pe-1px {
  padding-right: 1px !important;
}

.m-1px {
  margin: 1px !important;
}

.mx-1px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mt-1px {
  margin-top: 1px !important;
}

.mb-1px {
  margin-bottom: 1px !important;
}

.ms-1px {
  margin-left: 1px !important;
}

.me-1px {
  margin-right: 1px !important;
}

.p-2px {
  padding: 2px !important;
}

.px-2px {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.pb-2px {
  padding-bottom: 2px !important;
}

.ps-2px {
  padding-left: 2px !important;
}

.pe-2px {
  padding-right: 2px !important;
}

.m-2px {
  margin: 2px !important;
}

.mx-2px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2px {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.mb-2px {
  margin-bottom: 2px !important;
}

.ms-2px {
  margin-left: 2px !important;
}

.me-2px {
  margin-right: 2px !important;
}

.p-4px {
  padding: 4px !important;
}

.px-4px {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4px {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pt-4px {
  padding-top: 4px !important;
}

.pb-4px {
  padding-bottom: 4px !important;
}

.ps-4px {
  padding-left: 4px !important;
}

.pe-4px {
  padding-right: 4px !important;
}

.m-4px {
  margin: 4px !important;
}

.mx-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4px {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.ms-4px {
  margin-left: 4px !important;
}

.me-4px {
  margin-right: 4px !important;
}

.p-8px {
  padding: 8px !important;
}

.px-8px {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pt-8px {
  padding-top: 8px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.ps-8px {
  padding-left: 8px !important;
}

.pe-8px {
  padding-right: 8px !important;
}

.m-8px {
  margin: 8px !important;
}

.mx-8px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-8px {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mt-8px {
  margin-top: 8px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.ms-8px {
  margin-left: 8px !important;
}

.me-8px {
  margin-right: 8px !important;
}

.p-12px {
  padding: 12px !important;
}

.px-12px {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-12px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pt-12px {
  padding-top: 12px !important;
}

.pb-12px {
  padding-bottom: 12px !important;
}

.ps-12px {
  padding-left: 12px !important;
}

.pe-12px {
  padding-right: 12px !important;
}

.m-12px {
  margin: 12px !important;
}

.mx-12px {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-12px {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mt-12px {
  margin-top: 12px !important;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.ms-12px {
  margin-left: 12px !important;
}

.me-12px {
  margin-right: 12px !important;
}

.p-16px {
  padding: 16px !important;
}

.px-16px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-16px {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pt-16px {
  padding-top: 16px !important;
}

.pb-16px {
  padding-bottom: 16px !important;
}

.ps-16px {
  padding-left: 16px !important;
}

.pe-16px {
  padding-right: 16px !important;
}

.m-16px {
  margin: 16px !important;
}

.mx-16px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-16px {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mt-16px {
  margin-top: 16px !important;
}

.mb-16px {
  margin-bottom: 16px !important;
}

.ms-16px {
  margin-left: 16px !important;
}

.me-16px {
  margin-right: 16px !important;
}

.p-20px {
  padding: 20px !important;
}

.px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.ps-20px {
  padding-left: 20px !important;
}

.pe-20px {
  padding-right: 20px !important;
}

.m-20px {
  margin: 20px !important;
}

.mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.ms-20px {
  margin-left: 20px !important;
}

.me-20px {
  margin-right: 20px !important;
}

.p-24px {
  padding: 24px !important;
}

.px-24px {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-24px {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pt-24px {
  padding-top: 24px !important;
}

.pb-24px {
  padding-bottom: 24px !important;
}

.ps-24px {
  padding-left: 24px !important;
}

.pe-24px {
  padding-right: 24px !important;
}

.m-24px {
  margin: 24px !important;
}

.mx-24px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-24px {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mt-24px {
  margin-top: 24px !important;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.ms-24px {
  margin-left: 24px !important;
}

.me-24px {
  margin-right: 24px !important;
}

.p-28px {
  padding: 28px !important;
}

.px-28px {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28px {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pt-28px {
  padding-top: 28px !important;
}

.pb-28px {
  padding-bottom: 28px !important;
}

.ps-28px {
  padding-left: 28px !important;
}

.pe-28px {
  padding-right: 28px !important;
}

.m-28px {
  margin: 28px !important;
}

.mx-28px {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28px {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mt-28px {
  margin-top: 28px !important;
}

.mb-28px {
  margin-bottom: 28px !important;
}

.ms-28px {
  margin-left: 28px !important;
}

.me-28px {
  margin-right: 28px !important;
}

.p-32px {
  padding: 32px !important;
}

.px-32px {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-32px {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pt-32px {
  padding-top: 32px !important;
}

.pb-32px {
  padding-bottom: 32px !important;
}

.ps-32px {
  padding-left: 32px !important;
}

.pe-32px {
  padding-right: 32px !important;
}

.m-32px {
  margin: 32px !important;
}

.mx-32px {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-32px {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mt-32px {
  margin-top: 32px !important;
}

.mb-32px {
  margin-bottom: 32px !important;
}

.ms-32px {
  margin-left: 32px !important;
}

.me-32px {
  margin-right: 32px !important;
}

.p-36px {
  padding: 36px !important;
}

.px-36px {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.py-36px {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pt-36px {
  padding-top: 36px !important;
}

.pb-36px {
  padding-bottom: 36px !important;
}

.ps-36px {
  padding-left: 36px !important;
}

.pe-36px {
  padding-right: 36px !important;
}

.m-36px {
  margin: 36px !important;
}

.mx-36px {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.my-36px {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mt-36px {
  margin-top: 36px !important;
}

.mb-36px {
  margin-bottom: 36px !important;
}

.ms-36px {
  margin-left: 36px !important;
}

.me-36px {
  margin-right: 36px !important;
}

.p-48px {
  padding: 48px !important;
}

.px-48px {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.py-48px {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.pt-48px {
  padding-top: 48px !important;
}

.pb-48px {
  padding-bottom: 48px !important;
}

.ps-48px {
  padding-left: 48px !important;
}

.pe-48px {
  padding-right: 48px !important;
}

.m-48px {
  margin: 48px !important;
}

.mx-48px {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.my-48px {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mt-48px {
  margin-top: 48px !important;
}

.mb-48px {
  margin-bottom: 48px !important;
}

.ms-48px {
  margin-left: 48px !important;
}

.me-48px {
  margin-right: 48px !important;
}

.p-64px {
  padding: 64px !important;
}

.px-64px {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.py-64px {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.pt-64px {
  padding-top: 64px !important;
}

.pb-64px {
  padding-bottom: 64px !important;
}

.ps-64px {
  padding-left: 64px !important;
}

.pe-64px {
  padding-right: 64px !important;
}

.m-64px {
  margin: 64px !important;
}

.mx-64px {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.my-64px {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mt-64px {
  margin-top: 64px !important;
}

.mb-64px {
  margin-bottom: 64px !important;
}

.ms-64px {
  margin-left: 64px !important;
}

.me-64px {
  margin-right: 64px !important;
}

.p-72px {
  padding: 72px !important;
}

.px-72px {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.py-72px {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.pt-72px {
  padding-top: 72px !important;
}

.pb-72px {
  padding-bottom: 72px !important;
}

.ps-72px {
  padding-left: 72px !important;
}

.pe-72px {
  padding-right: 72px !important;
}

.m-72px {
  margin: 72px !important;
}

.mx-72px {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.my-72px {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.mt-72px {
  margin-top: 72px !important;
}

.mb-72px {
  margin-bottom: 72px !important;
}

.ms-72px {
  margin-left: 72px !important;
}

.me-72px {
  margin-right: 72px !important;
}

.p-90px {
  padding: 90px !important;
}

.px-90px {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.py-90px {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pt-90px {
  padding-top: 90px !important;
}

.pb-90px {
  padding-bottom: 90px !important;
}

.ps-90px {
  padding-left: 90px !important;
}

.pe-90px {
  padding-right: 90px !important;
}

.m-90px {
  margin: 90px !important;
}

.mx-90px {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.my-90px {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.mb-90px {
  margin-bottom: 90px !important;
}

.ms-90px {
  margin-left: 90px !important;
}

.me-90px {
  margin-right: 90px !important;
}

.p-128px {
  padding: 128px !important;
}

.px-128px {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.py-128px {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.pt-128px {
  padding-top: 128px !important;
}

.pb-128px {
  padding-bottom: 128px !important;
}

.ps-128px {
  padding-left: 128px !important;
}

.pe-128px {
  padding-right: 128px !important;
}

.m-128px {
  margin: 128px !important;
}

.mx-128px {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.my-128px {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.mt-128px {
  margin-top: 128px !important;
}

.mb-128px {
  margin-bottom: 128px !important;
}

.ms-128px {
  margin-left: 128px !important;
}

.me-128px {
  margin-right: 128px !important;
}

@media screen and (min-width: 1600px) {
  .p-xxl-0px {
    padding: 0px !important;
  }
  .px-xxl-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-xxl-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-xxl-0px {
    padding-top: 0px !important;
  }
  .pb-xxl-0px {
    padding-bottom: 0px !important;
  }
  .ps-xxl-0px {
    padding-left: 0px !important;
  }
  .pe-xxl-0px {
    padding-right: 0px !important;
  }
  .mx-xxl-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-xxl-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-xxl-0px {
    margin-top: 0px !important;
  }
  .mb-xxl-0px {
    margin-bottom: 0px !important;
  }
  .ms-xxl-0px {
    margin-left: 0px !important;
  }
  .me-xxl-0px {
    margin-right: 0px !important;
  }
  .p-xxl-1px {
    padding: 1px !important;
  }
  .px-xxl-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-xxl-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-xxl-1px {
    padding-top: 1px !important;
  }
  .pb-xxl-1px {
    padding-bottom: 1px !important;
  }
  .ps-xxl-1px {
    padding-left: 1px !important;
  }
  .pe-xxl-1px {
    padding-right: 1px !important;
  }
  .mx-xxl-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-xxl-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-xxl-1px {
    margin-top: 1px !important;
  }
  .mb-xxl-1px {
    margin-bottom: 1px !important;
  }
  .ms-xxl-1px {
    margin-left: 1px !important;
  }
  .me-xxl-1px {
    margin-right: 1px !important;
  }
  .p-xxl-2px {
    padding: 2px !important;
  }
  .px-xxl-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-xxl-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-xxl-2px {
    padding-top: 2px !important;
  }
  .pb-xxl-2px {
    padding-bottom: 2px !important;
  }
  .ps-xxl-2px {
    padding-left: 2px !important;
  }
  .pe-xxl-2px {
    padding-right: 2px !important;
  }
  .mx-xxl-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-xxl-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-xxl-2px {
    margin-top: 2px !important;
  }
  .mb-xxl-2px {
    margin-bottom: 2px !important;
  }
  .ms-xxl-2px {
    margin-left: 2px !important;
  }
  .me-xxl-2px {
    margin-right: 2px !important;
  }
  .p-xxl-4px {
    padding: 4px !important;
  }
  .px-xxl-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-xxl-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-xxl-4px {
    padding-top: 4px !important;
  }
  .pb-xxl-4px {
    padding-bottom: 4px !important;
  }
  .ps-xxl-4px {
    padding-left: 4px !important;
  }
  .pe-xxl-4px {
    padding-right: 4px !important;
  }
  .mx-xxl-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-xxl-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-xxl-4px {
    margin-top: 4px !important;
  }
  .mb-xxl-4px {
    margin-bottom: 4px !important;
  }
  .ms-xxl-4px {
    margin-left: 4px !important;
  }
  .me-xxl-4px {
    margin-right: 4px !important;
  }
  .p-xxl-8px {
    padding: 8px !important;
  }
  .px-xxl-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-xxl-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-xxl-8px {
    padding-top: 8px !important;
  }
  .pb-xxl-8px {
    padding-bottom: 8px !important;
  }
  .ps-xxl-8px {
    padding-left: 8px !important;
  }
  .pe-xxl-8px {
    padding-right: 8px !important;
  }
  .mx-xxl-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-xxl-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-xxl-8px {
    margin-top: 8px !important;
  }
  .mb-xxl-8px {
    margin-bottom: 8px !important;
  }
  .ms-xxl-8px {
    margin-left: 8px !important;
  }
  .me-xxl-8px {
    margin-right: 8px !important;
  }
  .p-xxl-12px {
    padding: 12px !important;
  }
  .px-xxl-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-xxl-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-xxl-12px {
    padding-top: 12px !important;
  }
  .pb-xxl-12px {
    padding-bottom: 12px !important;
  }
  .ps-xxl-12px {
    padding-left: 12px !important;
  }
  .pe-xxl-12px {
    padding-right: 12px !important;
  }
  .mx-xxl-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-xxl-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-xxl-12px {
    margin-top: 12px !important;
  }
  .mb-xxl-12px {
    margin-bottom: 12px !important;
  }
  .ms-xxl-12px {
    margin-left: 12px !important;
  }
  .me-xxl-12px {
    margin-right: 12px !important;
  }
  .p-xxl-16px {
    padding: 16px !important;
  }
  .px-xxl-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-xxl-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-xxl-16px {
    padding-top: 16px !important;
  }
  .pb-xxl-16px {
    padding-bottom: 16px !important;
  }
  .ps-xxl-16px {
    padding-left: 16px !important;
  }
  .pe-xxl-16px {
    padding-right: 16px !important;
  }
  .mx-xxl-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-xxl-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-xxl-16px {
    margin-top: 16px !important;
  }
  .mb-xxl-16px {
    margin-bottom: 16px !important;
  }
  .ms-xxl-16px {
    margin-left: 16px !important;
  }
  .me-xxl-16px {
    margin-right: 16px !important;
  }
  .p-xxl-20px {
    padding: 20px !important;
  }
  .px-xxl-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-xxl-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-xxl-20px {
    padding-top: 20px !important;
  }
  .pb-xxl-20px {
    padding-bottom: 20px !important;
  }
  .ps-xxl-20px {
    padding-left: 20px !important;
  }
  .pe-xxl-20px {
    padding-right: 20px !important;
  }
  .mx-xxl-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-xxl-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-xxl-20px {
    margin-top: 20px !important;
  }
  .mb-xxl-20px {
    margin-bottom: 20px !important;
  }
  .ms-xxl-20px {
    margin-left: 20px !important;
  }
  .me-xxl-20px {
    margin-right: 20px !important;
  }
  .p-xxl-24px {
    padding: 24px !important;
  }
  .px-xxl-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-xxl-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-xxl-24px {
    padding-top: 24px !important;
  }
  .pb-xxl-24px {
    padding-bottom: 24px !important;
  }
  .ps-xxl-24px {
    padding-left: 24px !important;
  }
  .pe-xxl-24px {
    padding-right: 24px !important;
  }
  .mx-xxl-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-xxl-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-xxl-24px {
    margin-top: 24px !important;
  }
  .mb-xxl-24px {
    margin-bottom: 24px !important;
  }
  .ms-xxl-24px {
    margin-left: 24px !important;
  }
  .me-xxl-24px {
    margin-right: 24px !important;
  }
  .p-xxl-28px {
    padding: 28px !important;
  }
  .px-xxl-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-xxl-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xxl-28px {
    padding-top: 28px !important;
  }
  .pb-xxl-28px {
    padding-bottom: 28px !important;
  }
  .ps-xxl-28px {
    padding-left: 28px !important;
  }
  .pe-xxl-28px {
    padding-right: 28px !important;
  }
  .mx-xxl-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-xxl-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xxl-28px {
    margin-top: 28px !important;
  }
  .mb-xxl-28px {
    margin-bottom: 28px !important;
  }
  .ms-xxl-28px {
    margin-left: 28px !important;
  }
  .me-xxl-28px {
    margin-right: 28px !important;
  }
  .p-xxl-32px {
    padding: 32px !important;
  }
  .px-xxl-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-xxl-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-xxl-32px {
    padding-top: 32px !important;
  }
  .pb-xxl-32px {
    padding-bottom: 32px !important;
  }
  .ps-xxl-32px {
    padding-left: 32px !important;
  }
  .pe-xxl-32px {
    padding-right: 32px !important;
  }
  .mx-xxl-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-xxl-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-xxl-32px {
    margin-top: 32px !important;
  }
  .mb-xxl-32px {
    margin-bottom: 32px !important;
  }
  .ms-xxl-32px {
    margin-left: 32px !important;
  }
  .me-xxl-32px {
    margin-right: 32px !important;
  }
  .p-xxl-36px {
    padding: 36px !important;
  }
  .px-xxl-36px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .py-xxl-36px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xxl-36px {
    padding-top: 36px !important;
  }
  .pb-xxl-36px {
    padding-bottom: 36px !important;
  }
  .ps-xxl-36px {
    padding-left: 36px !important;
  }
  .pe-xxl-36px {
    padding-right: 36px !important;
  }
  .mx-xxl-36px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .my-xxl-36px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-xxl-36px {
    margin-top: 36px !important;
  }
  .mb-xxl-36px {
    margin-bottom: 36px !important;
  }
  .ms-xxl-36px {
    margin-left: 36px !important;
  }
  .me-xxl-36px {
    margin-right: 36px !important;
  }
  .p-xxl-48px {
    padding: 48px !important;
  }
  .px-xxl-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-xxl-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-xxl-48px {
    padding-top: 48px !important;
  }
  .pb-xxl-48px {
    padding-bottom: 48px !important;
  }
  .ps-xxl-48px {
    padding-left: 48px !important;
  }
  .pe-xxl-48px {
    padding-right: 48px !important;
  }
  .mx-xxl-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-xxl-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-xxl-48px {
    margin-top: 48px !important;
  }
  .mb-xxl-48px {
    margin-bottom: 48px !important;
  }
  .ms-xxl-48px {
    margin-left: 48px !important;
  }
  .me-xxl-48px {
    margin-right: 48px !important;
  }
  .p-xxl-64px {
    padding: 64px !important;
  }
  .px-xxl-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-xxl-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xxl-64px {
    padding-top: 64px !important;
  }
  .pb-xxl-64px {
    padding-bottom: 64px !important;
  }
  .ps-xxl-64px {
    padding-left: 64px !important;
  }
  .pe-xxl-64px {
    padding-right: 64px !important;
  }
  .mx-xxl-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-xxl-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-xxl-64px {
    margin-top: 64px !important;
  }
  .mb-xxl-64px {
    margin-bottom: 64px !important;
  }
  .ms-xxl-64px {
    margin-left: 64px !important;
  }
  .me-xxl-64px {
    margin-right: 64px !important;
  }
  .p-xxl-72px {
    padding: 72px !important;
  }
  .px-xxl-72px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .py-xxl-72px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-xxl-72px {
    padding-top: 72px !important;
  }
  .pb-xxl-72px {
    padding-bottom: 72px !important;
  }
  .ps-xxl-72px {
    padding-left: 72px !important;
  }
  .pe-xxl-72px {
    padding-right: 72px !important;
  }
  .mx-xxl-72px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .my-xxl-72px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mt-xxl-72px {
    margin-top: 72px !important;
  }
  .mb-xxl-72px {
    margin-bottom: 72px !important;
  }
  .ms-xxl-72px {
    margin-left: 72px !important;
  }
  .me-xxl-72px {
    margin-right: 72px !important;
  }
  .p-xxl-90px {
    padding: 90px !important;
  }
  .px-xxl-90px {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .py-xxl-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pt-xxl-90px {
    padding-top: 90px !important;
  }
  .pb-xxl-90px {
    padding-bottom: 90px !important;
  }
  .ps-xxl-90px {
    padding-left: 90px !important;
  }
  .pe-xxl-90px {
    padding-right: 90px !important;
  }
  .mx-xxl-90px {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .my-xxl-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mt-xxl-90px {
    margin-top: 90px !important;
  }
  .mb-xxl-90px {
    margin-bottom: 90px !important;
  }
  .ms-xxl-90px {
    margin-left: 90px !important;
  }
  .me-xxl-90px {
    margin-right: 90px !important;
  }
  .p-xxl-128px {
    padding: 128px !important;
  }
  .px-xxl-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-xxl-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-xxl-128px {
    padding-top: 128px !important;
  }
  .pb-xxl-128px {
    padding-bottom: 128px !important;
  }
  .ps-xxl-128px {
    padding-left: 128px !important;
  }
  .pe-xxl-128px {
    padding-right: 128px !important;
  }
  .mx-xxl-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-xxl-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-xxl-128px {
    margin-top: 128px !important;
  }
  .mb-xxl-128px {
    margin-bottom: 128px !important;
  }
  .ms-xxl-128px {
    margin-left: 128px !important;
  }
  .me-xxl-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1400px) {
  .p-xl-0px {
    padding: 0px !important;
  }
  .px-xl-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-xl-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-xl-0px {
    padding-top: 0px !important;
  }
  .pb-xl-0px {
    padding-bottom: 0px !important;
  }
  .ps-xl-0px {
    padding-left: 0px !important;
  }
  .pe-xl-0px {
    padding-right: 0px !important;
  }
  .mx-xl-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-xl-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-xl-0px {
    margin-top: 0px !important;
  }
  .mb-xl-0px {
    margin-bottom: 0px !important;
  }
  .ms-xl-0px {
    margin-left: 0px !important;
  }
  .me-xl-0px {
    margin-right: 0px !important;
  }
  .p-xl-1px {
    padding: 1px !important;
  }
  .px-xl-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-xl-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-xl-1px {
    padding-top: 1px !important;
  }
  .pb-xl-1px {
    padding-bottom: 1px !important;
  }
  .ps-xl-1px {
    padding-left: 1px !important;
  }
  .pe-xl-1px {
    padding-right: 1px !important;
  }
  .mx-xl-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-xl-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-xl-1px {
    margin-top: 1px !important;
  }
  .mb-xl-1px {
    margin-bottom: 1px !important;
  }
  .ms-xl-1px {
    margin-left: 1px !important;
  }
  .me-xl-1px {
    margin-right: 1px !important;
  }
  .p-xl-2px {
    padding: 2px !important;
  }
  .px-xl-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-xl-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-xl-2px {
    padding-top: 2px !important;
  }
  .pb-xl-2px {
    padding-bottom: 2px !important;
  }
  .ps-xl-2px {
    padding-left: 2px !important;
  }
  .pe-xl-2px {
    padding-right: 2px !important;
  }
  .mx-xl-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-xl-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-xl-2px {
    margin-top: 2px !important;
  }
  .mb-xl-2px {
    margin-bottom: 2px !important;
  }
  .ms-xl-2px {
    margin-left: 2px !important;
  }
  .me-xl-2px {
    margin-right: 2px !important;
  }
  .p-xl-4px {
    padding: 4px !important;
  }
  .px-xl-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-xl-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-xl-4px {
    padding-top: 4px !important;
  }
  .pb-xl-4px {
    padding-bottom: 4px !important;
  }
  .ps-xl-4px {
    padding-left: 4px !important;
  }
  .pe-xl-4px {
    padding-right: 4px !important;
  }
  .mx-xl-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-xl-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-xl-4px {
    margin-top: 4px !important;
  }
  .mb-xl-4px {
    margin-bottom: 4px !important;
  }
  .ms-xl-4px {
    margin-left: 4px !important;
  }
  .me-xl-4px {
    margin-right: 4px !important;
  }
  .p-xl-8px {
    padding: 8px !important;
  }
  .px-xl-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-xl-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-xl-8px {
    padding-top: 8px !important;
  }
  .pb-xl-8px {
    padding-bottom: 8px !important;
  }
  .ps-xl-8px {
    padding-left: 8px !important;
  }
  .pe-xl-8px {
    padding-right: 8px !important;
  }
  .mx-xl-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-xl-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-xl-8px {
    margin-top: 8px !important;
  }
  .mb-xl-8px {
    margin-bottom: 8px !important;
  }
  .ms-xl-8px {
    margin-left: 8px !important;
  }
  .me-xl-8px {
    margin-right: 8px !important;
  }
  .p-xl-12px {
    padding: 12px !important;
  }
  .px-xl-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-xl-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-xl-12px {
    padding-top: 12px !important;
  }
  .pb-xl-12px {
    padding-bottom: 12px !important;
  }
  .ps-xl-12px {
    padding-left: 12px !important;
  }
  .pe-xl-12px {
    padding-right: 12px !important;
  }
  .mx-xl-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-xl-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-xl-12px {
    margin-top: 12px !important;
  }
  .mb-xl-12px {
    margin-bottom: 12px !important;
  }
  .ms-xl-12px {
    margin-left: 12px !important;
  }
  .me-xl-12px {
    margin-right: 12px !important;
  }
  .p-xl-16px {
    padding: 16px !important;
  }
  .px-xl-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-xl-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-xl-16px {
    padding-top: 16px !important;
  }
  .pb-xl-16px {
    padding-bottom: 16px !important;
  }
  .ps-xl-16px {
    padding-left: 16px !important;
  }
  .pe-xl-16px {
    padding-right: 16px !important;
  }
  .mx-xl-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-xl-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-xl-16px {
    margin-top: 16px !important;
  }
  .mb-xl-16px {
    margin-bottom: 16px !important;
  }
  .ms-xl-16px {
    margin-left: 16px !important;
  }
  .me-xl-16px {
    margin-right: 16px !important;
  }
  .p-xl-20px {
    padding: 20px !important;
  }
  .px-xl-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-xl-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-xl-20px {
    padding-top: 20px !important;
  }
  .pb-xl-20px {
    padding-bottom: 20px !important;
  }
  .ps-xl-20px {
    padding-left: 20px !important;
  }
  .pe-xl-20px {
    padding-right: 20px !important;
  }
  .mx-xl-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-xl-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-xl-20px {
    margin-top: 20px !important;
  }
  .mb-xl-20px {
    margin-bottom: 20px !important;
  }
  .ms-xl-20px {
    margin-left: 20px !important;
  }
  .me-xl-20px {
    margin-right: 20px !important;
  }
  .p-xl-24px {
    padding: 24px !important;
  }
  .px-xl-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-xl-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-xl-24px {
    padding-top: 24px !important;
  }
  .pb-xl-24px {
    padding-bottom: 24px !important;
  }
  .ps-xl-24px {
    padding-left: 24px !important;
  }
  .pe-xl-24px {
    padding-right: 24px !important;
  }
  .mx-xl-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-xl-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-xl-24px {
    margin-top: 24px !important;
  }
  .mb-xl-24px {
    margin-bottom: 24px !important;
  }
  .ms-xl-24px {
    margin-left: 24px !important;
  }
  .me-xl-24px {
    margin-right: 24px !important;
  }
  .p-xl-28px {
    padding: 28px !important;
  }
  .px-xl-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-xl-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xl-28px {
    padding-top: 28px !important;
  }
  .pb-xl-28px {
    padding-bottom: 28px !important;
  }
  .ps-xl-28px {
    padding-left: 28px !important;
  }
  .pe-xl-28px {
    padding-right: 28px !important;
  }
  .mx-xl-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-xl-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xl-28px {
    margin-top: 28px !important;
  }
  .mb-xl-28px {
    margin-bottom: 28px !important;
  }
  .ms-xl-28px {
    margin-left: 28px !important;
  }
  .me-xl-28px {
    margin-right: 28px !important;
  }
  .p-xl-32px {
    padding: 32px !important;
  }
  .px-xl-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-xl-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-xl-32px {
    padding-top: 32px !important;
  }
  .pb-xl-32px {
    padding-bottom: 32px !important;
  }
  .ps-xl-32px {
    padding-left: 32px !important;
  }
  .pe-xl-32px {
    padding-right: 32px !important;
  }
  .mx-xl-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-xl-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-xl-32px {
    margin-top: 32px !important;
  }
  .mb-xl-32px {
    margin-bottom: 32px !important;
  }
  .ms-xl-32px {
    margin-left: 32px !important;
  }
  .me-xl-32px {
    margin-right: 32px !important;
  }
  .p-xl-36px {
    padding: 36px !important;
  }
  .px-xl-36px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .py-xl-36px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xl-36px {
    padding-top: 36px !important;
  }
  .pb-xl-36px {
    padding-bottom: 36px !important;
  }
  .ps-xl-36px {
    padding-left: 36px !important;
  }
  .pe-xl-36px {
    padding-right: 36px !important;
  }
  .mx-xl-36px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .my-xl-36px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-xl-36px {
    margin-top: 36px !important;
  }
  .mb-xl-36px {
    margin-bottom: 36px !important;
  }
  .ms-xl-36px {
    margin-left: 36px !important;
  }
  .me-xl-36px {
    margin-right: 36px !important;
  }
  .p-xl-48px {
    padding: 48px !important;
  }
  .px-xl-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-xl-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-xl-48px {
    padding-top: 48px !important;
  }
  .pb-xl-48px {
    padding-bottom: 48px !important;
  }
  .ps-xl-48px {
    padding-left: 48px !important;
  }
  .pe-xl-48px {
    padding-right: 48px !important;
  }
  .mx-xl-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-xl-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-xl-48px {
    margin-top: 48px !important;
  }
  .mb-xl-48px {
    margin-bottom: 48px !important;
  }
  .ms-xl-48px {
    margin-left: 48px !important;
  }
  .me-xl-48px {
    margin-right: 48px !important;
  }
  .p-xl-64px {
    padding: 64px !important;
  }
  .px-xl-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-xl-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xl-64px {
    padding-top: 64px !important;
  }
  .pb-xl-64px {
    padding-bottom: 64px !important;
  }
  .ps-xl-64px {
    padding-left: 64px !important;
  }
  .pe-xl-64px {
    padding-right: 64px !important;
  }
  .mx-xl-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-xl-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-xl-64px {
    margin-top: 64px !important;
  }
  .mb-xl-64px {
    margin-bottom: 64px !important;
  }
  .ms-xl-64px {
    margin-left: 64px !important;
  }
  .me-xl-64px {
    margin-right: 64px !important;
  }
  .p-xl-72px {
    padding: 72px !important;
  }
  .px-xl-72px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .py-xl-72px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-xl-72px {
    padding-top: 72px !important;
  }
  .pb-xl-72px {
    padding-bottom: 72px !important;
  }
  .ps-xl-72px {
    padding-left: 72px !important;
  }
  .pe-xl-72px {
    padding-right: 72px !important;
  }
  .mx-xl-72px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .my-xl-72px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mt-xl-72px {
    margin-top: 72px !important;
  }
  .mb-xl-72px {
    margin-bottom: 72px !important;
  }
  .ms-xl-72px {
    margin-left: 72px !important;
  }
  .me-xl-72px {
    margin-right: 72px !important;
  }
  .p-xl-90px {
    padding: 90px !important;
  }
  .px-xl-90px {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .py-xl-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pt-xl-90px {
    padding-top: 90px !important;
  }
  .pb-xl-90px {
    padding-bottom: 90px !important;
  }
  .ps-xl-90px {
    padding-left: 90px !important;
  }
  .pe-xl-90px {
    padding-right: 90px !important;
  }
  .mx-xl-90px {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .my-xl-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mt-xl-90px {
    margin-top: 90px !important;
  }
  .mb-xl-90px {
    margin-bottom: 90px !important;
  }
  .ms-xl-90px {
    margin-left: 90px !important;
  }
  .me-xl-90px {
    margin-right: 90px !important;
  }
  .p-xl-128px {
    padding: 128px !important;
  }
  .px-xl-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-xl-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-xl-128px {
    padding-top: 128px !important;
  }
  .pb-xl-128px {
    padding-bottom: 128px !important;
  }
  .ps-xl-128px {
    padding-left: 128px !important;
  }
  .pe-xl-128px {
    padding-right: 128px !important;
  }
  .mx-xl-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-xl-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-xl-128px {
    margin-top: 128px !important;
  }
  .mb-xl-128px {
    margin-bottom: 128px !important;
  }
  .ms-xl-128px {
    margin-left: 128px !important;
  }
  .me-xl-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-lg-0px {
    padding: 0px !important;
  }
  .px-lg-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-lg-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-lg-0px {
    padding-top: 0px !important;
  }
  .pb-lg-0px {
    padding-bottom: 0px !important;
  }
  .ps-lg-0px {
    padding-left: 0px !important;
  }
  .pe-lg-0px {
    padding-right: 0px !important;
  }
  .mx-lg-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-lg-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-lg-0px {
    margin-top: 0px !important;
  }
  .mb-lg-0px {
    margin-bottom: 0px !important;
  }
  .ms-lg-0px {
    margin-left: 0px !important;
  }
  .me-lg-0px {
    margin-right: 0px !important;
  }
  .p-lg-1px {
    padding: 1px !important;
  }
  .px-lg-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-lg-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-lg-1px {
    padding-top: 1px !important;
  }
  .pb-lg-1px {
    padding-bottom: 1px !important;
  }
  .ps-lg-1px {
    padding-left: 1px !important;
  }
  .pe-lg-1px {
    padding-right: 1px !important;
  }
  .mx-lg-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-lg-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-lg-1px {
    margin-top: 1px !important;
  }
  .mb-lg-1px {
    margin-bottom: 1px !important;
  }
  .ms-lg-1px {
    margin-left: 1px !important;
  }
  .me-lg-1px {
    margin-right: 1px !important;
  }
  .p-lg-2px {
    padding: 2px !important;
  }
  .px-lg-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-lg-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-lg-2px {
    padding-top: 2px !important;
  }
  .pb-lg-2px {
    padding-bottom: 2px !important;
  }
  .ps-lg-2px {
    padding-left: 2px !important;
  }
  .pe-lg-2px {
    padding-right: 2px !important;
  }
  .mx-lg-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-lg-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-lg-2px {
    margin-top: 2px !important;
  }
  .mb-lg-2px {
    margin-bottom: 2px !important;
  }
  .ms-lg-2px {
    margin-left: 2px !important;
  }
  .me-lg-2px {
    margin-right: 2px !important;
  }
  .p-lg-4px {
    padding: 4px !important;
  }
  .px-lg-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-lg-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-lg-4px {
    padding-top: 4px !important;
  }
  .pb-lg-4px {
    padding-bottom: 4px !important;
  }
  .ps-lg-4px {
    padding-left: 4px !important;
  }
  .pe-lg-4px {
    padding-right: 4px !important;
  }
  .mx-lg-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-lg-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-lg-4px {
    margin-top: 4px !important;
  }
  .mb-lg-4px {
    margin-bottom: 4px !important;
  }
  .ms-lg-4px {
    margin-left: 4px !important;
  }
  .me-lg-4px {
    margin-right: 4px !important;
  }
  .p-lg-8px {
    padding: 8px !important;
  }
  .px-lg-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-lg-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-lg-8px {
    padding-top: 8px !important;
  }
  .pb-lg-8px {
    padding-bottom: 8px !important;
  }
  .ps-lg-8px {
    padding-left: 8px !important;
  }
  .pe-lg-8px {
    padding-right: 8px !important;
  }
  .mx-lg-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-lg-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-lg-8px {
    margin-top: 8px !important;
  }
  .mb-lg-8px {
    margin-bottom: 8px !important;
  }
  .ms-lg-8px {
    margin-left: 8px !important;
  }
  .me-lg-8px {
    margin-right: 8px !important;
  }
  .p-lg-12px {
    padding: 12px !important;
  }
  .px-lg-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-lg-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-lg-12px {
    padding-top: 12px !important;
  }
  .pb-lg-12px {
    padding-bottom: 12px !important;
  }
  .ps-lg-12px {
    padding-left: 12px !important;
  }
  .pe-lg-12px {
    padding-right: 12px !important;
  }
  .mx-lg-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-lg-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-lg-12px {
    margin-top: 12px !important;
  }
  .mb-lg-12px {
    margin-bottom: 12px !important;
  }
  .ms-lg-12px {
    margin-left: 12px !important;
  }
  .me-lg-12px {
    margin-right: 12px !important;
  }
  .p-lg-16px {
    padding: 16px !important;
  }
  .px-lg-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-lg-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-lg-16px {
    padding-top: 16px !important;
  }
  .pb-lg-16px {
    padding-bottom: 16px !important;
  }
  .ps-lg-16px {
    padding-left: 16px !important;
  }
  .pe-lg-16px {
    padding-right: 16px !important;
  }
  .mx-lg-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-lg-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-lg-16px {
    margin-top: 16px !important;
  }
  .mb-lg-16px {
    margin-bottom: 16px !important;
  }
  .ms-lg-16px {
    margin-left: 16px !important;
  }
  .me-lg-16px {
    margin-right: 16px !important;
  }
  .p-lg-20px {
    padding: 20px !important;
  }
  .px-lg-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-lg-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-lg-20px {
    padding-top: 20px !important;
  }
  .pb-lg-20px {
    padding-bottom: 20px !important;
  }
  .ps-lg-20px {
    padding-left: 20px !important;
  }
  .pe-lg-20px {
    padding-right: 20px !important;
  }
  .mx-lg-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-lg-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-lg-20px {
    margin-top: 20px !important;
  }
  .mb-lg-20px {
    margin-bottom: 20px !important;
  }
  .ms-lg-20px {
    margin-left: 20px !important;
  }
  .me-lg-20px {
    margin-right: 20px !important;
  }
  .p-lg-24px {
    padding: 24px !important;
  }
  .px-lg-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-lg-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-lg-24px {
    padding-top: 24px !important;
  }
  .pb-lg-24px {
    padding-bottom: 24px !important;
  }
  .ps-lg-24px {
    padding-left: 24px !important;
  }
  .pe-lg-24px {
    padding-right: 24px !important;
  }
  .mx-lg-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-lg-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-lg-24px {
    margin-top: 24px !important;
  }
  .mb-lg-24px {
    margin-bottom: 24px !important;
  }
  .ms-lg-24px {
    margin-left: 24px !important;
  }
  .me-lg-24px {
    margin-right: 24px !important;
  }
  .p-lg-28px {
    padding: 28px !important;
  }
  .px-lg-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-lg-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-lg-28px {
    padding-top: 28px !important;
  }
  .pb-lg-28px {
    padding-bottom: 28px !important;
  }
  .ps-lg-28px {
    padding-left: 28px !important;
  }
  .pe-lg-28px {
    padding-right: 28px !important;
  }
  .mx-lg-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-lg-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-lg-28px {
    margin-top: 28px !important;
  }
  .mb-lg-28px {
    margin-bottom: 28px !important;
  }
  .ms-lg-28px {
    margin-left: 28px !important;
  }
  .me-lg-28px {
    margin-right: 28px !important;
  }
  .p-lg-32px {
    padding: 32px !important;
  }
  .px-lg-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-lg-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-lg-32px {
    padding-top: 32px !important;
  }
  .pb-lg-32px {
    padding-bottom: 32px !important;
  }
  .ps-lg-32px {
    padding-left: 32px !important;
  }
  .pe-lg-32px {
    padding-right: 32px !important;
  }
  .mx-lg-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-lg-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-lg-32px {
    margin-top: 32px !important;
  }
  .mb-lg-32px {
    margin-bottom: 32px !important;
  }
  .ms-lg-32px {
    margin-left: 32px !important;
  }
  .me-lg-32px {
    margin-right: 32px !important;
  }
  .p-lg-36px {
    padding: 36px !important;
  }
  .px-lg-36px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .py-lg-36px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-lg-36px {
    padding-top: 36px !important;
  }
  .pb-lg-36px {
    padding-bottom: 36px !important;
  }
  .ps-lg-36px {
    padding-left: 36px !important;
  }
  .pe-lg-36px {
    padding-right: 36px !important;
  }
  .mx-lg-36px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .my-lg-36px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-lg-36px {
    margin-top: 36px !important;
  }
  .mb-lg-36px {
    margin-bottom: 36px !important;
  }
  .ms-lg-36px {
    margin-left: 36px !important;
  }
  .me-lg-36px {
    margin-right: 36px !important;
  }
  .p-lg-48px {
    padding: 48px !important;
  }
  .px-lg-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-lg-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-lg-48px {
    padding-top: 48px !important;
  }
  .pb-lg-48px {
    padding-bottom: 48px !important;
  }
  .ps-lg-48px {
    padding-left: 48px !important;
  }
  .pe-lg-48px {
    padding-right: 48px !important;
  }
  .mx-lg-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-lg-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-lg-48px {
    margin-top: 48px !important;
  }
  .mb-lg-48px {
    margin-bottom: 48px !important;
  }
  .ms-lg-48px {
    margin-left: 48px !important;
  }
  .me-lg-48px {
    margin-right: 48px !important;
  }
  .p-lg-64px {
    padding: 64px !important;
  }
  .px-lg-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-lg-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-lg-64px {
    padding-top: 64px !important;
  }
  .pb-lg-64px {
    padding-bottom: 64px !important;
  }
  .ps-lg-64px {
    padding-left: 64px !important;
  }
  .pe-lg-64px {
    padding-right: 64px !important;
  }
  .mx-lg-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-lg-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-lg-64px {
    margin-top: 64px !important;
  }
  .mb-lg-64px {
    margin-bottom: 64px !important;
  }
  .ms-lg-64px {
    margin-left: 64px !important;
  }
  .me-lg-64px {
    margin-right: 64px !important;
  }
  .p-lg-72px {
    padding: 72px !important;
  }
  .px-lg-72px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .py-lg-72px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-lg-72px {
    padding-top: 72px !important;
  }
  .pb-lg-72px {
    padding-bottom: 72px !important;
  }
  .ps-lg-72px {
    padding-left: 72px !important;
  }
  .pe-lg-72px {
    padding-right: 72px !important;
  }
  .mx-lg-72px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .my-lg-72px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mt-lg-72px {
    margin-top: 72px !important;
  }
  .mb-lg-72px {
    margin-bottom: 72px !important;
  }
  .ms-lg-72px {
    margin-left: 72px !important;
  }
  .me-lg-72px {
    margin-right: 72px !important;
  }
  .p-lg-90px {
    padding: 90px !important;
  }
  .px-lg-90px {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .py-lg-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pt-lg-90px {
    padding-top: 90px !important;
  }
  .pb-lg-90px {
    padding-bottom: 90px !important;
  }
  .ps-lg-90px {
    padding-left: 90px !important;
  }
  .pe-lg-90px {
    padding-right: 90px !important;
  }
  .mx-lg-90px {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .my-lg-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mt-lg-90px {
    margin-top: 90px !important;
  }
  .mb-lg-90px {
    margin-bottom: 90px !important;
  }
  .ms-lg-90px {
    margin-left: 90px !important;
  }
  .me-lg-90px {
    margin-right: 90px !important;
  }
  .p-lg-128px {
    padding: 128px !important;
  }
  .px-lg-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-lg-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-lg-128px {
    padding-top: 128px !important;
  }
  .pb-lg-128px {
    padding-bottom: 128px !important;
  }
  .ps-lg-128px {
    padding-left: 128px !important;
  }
  .pe-lg-128px {
    padding-right: 128px !important;
  }
  .mx-lg-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-lg-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-lg-128px {
    margin-top: 128px !important;
  }
  .mb-lg-128px {
    margin-bottom: 128px !important;
  }
  .ms-lg-128px {
    margin-left: 128px !important;
  }
  .me-lg-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .p-md-0px {
    padding: 0px !important;
  }
  .px-md-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-md-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-md-0px {
    padding-top: 0px !important;
  }
  .pb-md-0px {
    padding-bottom: 0px !important;
  }
  .ps-md-0px {
    padding-left: 0px !important;
  }
  .pe-md-0px {
    padding-right: 0px !important;
  }
  .mx-md-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-md-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-md-0px {
    margin-top: 0px !important;
  }
  .mb-md-0px {
    margin-bottom: 0px !important;
  }
  .ms-md-0px {
    margin-left: 0px !important;
  }
  .me-md-0px {
    margin-right: 0px !important;
  }
  .p-md-1px {
    padding: 1px !important;
  }
  .px-md-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-md-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-md-1px {
    padding-top: 1px !important;
  }
  .pb-md-1px {
    padding-bottom: 1px !important;
  }
  .ps-md-1px {
    padding-left: 1px !important;
  }
  .pe-md-1px {
    padding-right: 1px !important;
  }
  .mx-md-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-md-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-md-1px {
    margin-top: 1px !important;
  }
  .mb-md-1px {
    margin-bottom: 1px !important;
  }
  .ms-md-1px {
    margin-left: 1px !important;
  }
  .me-md-1px {
    margin-right: 1px !important;
  }
  .p-md-2px {
    padding: 2px !important;
  }
  .px-md-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-md-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-md-2px {
    padding-top: 2px !important;
  }
  .pb-md-2px {
    padding-bottom: 2px !important;
  }
  .ps-md-2px {
    padding-left: 2px !important;
  }
  .pe-md-2px {
    padding-right: 2px !important;
  }
  .mx-md-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-md-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-md-2px {
    margin-top: 2px !important;
  }
  .mb-md-2px {
    margin-bottom: 2px !important;
  }
  .ms-md-2px {
    margin-left: 2px !important;
  }
  .me-md-2px {
    margin-right: 2px !important;
  }
  .p-md-4px {
    padding: 4px !important;
  }
  .px-md-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-md-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-md-4px {
    padding-top: 4px !important;
  }
  .pb-md-4px {
    padding-bottom: 4px !important;
  }
  .ps-md-4px {
    padding-left: 4px !important;
  }
  .pe-md-4px {
    padding-right: 4px !important;
  }
  .mx-md-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-md-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-md-4px {
    margin-top: 4px !important;
  }
  .mb-md-4px {
    margin-bottom: 4px !important;
  }
  .ms-md-4px {
    margin-left: 4px !important;
  }
  .me-md-4px {
    margin-right: 4px !important;
  }
  .p-md-8px {
    padding: 8px !important;
  }
  .px-md-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-md-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-md-8px {
    padding-top: 8px !important;
  }
  .pb-md-8px {
    padding-bottom: 8px !important;
  }
  .ps-md-8px {
    padding-left: 8px !important;
  }
  .pe-md-8px {
    padding-right: 8px !important;
  }
  .mx-md-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-md-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-md-8px {
    margin-top: 8px !important;
  }
  .mb-md-8px {
    margin-bottom: 8px !important;
  }
  .ms-md-8px {
    margin-left: 8px !important;
  }
  .me-md-8px {
    margin-right: 8px !important;
  }
  .p-md-12px {
    padding: 12px !important;
  }
  .px-md-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-md-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-md-12px {
    padding-top: 12px !important;
  }
  .pb-md-12px {
    padding-bottom: 12px !important;
  }
  .ps-md-12px {
    padding-left: 12px !important;
  }
  .pe-md-12px {
    padding-right: 12px !important;
  }
  .mx-md-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-md-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-md-12px {
    margin-top: 12px !important;
  }
  .mb-md-12px {
    margin-bottom: 12px !important;
  }
  .ms-md-12px {
    margin-left: 12px !important;
  }
  .me-md-12px {
    margin-right: 12px !important;
  }
  .p-md-16px {
    padding: 16px !important;
  }
  .px-md-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-md-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-md-16px {
    padding-top: 16px !important;
  }
  .pb-md-16px {
    padding-bottom: 16px !important;
  }
  .ps-md-16px {
    padding-left: 16px !important;
  }
  .pe-md-16px {
    padding-right: 16px !important;
  }
  .mx-md-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-md-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-md-16px {
    margin-top: 16px !important;
  }
  .mb-md-16px {
    margin-bottom: 16px !important;
  }
  .ms-md-16px {
    margin-left: 16px !important;
  }
  .me-md-16px {
    margin-right: 16px !important;
  }
  .p-md-20px {
    padding: 20px !important;
  }
  .px-md-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-md-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-md-20px {
    padding-top: 20px !important;
  }
  .pb-md-20px {
    padding-bottom: 20px !important;
  }
  .ps-md-20px {
    padding-left: 20px !important;
  }
  .pe-md-20px {
    padding-right: 20px !important;
  }
  .mx-md-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-md-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-md-20px {
    margin-top: 20px !important;
  }
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
  .ms-md-20px {
    margin-left: 20px !important;
  }
  .me-md-20px {
    margin-right: 20px !important;
  }
  .p-md-24px {
    padding: 24px !important;
  }
  .px-md-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-md-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-md-24px {
    padding-top: 24px !important;
  }
  .pb-md-24px {
    padding-bottom: 24px !important;
  }
  .ps-md-24px {
    padding-left: 24px !important;
  }
  .pe-md-24px {
    padding-right: 24px !important;
  }
  .mx-md-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-md-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-md-24px {
    margin-top: 24px !important;
  }
  .mb-md-24px {
    margin-bottom: 24px !important;
  }
  .ms-md-24px {
    margin-left: 24px !important;
  }
  .me-md-24px {
    margin-right: 24px !important;
  }
  .p-md-28px {
    padding: 28px !important;
  }
  .px-md-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-md-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-md-28px {
    padding-top: 28px !important;
  }
  .pb-md-28px {
    padding-bottom: 28px !important;
  }
  .ps-md-28px {
    padding-left: 28px !important;
  }
  .pe-md-28px {
    padding-right: 28px !important;
  }
  .mx-md-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-md-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-md-28px {
    margin-top: 28px !important;
  }
  .mb-md-28px {
    margin-bottom: 28px !important;
  }
  .ms-md-28px {
    margin-left: 28px !important;
  }
  .me-md-28px {
    margin-right: 28px !important;
  }
  .p-md-32px {
    padding: 32px !important;
  }
  .px-md-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-md-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-md-32px {
    padding-top: 32px !important;
  }
  .pb-md-32px {
    padding-bottom: 32px !important;
  }
  .ps-md-32px {
    padding-left: 32px !important;
  }
  .pe-md-32px {
    padding-right: 32px !important;
  }
  .mx-md-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-md-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-md-32px {
    margin-top: 32px !important;
  }
  .mb-md-32px {
    margin-bottom: 32px !important;
  }
  .ms-md-32px {
    margin-left: 32px !important;
  }
  .me-md-32px {
    margin-right: 32px !important;
  }
  .p-md-36px {
    padding: 36px !important;
  }
  .px-md-36px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .py-md-36px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-md-36px {
    padding-top: 36px !important;
  }
  .pb-md-36px {
    padding-bottom: 36px !important;
  }
  .ps-md-36px {
    padding-left: 36px !important;
  }
  .pe-md-36px {
    padding-right: 36px !important;
  }
  .mx-md-36px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .my-md-36px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-md-36px {
    margin-top: 36px !important;
  }
  .mb-md-36px {
    margin-bottom: 36px !important;
  }
  .ms-md-36px {
    margin-left: 36px !important;
  }
  .me-md-36px {
    margin-right: 36px !important;
  }
  .p-md-48px {
    padding: 48px !important;
  }
  .px-md-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-md-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-md-48px {
    padding-top: 48px !important;
  }
  .pb-md-48px {
    padding-bottom: 48px !important;
  }
  .ps-md-48px {
    padding-left: 48px !important;
  }
  .pe-md-48px {
    padding-right: 48px !important;
  }
  .mx-md-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-md-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-md-48px {
    margin-top: 48px !important;
  }
  .mb-md-48px {
    margin-bottom: 48px !important;
  }
  .ms-md-48px {
    margin-left: 48px !important;
  }
  .me-md-48px {
    margin-right: 48px !important;
  }
  .p-md-64px {
    padding: 64px !important;
  }
  .px-md-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-md-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-md-64px {
    padding-top: 64px !important;
  }
  .pb-md-64px {
    padding-bottom: 64px !important;
  }
  .ps-md-64px {
    padding-left: 64px !important;
  }
  .pe-md-64px {
    padding-right: 64px !important;
  }
  .mx-md-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-md-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-md-64px {
    margin-top: 64px !important;
  }
  .mb-md-64px {
    margin-bottom: 64px !important;
  }
  .ms-md-64px {
    margin-left: 64px !important;
  }
  .me-md-64px {
    margin-right: 64px !important;
  }
  .p-md-72px {
    padding: 72px !important;
  }
  .px-md-72px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .py-md-72px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-md-72px {
    padding-top: 72px !important;
  }
  .pb-md-72px {
    padding-bottom: 72px !important;
  }
  .ps-md-72px {
    padding-left: 72px !important;
  }
  .pe-md-72px {
    padding-right: 72px !important;
  }
  .mx-md-72px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .my-md-72px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mt-md-72px {
    margin-top: 72px !important;
  }
  .mb-md-72px {
    margin-bottom: 72px !important;
  }
  .ms-md-72px {
    margin-left: 72px !important;
  }
  .me-md-72px {
    margin-right: 72px !important;
  }
  .p-md-90px {
    padding: 90px !important;
  }
  .px-md-90px {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .py-md-90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pt-md-90px {
    padding-top: 90px !important;
  }
  .pb-md-90px {
    padding-bottom: 90px !important;
  }
  .ps-md-90px {
    padding-left: 90px !important;
  }
  .pe-md-90px {
    padding-right: 90px !important;
  }
  .mx-md-90px {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .my-md-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mt-md-90px {
    margin-top: 90px !important;
  }
  .mb-md-90px {
    margin-bottom: 90px !important;
  }
  .ms-md-90px {
    margin-left: 90px !important;
  }
  .me-md-90px {
    margin-right: 90px !important;
  }
  .p-md-128px {
    padding: 128px !important;
  }
  .px-md-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-md-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-md-128px {
    padding-top: 128px !important;
  }
  .pb-md-128px {
    padding-bottom: 128px !important;
  }
  .ps-md-128px {
    padding-left: 128px !important;
  }
  .pe-md-128px {
    padding-right: 128px !important;
  }
  .mx-md-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-md-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-md-128px {
    margin-top: 128px !important;
  }
  .mb-md-128px {
    margin-bottom: 128px !important;
  }
  .ms-md-128px {
    margin-left: 128px !important;
  }
  .me-md-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .w-sm-0px {
    width: 0px !important;
    min-width: 0px !important;
    max-width: 0px !important;
  }
  .h-sm-0px {
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important;
  }
  .p-sm-0px {
    padding: 0px !important;
  }
  .px-sm-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-sm0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-sm-0px {
    padding-top: 0px !important;
  }
  .pb-sm0px {
    padding-bottom: 0px !important;
  }
  .ps-sm-0px {
    padding-left: 0px !important;
  }
  .pe-sm-0px {
    padding-right: 0px !important;
  }
  .mx-sm-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-sm-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-sm-0px {
    margin-top: 0px !important;
  }
  .mb-sm-0px {
    margin-bottom: 0px !important;
  }
  .ms-sm-0px {
    margin-left: 0px !important;
  }
  .me-sm-0px {
    margin-right: 0px !important;
  }
  .w-sm-1px {
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
  }
  .h-sm-1px {
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
  }
  .p-sm-1px {
    padding: 1px !important;
  }
  .px-sm-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-sm1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-sm-1px {
    padding-top: 1px !important;
  }
  .pb-sm1px {
    padding-bottom: 1px !important;
  }
  .ps-sm-1px {
    padding-left: 1px !important;
  }
  .pe-sm-1px {
    padding-right: 1px !important;
  }
  .mx-sm-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-sm-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-sm-1px {
    margin-top: 1px !important;
  }
  .mb-sm-1px {
    margin-bottom: 1px !important;
  }
  .ms-sm-1px {
    margin-left: 1px !important;
  }
  .me-sm-1px {
    margin-right: 1px !important;
  }
  .w-sm-2px {
    width: 2px !important;
    min-width: 2px !important;
    max-width: 2px !important;
  }
  .h-sm-2px {
    height: 2px !important;
    min-height: 2px !important;
    max-height: 2px !important;
  }
  .p-sm-2px {
    padding: 2px !important;
  }
  .px-sm-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-sm2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-sm-2px {
    padding-top: 2px !important;
  }
  .pb-sm2px {
    padding-bottom: 2px !important;
  }
  .ps-sm-2px {
    padding-left: 2px !important;
  }
  .pe-sm-2px {
    padding-right: 2px !important;
  }
  .mx-sm-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-sm-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-sm-2px {
    margin-top: 2px !important;
  }
  .mb-sm-2px {
    margin-bottom: 2px !important;
  }
  .ms-sm-2px {
    margin-left: 2px !important;
  }
  .me-sm-2px {
    margin-right: 2px !important;
  }
  .w-sm-4px {
    width: 4px !important;
    min-width: 4px !important;
    max-width: 4px !important;
  }
  .h-sm-4px {
    height: 4px !important;
    min-height: 4px !important;
    max-height: 4px !important;
  }
  .p-sm-4px {
    padding: 4px !important;
  }
  .px-sm-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-sm4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-sm-4px {
    padding-top: 4px !important;
  }
  .pb-sm4px {
    padding-bottom: 4px !important;
  }
  .ps-sm-4px {
    padding-left: 4px !important;
  }
  .pe-sm-4px {
    padding-right: 4px !important;
  }
  .mx-sm-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-sm-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-sm-4px {
    margin-top: 4px !important;
  }
  .mb-sm-4px {
    margin-bottom: 4px !important;
  }
  .ms-sm-4px {
    margin-left: 4px !important;
  }
  .me-sm-4px {
    margin-right: 4px !important;
  }
  .w-sm-8px {
    width: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;
  }
  .h-sm-8px {
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
  }
  .p-sm-8px {
    padding: 8px !important;
  }
  .px-sm-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-sm8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-sm-8px {
    padding-top: 8px !important;
  }
  .pb-sm8px {
    padding-bottom: 8px !important;
  }
  .ps-sm-8px {
    padding-left: 8px !important;
  }
  .pe-sm-8px {
    padding-right: 8px !important;
  }
  .mx-sm-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-sm-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-sm-8px {
    margin-top: 8px !important;
  }
  .mb-sm-8px {
    margin-bottom: 8px !important;
  }
  .ms-sm-8px {
    margin-left: 8px !important;
  }
  .me-sm-8px {
    margin-right: 8px !important;
  }
  .w-sm-12px {
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
  }
  .h-sm-12px {
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
  }
  .p-sm-12px {
    padding: 12px !important;
  }
  .px-sm-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-sm12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-sm-12px {
    padding-top: 12px !important;
  }
  .pb-sm12px {
    padding-bottom: 12px !important;
  }
  .ps-sm-12px {
    padding-left: 12px !important;
  }
  .pe-sm-12px {
    padding-right: 12px !important;
  }
  .mx-sm-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-sm-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-sm-12px {
    margin-top: 12px !important;
  }
  .mb-sm-12px {
    margin-bottom: 12px !important;
  }
  .ms-sm-12px {
    margin-left: 12px !important;
  }
  .me-sm-12px {
    margin-right: 12px !important;
  }
  .w-sm-16px {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
  }
  .h-sm-16px {
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
  }
  .p-sm-16px {
    padding: 16px !important;
  }
  .px-sm-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-sm16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-sm-16px {
    padding-top: 16px !important;
  }
  .pb-sm16px {
    padding-bottom: 16px !important;
  }
  .ps-sm-16px {
    padding-left: 16px !important;
  }
  .pe-sm-16px {
    padding-right: 16px !important;
  }
  .mx-sm-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-sm-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-sm-16px {
    margin-top: 16px !important;
  }
  .mb-sm-16px {
    margin-bottom: 16px !important;
  }
  .ms-sm-16px {
    margin-left: 16px !important;
  }
  .me-sm-16px {
    margin-right: 16px !important;
  }
  .w-sm-20px {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  .h-sm-20px {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }
  .p-sm-20px {
    padding: 20px !important;
  }
  .px-sm-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-sm20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-sm-20px {
    padding-top: 20px !important;
  }
  .pb-sm20px {
    padding-bottom: 20px !important;
  }
  .ps-sm-20px {
    padding-left: 20px !important;
  }
  .pe-sm-20px {
    padding-right: 20px !important;
  }
  .mx-sm-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-sm-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-sm-20px {
    margin-top: 20px !important;
  }
  .mb-sm-20px {
    margin-bottom: 20px !important;
  }
  .ms-sm-20px {
    margin-left: 20px !important;
  }
  .me-sm-20px {
    margin-right: 20px !important;
  }
  .w-sm-24px {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }
  .h-sm-24px {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }
  .p-sm-24px {
    padding: 24px !important;
  }
  .px-sm-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-sm24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-sm-24px {
    padding-top: 24px !important;
  }
  .pb-sm24px {
    padding-bottom: 24px !important;
  }
  .ps-sm-24px {
    padding-left: 24px !important;
  }
  .pe-sm-24px {
    padding-right: 24px !important;
  }
  .mx-sm-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-sm-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-sm-24px {
    margin-top: 24px !important;
  }
  .mb-sm-24px {
    margin-bottom: 24px !important;
  }
  .ms-sm-24px {
    margin-left: 24px !important;
  }
  .me-sm-24px {
    margin-right: 24px !important;
  }
  .w-sm-28px {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
  }
  .h-sm-28px {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }
  .p-sm-28px {
    padding: 28px !important;
  }
  .px-sm-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-sm28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-sm-28px {
    padding-top: 28px !important;
  }
  .pb-sm28px {
    padding-bottom: 28px !important;
  }
  .ps-sm-28px {
    padding-left: 28px !important;
  }
  .pe-sm-28px {
    padding-right: 28px !important;
  }
  .mx-sm-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-sm-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-sm-28px {
    margin-top: 28px !important;
  }
  .mb-sm-28px {
    margin-bottom: 28px !important;
  }
  .ms-sm-28px {
    margin-left: 28px !important;
  }
  .me-sm-28px {
    margin-right: 28px !important;
  }
  .w-sm-32px {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
  .h-sm-32px {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
  .p-sm-32px {
    padding: 32px !important;
  }
  .px-sm-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-sm32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-sm-32px {
    padding-top: 32px !important;
  }
  .pb-sm32px {
    padding-bottom: 32px !important;
  }
  .ps-sm-32px {
    padding-left: 32px !important;
  }
  .pe-sm-32px {
    padding-right: 32px !important;
  }
  .mx-sm-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-sm-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-sm-32px {
    margin-top: 32px !important;
  }
  .mb-sm-32px {
    margin-bottom: 32px !important;
  }
  .ms-sm-32px {
    margin-left: 32px !important;
  }
  .me-sm-32px {
    margin-right: 32px !important;
  }
  .w-sm-36px {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
  }
  .h-sm-36px {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
  .p-sm-36px {
    padding: 36px !important;
  }
  .px-sm-36px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .py-sm36px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-sm-36px {
    padding-top: 36px !important;
  }
  .pb-sm36px {
    padding-bottom: 36px !important;
  }
  .ps-sm-36px {
    padding-left: 36px !important;
  }
  .pe-sm-36px {
    padding-right: 36px !important;
  }
  .mx-sm-36px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .my-sm-36px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-sm-36px {
    margin-top: 36px !important;
  }
  .mb-sm-36px {
    margin-bottom: 36px !important;
  }
  .ms-sm-36px {
    margin-left: 36px !important;
  }
  .me-sm-36px {
    margin-right: 36px !important;
  }
  .w-sm-48px {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
  .h-sm-48px {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  .p-sm-48px {
    padding: 48px !important;
  }
  .px-sm-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-sm48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-sm-48px {
    padding-top: 48px !important;
  }
  .pb-sm48px {
    padding-bottom: 48px !important;
  }
  .ps-sm-48px {
    padding-left: 48px !important;
  }
  .pe-sm-48px {
    padding-right: 48px !important;
  }
  .mx-sm-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-sm-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-sm-48px {
    margin-top: 48px !important;
  }
  .mb-sm-48px {
    margin-bottom: 48px !important;
  }
  .ms-sm-48px {
    margin-left: 48px !important;
  }
  .me-sm-48px {
    margin-right: 48px !important;
  }
  .w-sm-64px {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
  }
  .h-sm-64px {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }
  .p-sm-64px {
    padding: 64px !important;
  }
  .px-sm-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-sm64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-sm-64px {
    padding-top: 64px !important;
  }
  .pb-sm64px {
    padding-bottom: 64px !important;
  }
  .ps-sm-64px {
    padding-left: 64px !important;
  }
  .pe-sm-64px {
    padding-right: 64px !important;
  }
  .mx-sm-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-sm-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-sm-64px {
    margin-top: 64px !important;
  }
  .mb-sm-64px {
    margin-bottom: 64px !important;
  }
  .ms-sm-64px {
    margin-left: 64px !important;
  }
  .me-sm-64px {
    margin-right: 64px !important;
  }
  .w-sm-72px {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
  .h-sm-72px {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }
  .p-sm-72px {
    padding: 72px !important;
  }
  .px-sm-72px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .py-sm72px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-sm-72px {
    padding-top: 72px !important;
  }
  .pb-sm72px {
    padding-bottom: 72px !important;
  }
  .ps-sm-72px {
    padding-left: 72px !important;
  }
  .pe-sm-72px {
    padding-right: 72px !important;
  }
  .mx-sm-72px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .my-sm-72px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mt-sm-72px {
    margin-top: 72px !important;
  }
  .mb-sm-72px {
    margin-bottom: 72px !important;
  }
  .ms-sm-72px {
    margin-left: 72px !important;
  }
  .me-sm-72px {
    margin-right: 72px !important;
  }
  .w-sm-90px {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
  .h-sm-90px {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
  }
  .p-sm-90px {
    padding: 90px !important;
  }
  .px-sm-90px {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .py-sm90px {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pt-sm-90px {
    padding-top: 90px !important;
  }
  .pb-sm90px {
    padding-bottom: 90px !important;
  }
  .ps-sm-90px {
    padding-left: 90px !important;
  }
  .pe-sm-90px {
    padding-right: 90px !important;
  }
  .mx-sm-90px {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .my-sm-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mt-sm-90px {
    margin-top: 90px !important;
  }
  .mb-sm-90px {
    margin-bottom: 90px !important;
  }
  .ms-sm-90px {
    margin-left: 90px !important;
  }
  .me-sm-90px {
    margin-right: 90px !important;
  }
  .w-sm-128px {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }
  .h-sm-128px {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
  }
  .p-sm-128px {
    padding: 128px !important;
  }
  .px-sm-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-sm128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-sm-128px {
    padding-top: 128px !important;
  }
  .pb-sm128px {
    padding-bottom: 128px !important;
  }
  .ps-sm-128px {
    padding-left: 128px !important;
  }
  .pe-sm-128px {
    padding-right: 128px !important;
  }
  .mx-sm-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-sm-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-sm-128px {
    margin-top: 128px !important;
  }
  .mb-sm-128px {
    margin-bottom: 128px !important;
  }
  .ms-sm-128px {
    margin-left: 128px !important;
  }
  .me-sm-128px {
    margin-right: 128px !important;
  }
}
.p-0px {
  padding: 0px !important;
}

.px-0px {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0px {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pt-0px {
  padding-top: 0px !important;
}

.pb-0px {
  padding-bottom: 0px !important;
}

.ps-0px {
  padding-left: 0px !important;
}

.pe-0px {
  padding-right: 0px !important;
}

.m-0px {
  margin: 0px !important;
}

.mx-0px {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0px {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mt-0px {
  margin-top: 0px !important;
}

.mb-0px {
  margin-bottom: 0px !important;
}

.ms-0px {
  margin-left: 0px !important;
}

.me-0px {
  margin-right: 0px !important;
}

.p-1px {
  padding: 1px !important;
}

.px-1px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.ps-1px {
  padding-left: 1px !important;
}

.pe-1px {
  padding-right: 1px !important;
}

.m-1px {
  margin: 1px !important;
}

.mx-1px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mt-1px {
  margin-top: 1px !important;
}

.mb-1px {
  margin-bottom: 1px !important;
}

.ms-1px {
  margin-left: 1px !important;
}

.me-1px {
  margin-right: 1px !important;
}

.p-2px {
  padding: 2px !important;
}

.px-2px {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.pb-2px {
  padding-bottom: 2px !important;
}

.ps-2px {
  padding-left: 2px !important;
}

.pe-2px {
  padding-right: 2px !important;
}

.m-2px {
  margin: 2px !important;
}

.mx-2px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-2px {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.mb-2px {
  margin-bottom: 2px !important;
}

.ms-2px {
  margin-left: 2px !important;
}

.me-2px {
  margin-right: 2px !important;
}

.p-4px {
  padding: 4px !important;
}

.px-4px {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-4px {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pt-4px {
  padding-top: 4px !important;
}

.pb-4px {
  padding-bottom: 4px !important;
}

.ps-4px {
  padding-left: 4px !important;
}

.pe-4px {
  padding-right: 4px !important;
}

.m-4px {
  margin: 4px !important;
}

.mx-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-4px {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mt-4px {
  margin-top: 4px !important;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.ms-4px {
  margin-left: 4px !important;
}

.me-4px {
  margin-right: 4px !important;
}

.p-8px {
  padding: 8px !important;
}

.px-8px {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pt-8px {
  padding-top: 8px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.ps-8px {
  padding-left: 8px !important;
}

.pe-8px {
  padding-right: 8px !important;
}

.m-8px {
  margin: 8px !important;
}

.mx-8px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-8px {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mt-8px {
  margin-top: 8px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.ms-8px {
  margin-left: 8px !important;
}

.me-8px {
  margin-right: 8px !important;
}

.p-12px {
  padding: 12px !important;
}

.px-12px {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.py-12px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pt-12px {
  padding-top: 12px !important;
}

.pb-12px {
  padding-bottom: 12px !important;
}

.ps-12px {
  padding-left: 12px !important;
}

.pe-12px {
  padding-right: 12px !important;
}

.m-12px {
  margin: 12px !important;
}

.mx-12px {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-12px {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mt-12px {
  margin-top: 12px !important;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.ms-12px {
  margin-left: 12px !important;
}

.me-12px {
  margin-right: 12px !important;
}

.p-16px {
  padding: 16px !important;
}

.px-16px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-16px {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pt-16px {
  padding-top: 16px !important;
}

.pb-16px {
  padding-bottom: 16px !important;
}

.ps-16px {
  padding-left: 16px !important;
}

.pe-16px {
  padding-right: 16px !important;
}

.m-16px {
  margin: 16px !important;
}

.mx-16px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-16px {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mt-16px {
  margin-top: 16px !important;
}

.mb-16px {
  margin-bottom: 16px !important;
}

.ms-16px {
  margin-left: 16px !important;
}

.me-16px {
  margin-right: 16px !important;
}

.p-20px {
  padding: 20px !important;
}

.px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.ps-20px {
  padding-left: 20px !important;
}

.pe-20px {
  padding-right: 20px !important;
}

.m-20px {
  margin: 20px !important;
}

.mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.ms-20px {
  margin-left: 20px !important;
}

.me-20px {
  margin-right: 20px !important;
}

.p-24px {
  padding: 24px !important;
}

.px-24px {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-24px {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pt-24px {
  padding-top: 24px !important;
}

.pb-24px {
  padding-bottom: 24px !important;
}

.ps-24px {
  padding-left: 24px !important;
}

.pe-24px {
  padding-right: 24px !important;
}

.m-24px {
  margin: 24px !important;
}

.mx-24px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-24px {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mt-24px {
  margin-top: 24px !important;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.ms-24px {
  margin-left: 24px !important;
}

.me-24px {
  margin-right: 24px !important;
}

.p-28px {
  padding: 28px !important;
}

.px-28px {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.py-28px {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pt-28px {
  padding-top: 28px !important;
}

.pb-28px {
  padding-bottom: 28px !important;
}

.ps-28px {
  padding-left: 28px !important;
}

.pe-28px {
  padding-right: 28px !important;
}

.m-28px {
  margin: 28px !important;
}

.mx-28px {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-28px {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mt-28px {
  margin-top: 28px !important;
}

.mb-28px {
  margin-bottom: 28px !important;
}

.ms-28px {
  margin-left: 28px !important;
}

.me-28px {
  margin-right: 28px !important;
}

.p-32px {
  padding: 32px !important;
}

.px-32px {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-32px {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pt-32px {
  padding-top: 32px !important;
}

.pb-32px {
  padding-bottom: 32px !important;
}

.ps-32px {
  padding-left: 32px !important;
}

.pe-32px {
  padding-right: 32px !important;
}

.m-32px {
  margin: 32px !important;
}

.mx-32px {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-32px {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mt-32px {
  margin-top: 32px !important;
}

.mb-32px {
  margin-bottom: 32px !important;
}

.ms-32px {
  margin-left: 32px !important;
}

.me-32px {
  margin-right: 32px !important;
}

.p-40px {
  padding: 40px !important;
}

.px-40px {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40px {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.ps-40px {
  padding-left: 40px !important;
}

.pe-40px {
  padding-right: 40px !important;
}

.m-40px {
  margin: 40px !important;
}

.mx-40px {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40px {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.ms-40px {
  margin-left: 40px !important;
}

.me-40px {
  margin-right: 40px !important;
}

.p-48px {
  padding: 48px !important;
}

.px-48px {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.py-48px {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.pt-48px {
  padding-top: 48px !important;
}

.pb-48px {
  padding-bottom: 48px !important;
}

.ps-48px {
  padding-left: 48px !important;
}

.pe-48px {
  padding-right: 48px !important;
}

.m-48px {
  margin: 48px !important;
}

.mx-48px {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.my-48px {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mt-48px {
  margin-top: 48px !important;
}

.mb-48px {
  margin-bottom: 48px !important;
}

.ms-48px {
  margin-left: 48px !important;
}

.me-48px {
  margin-right: 48px !important;
}

.p-56px {
  padding: 56px !important;
}

.px-56px {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.py-56px {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.pt-56px {
  padding-top: 56px !important;
}

.pb-56px {
  padding-bottom: 56px !important;
}

.ps-56px {
  padding-left: 56px !important;
}

.pe-56px {
  padding-right: 56px !important;
}

.m-56px {
  margin: 56px !important;
}

.mx-56px {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.my-56px {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mt-56px {
  margin-top: 56px !important;
}

.mb-56px {
  margin-bottom: 56px !important;
}

.ms-56px {
  margin-left: 56px !important;
}

.me-56px {
  margin-right: 56px !important;
}

.p-64px {
  padding: 64px !important;
}

.px-64px {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.py-64px {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.pt-64px {
  padding-top: 64px !important;
}

.pb-64px {
  padding-bottom: 64px !important;
}

.ps-64px {
  padding-left: 64px !important;
}

.pe-64px {
  padding-right: 64px !important;
}

.m-64px {
  margin: 64px !important;
}

.mx-64px {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.my-64px {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mt-64px {
  margin-top: 64px !important;
}

.mb-64px {
  margin-bottom: 64px !important;
}

.ms-64px {
  margin-left: 64px !important;
}

.me-64px {
  margin-right: 64px !important;
}

.p-80px {
  padding: 80px !important;
}

.px-80px {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-80px {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.ps-80px {
  padding-left: 80px !important;
}

.pe-80px {
  padding-right: 80px !important;
}

.m-80px {
  margin: 80px !important;
}

.mx-80px {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-80px {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.ms-80px {
  margin-left: 80px !important;
}

.me-80px {
  margin-right: 80px !important;
}

.p-96px {
  padding: 96px !important;
}

.px-96px {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.py-96px {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.pt-96px {
  padding-top: 96px !important;
}

.pb-96px {
  padding-bottom: 96px !important;
}

.ps-96px {
  padding-left: 96px !important;
}

.pe-96px {
  padding-right: 96px !important;
}

.m-96px {
  margin: 96px !important;
}

.mx-96px {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.my-96px {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.mt-96px {
  margin-top: 96px !important;
}

.mb-96px {
  margin-bottom: 96px !important;
}

.ms-96px {
  margin-left: 96px !important;
}

.me-96px {
  margin-right: 96px !important;
}

.p-128px {
  padding: 128px !important;
}

.px-128px {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.py-128px {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.pt-128px {
  padding-top: 128px !important;
}

.pb-128px {
  padding-bottom: 128px !important;
}

.ps-128px {
  padding-left: 128px !important;
}

.pe-128px {
  padding-right: 128px !important;
}

.m-128px {
  margin: 128px !important;
}

.mx-128px {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.my-128px {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.mt-128px {
  margin-top: 128px !important;
}

.mb-128px {
  margin-bottom: 128px !important;
}

.ms-128px {
  margin-left: 128px !important;
}

.me-128px {
  margin-right: 128px !important;
}

@media screen and (min-width: 1600px) {
  .p-xxl-0px {
    padding: 0px !important;
  }
  .px-xxl-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-xxl-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-xxl-0px {
    padding-top: 0px !important;
  }
  .pb-xxl-0px {
    padding-bottom: 0px !important;
  }
  .ps-xxl-0px {
    padding-left: 0px !important;
  }
  .pe-xxl-0px {
    padding-right: 0px !important;
  }
  .m-xxl-0px {
    margin: 0px !important;
  }
  .mx-xxl-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-xxl-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-xxl-0px {
    margin-top: 0px !important;
  }
  .mb-xxl-0px {
    margin-bottom: 0px !important;
  }
  .ms-xxl-0px {
    margin-left: 0px !important;
  }
  .me-xxl-0px {
    margin-right: 0px !important;
  }
  .p-xxl-1px {
    padding: 1px !important;
  }
  .px-xxl-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-xxl-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-xxl-1px {
    padding-top: 1px !important;
  }
  .pb-xxl-1px {
    padding-bottom: 1px !important;
  }
  .ps-xxl-1px {
    padding-left: 1px !important;
  }
  .pe-xxl-1px {
    padding-right: 1px !important;
  }
  .m-xxl-1px {
    margin: 1px !important;
  }
  .mx-xxl-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-xxl-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-xxl-1px {
    margin-top: 1px !important;
  }
  .mb-xxl-1px {
    margin-bottom: 1px !important;
  }
  .ms-xxl-1px {
    margin-left: 1px !important;
  }
  .me-xxl-1px {
    margin-right: 1px !important;
  }
  .p-xxl-2px {
    padding: 2px !important;
  }
  .px-xxl-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-xxl-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-xxl-2px {
    padding-top: 2px !important;
  }
  .pb-xxl-2px {
    padding-bottom: 2px !important;
  }
  .ps-xxl-2px {
    padding-left: 2px !important;
  }
  .pe-xxl-2px {
    padding-right: 2px !important;
  }
  .m-xxl-2px {
    margin: 2px !important;
  }
  .mx-xxl-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-xxl-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-xxl-2px {
    margin-top: 2px !important;
  }
  .mb-xxl-2px {
    margin-bottom: 2px !important;
  }
  .ms-xxl-2px {
    margin-left: 2px !important;
  }
  .me-xxl-2px {
    margin-right: 2px !important;
  }
  .p-xxl-4px {
    padding: 4px !important;
  }
  .px-xxl-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-xxl-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-xxl-4px {
    padding-top: 4px !important;
  }
  .pb-xxl-4px {
    padding-bottom: 4px !important;
  }
  .ps-xxl-4px {
    padding-left: 4px !important;
  }
  .pe-xxl-4px {
    padding-right: 4px !important;
  }
  .m-xxl-4px {
    margin: 4px !important;
  }
  .mx-xxl-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-xxl-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-xxl-4px {
    margin-top: 4px !important;
  }
  .mb-xxl-4px {
    margin-bottom: 4px !important;
  }
  .ms-xxl-4px {
    margin-left: 4px !important;
  }
  .me-xxl-4px {
    margin-right: 4px !important;
  }
  .p-xxl-8px {
    padding: 8px !important;
  }
  .px-xxl-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-xxl-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-xxl-8px {
    padding-top: 8px !important;
  }
  .pb-xxl-8px {
    padding-bottom: 8px !important;
  }
  .ps-xxl-8px {
    padding-left: 8px !important;
  }
  .pe-xxl-8px {
    padding-right: 8px !important;
  }
  .m-xxl-8px {
    margin: 8px !important;
  }
  .mx-xxl-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-xxl-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-xxl-8px {
    margin-top: 8px !important;
  }
  .mb-xxl-8px {
    margin-bottom: 8px !important;
  }
  .ms-xxl-8px {
    margin-left: 8px !important;
  }
  .me-xxl-8px {
    margin-right: 8px !important;
  }
  .p-xxl-12px {
    padding: 12px !important;
  }
  .px-xxl-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-xxl-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-xxl-12px {
    padding-top: 12px !important;
  }
  .pb-xxl-12px {
    padding-bottom: 12px !important;
  }
  .ps-xxl-12px {
    padding-left: 12px !important;
  }
  .pe-xxl-12px {
    padding-right: 12px !important;
  }
  .m-xxl-12px {
    margin: 12px !important;
  }
  .mx-xxl-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-xxl-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-xxl-12px {
    margin-top: 12px !important;
  }
  .mb-xxl-12px {
    margin-bottom: 12px !important;
  }
  .ms-xxl-12px {
    margin-left: 12px !important;
  }
  .me-xxl-12px {
    margin-right: 12px !important;
  }
  .p-xxl-16px {
    padding: 16px !important;
  }
  .px-xxl-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-xxl-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-xxl-16px {
    padding-top: 16px !important;
  }
  .pb-xxl-16px {
    padding-bottom: 16px !important;
  }
  .ps-xxl-16px {
    padding-left: 16px !important;
  }
  .pe-xxl-16px {
    padding-right: 16px !important;
  }
  .m-xxl-16px {
    margin: 16px !important;
  }
  .mx-xxl-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-xxl-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-xxl-16px {
    margin-top: 16px !important;
  }
  .mb-xxl-16px {
    margin-bottom: 16px !important;
  }
  .ms-xxl-16px {
    margin-left: 16px !important;
  }
  .me-xxl-16px {
    margin-right: 16px !important;
  }
  .p-xxl-20px {
    padding: 20px !important;
  }
  .px-xxl-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-xxl-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-xxl-20px {
    padding-top: 20px !important;
  }
  .pb-xxl-20px {
    padding-bottom: 20px !important;
  }
  .ps-xxl-20px {
    padding-left: 20px !important;
  }
  .pe-xxl-20px {
    padding-right: 20px !important;
  }
  .m-xxl-20px {
    margin: 20px !important;
  }
  .mx-xxl-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-xxl-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-xxl-20px {
    margin-top: 20px !important;
  }
  .mb-xxl-20px {
    margin-bottom: 20px !important;
  }
  .ms-xxl-20px {
    margin-left: 20px !important;
  }
  .me-xxl-20px {
    margin-right: 20px !important;
  }
  .p-xxl-24px {
    padding: 24px !important;
  }
  .px-xxl-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-xxl-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-xxl-24px {
    padding-top: 24px !important;
  }
  .pb-xxl-24px {
    padding-bottom: 24px !important;
  }
  .ps-xxl-24px {
    padding-left: 24px !important;
  }
  .pe-xxl-24px {
    padding-right: 24px !important;
  }
  .m-xxl-24px {
    margin: 24px !important;
  }
  .mx-xxl-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-xxl-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-xxl-24px {
    margin-top: 24px !important;
  }
  .mb-xxl-24px {
    margin-bottom: 24px !important;
  }
  .ms-xxl-24px {
    margin-left: 24px !important;
  }
  .me-xxl-24px {
    margin-right: 24px !important;
  }
  .p-xxl-28px {
    padding: 28px !important;
  }
  .px-xxl-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-xxl-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xxl-28px {
    padding-top: 28px !important;
  }
  .pb-xxl-28px {
    padding-bottom: 28px !important;
  }
  .ps-xxl-28px {
    padding-left: 28px !important;
  }
  .pe-xxl-28px {
    padding-right: 28px !important;
  }
  .m-xxl-28px {
    margin: 28px !important;
  }
  .mx-xxl-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-xxl-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xxl-28px {
    margin-top: 28px !important;
  }
  .mb-xxl-28px {
    margin-bottom: 28px !important;
  }
  .ms-xxl-28px {
    margin-left: 28px !important;
  }
  .me-xxl-28px {
    margin-right: 28px !important;
  }
  .p-xxl-32px {
    padding: 32px !important;
  }
  .px-xxl-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-xxl-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-xxl-32px {
    padding-top: 32px !important;
  }
  .pb-xxl-32px {
    padding-bottom: 32px !important;
  }
  .ps-xxl-32px {
    padding-left: 32px !important;
  }
  .pe-xxl-32px {
    padding-right: 32px !important;
  }
  .m-xxl-32px {
    margin: 32px !important;
  }
  .mx-xxl-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-xxl-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-xxl-32px {
    margin-top: 32px !important;
  }
  .mb-xxl-32px {
    margin-bottom: 32px !important;
  }
  .ms-xxl-32px {
    margin-left: 32px !important;
  }
  .me-xxl-32px {
    margin-right: 32px !important;
  }
  .p-xxl-40px {
    padding: 40px !important;
  }
  .px-xxl-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-xxl-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pt-xxl-40px {
    padding-top: 40px !important;
  }
  .pb-xxl-40px {
    padding-bottom: 40px !important;
  }
  .ps-xxl-40px {
    padding-left: 40px !important;
  }
  .pe-xxl-40px {
    padding-right: 40px !important;
  }
  .m-xxl-40px {
    margin: 40px !important;
  }
  .mx-xxl-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-xxl-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mt-xxl-40px {
    margin-top: 40px !important;
  }
  .mb-xxl-40px {
    margin-bottom: 40px !important;
  }
  .ms-xxl-40px {
    margin-left: 40px !important;
  }
  .me-xxl-40px {
    margin-right: 40px !important;
  }
  .p-xxl-48px {
    padding: 48px !important;
  }
  .px-xxl-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-xxl-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-xxl-48px {
    padding-top: 48px !important;
  }
  .pb-xxl-48px {
    padding-bottom: 48px !important;
  }
  .ps-xxl-48px {
    padding-left: 48px !important;
  }
  .pe-xxl-48px {
    padding-right: 48px !important;
  }
  .m-xxl-48px {
    margin: 48px !important;
  }
  .mx-xxl-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-xxl-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-xxl-48px {
    margin-top: 48px !important;
  }
  .mb-xxl-48px {
    margin-bottom: 48px !important;
  }
  .ms-xxl-48px {
    margin-left: 48px !important;
  }
  .me-xxl-48px {
    margin-right: 48px !important;
  }
  .p-xxl-56px {
    padding: 56px !important;
  }
  .px-xxl-56px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-xxl-56px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xxl-56px {
    padding-top: 56px !important;
  }
  .pb-xxl-56px {
    padding-bottom: 56px !important;
  }
  .ps-xxl-56px {
    padding-left: 56px !important;
  }
  .pe-xxl-56px {
    padding-right: 56px !important;
  }
  .m-xxl-56px {
    margin: 56px !important;
  }
  .mx-xxl-56px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-xxl-56px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-xxl-56px {
    margin-top: 56px !important;
  }
  .mb-xxl-56px {
    margin-bottom: 56px !important;
  }
  .ms-xxl-56px {
    margin-left: 56px !important;
  }
  .me-xxl-56px {
    margin-right: 56px !important;
  }
  .p-xxl-64px {
    padding: 64px !important;
  }
  .px-xxl-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-xxl-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xxl-64px {
    padding-top: 64px !important;
  }
  .pb-xxl-64px {
    padding-bottom: 64px !important;
  }
  .ps-xxl-64px {
    padding-left: 64px !important;
  }
  .pe-xxl-64px {
    padding-right: 64px !important;
  }
  .m-xxl-64px {
    margin: 64px !important;
  }
  .mx-xxl-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-xxl-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-xxl-64px {
    margin-top: 64px !important;
  }
  .mb-xxl-64px {
    margin-bottom: 64px !important;
  }
  .ms-xxl-64px {
    margin-left: 64px !important;
  }
  .me-xxl-64px {
    margin-right: 64px !important;
  }
  .p-xxl-80px {
    padding: 80px !important;
  }
  .px-xxl-80px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-xxl-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pt-xxl-80px {
    padding-top: 80px !important;
  }
  .pb-xxl-80px {
    padding-bottom: 80px !important;
  }
  .ps-xxl-80px {
    padding-left: 80px !important;
  }
  .pe-xxl-80px {
    padding-right: 80px !important;
  }
  .m-xxl-80px {
    margin: 80px !important;
  }
  .mx-xxl-80px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-xxl-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-xxl-80px {
    margin-top: 80px !important;
  }
  .mb-xxl-80px {
    margin-bottom: 80px !important;
  }
  .ms-xxl-80px {
    margin-left: 80px !important;
  }
  .me-xxl-80px {
    margin-right: 80px !important;
  }
  .p-xxl-96px {
    padding: 96px !important;
  }
  .px-xxl-96px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .py-xxl-96px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .pt-xxl-96px {
    padding-top: 96px !important;
  }
  .pb-xxl-96px {
    padding-bottom: 96px !important;
  }
  .ps-xxl-96px {
    padding-left: 96px !important;
  }
  .pe-xxl-96px {
    padding-right: 96px !important;
  }
  .m-xxl-96px {
    margin: 96px !important;
  }
  .mx-xxl-96px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .my-xxl-96px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mt-xxl-96px {
    margin-top: 96px !important;
  }
  .mb-xxl-96px {
    margin-bottom: 96px !important;
  }
  .ms-xxl-96px {
    margin-left: 96px !important;
  }
  .me-xxl-96px {
    margin-right: 96px !important;
  }
  .p-xxl-128px {
    padding: 128px !important;
  }
  .px-xxl-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-xxl-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-xxl-128px {
    padding-top: 128px !important;
  }
  .pb-xxl-128px {
    padding-bottom: 128px !important;
  }
  .ps-xxl-128px {
    padding-left: 128px !important;
  }
  .pe-xxl-128px {
    padding-right: 128px !important;
  }
  .m-xxl-128px {
    margin: 128px !important;
  }
  .mx-xxl-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-xxl-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-xxl-128px {
    margin-top: 128px !important;
  }
  .mb-xxl-128px {
    margin-bottom: 128px !important;
  }
  .ms-xxl-128px {
    margin-left: 128px !important;
  }
  .me-xxl-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1400px) {
  .p-xl-0px {
    padding: 0px !important;
  }
  .px-xl-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-xl-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-xl-0px {
    padding-top: 0px !important;
  }
  .pb-xl-0px {
    padding-bottom: 0px !important;
  }
  .ps-xl-0px {
    padding-left: 0px !important;
  }
  .pe-xl-0px {
    padding-right: 0px !important;
  }
  .m-xl-0px {
    margin: 0px !important;
  }
  .mx-xl-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-xl-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-xl-0px {
    margin-top: 0px !important;
  }
  .mb-xl-0px {
    margin-bottom: 0px !important;
  }
  .ms-xl-0px {
    margin-left: 0px !important;
  }
  .me-xl-0px {
    margin-right: 0px !important;
  }
  .p-xl-1px {
    padding: 1px !important;
  }
  .px-xl-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-xl-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-xl-1px {
    padding-top: 1px !important;
  }
  .pb-xl-1px {
    padding-bottom: 1px !important;
  }
  .ps-xl-1px {
    padding-left: 1px !important;
  }
  .pe-xl-1px {
    padding-right: 1px !important;
  }
  .m-xl-1px {
    margin: 1px !important;
  }
  .mx-xl-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-xl-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-xl-1px {
    margin-top: 1px !important;
  }
  .mb-xl-1px {
    margin-bottom: 1px !important;
  }
  .ms-xl-1px {
    margin-left: 1px !important;
  }
  .me-xl-1px {
    margin-right: 1px !important;
  }
  .p-xl-2px {
    padding: 2px !important;
  }
  .px-xl-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-xl-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-xl-2px {
    padding-top: 2px !important;
  }
  .pb-xl-2px {
    padding-bottom: 2px !important;
  }
  .ps-xl-2px {
    padding-left: 2px !important;
  }
  .pe-xl-2px {
    padding-right: 2px !important;
  }
  .m-xl-2px {
    margin: 2px !important;
  }
  .mx-xl-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-xl-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-xl-2px {
    margin-top: 2px !important;
  }
  .mb-xl-2px {
    margin-bottom: 2px !important;
  }
  .ms-xl-2px {
    margin-left: 2px !important;
  }
  .me-xl-2px {
    margin-right: 2px !important;
  }
  .p-xl-4px {
    padding: 4px !important;
  }
  .px-xl-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-xl-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-xl-4px {
    padding-top: 4px !important;
  }
  .pb-xl-4px {
    padding-bottom: 4px !important;
  }
  .ps-xl-4px {
    padding-left: 4px !important;
  }
  .pe-xl-4px {
    padding-right: 4px !important;
  }
  .m-xl-4px {
    margin: 4px !important;
  }
  .mx-xl-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-xl-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-xl-4px {
    margin-top: 4px !important;
  }
  .mb-xl-4px {
    margin-bottom: 4px !important;
  }
  .ms-xl-4px {
    margin-left: 4px !important;
  }
  .me-xl-4px {
    margin-right: 4px !important;
  }
  .p-xl-8px {
    padding: 8px !important;
  }
  .px-xl-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-xl-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-xl-8px {
    padding-top: 8px !important;
  }
  .pb-xl-8px {
    padding-bottom: 8px !important;
  }
  .ps-xl-8px {
    padding-left: 8px !important;
  }
  .pe-xl-8px {
    padding-right: 8px !important;
  }
  .m-xl-8px {
    margin: 8px !important;
  }
  .mx-xl-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-xl-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-xl-8px {
    margin-top: 8px !important;
  }
  .mb-xl-8px {
    margin-bottom: 8px !important;
  }
  .ms-xl-8px {
    margin-left: 8px !important;
  }
  .me-xl-8px {
    margin-right: 8px !important;
  }
  .p-xl-12px {
    padding: 12px !important;
  }
  .px-xl-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-xl-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-xl-12px {
    padding-top: 12px !important;
  }
  .pb-xl-12px {
    padding-bottom: 12px !important;
  }
  .ps-xl-12px {
    padding-left: 12px !important;
  }
  .pe-xl-12px {
    padding-right: 12px !important;
  }
  .m-xl-12px {
    margin: 12px !important;
  }
  .mx-xl-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-xl-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-xl-12px {
    margin-top: 12px !important;
  }
  .mb-xl-12px {
    margin-bottom: 12px !important;
  }
  .ms-xl-12px {
    margin-left: 12px !important;
  }
  .me-xl-12px {
    margin-right: 12px !important;
  }
  .p-xl-16px {
    padding: 16px !important;
  }
  .px-xl-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-xl-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-xl-16px {
    padding-top: 16px !important;
  }
  .pb-xl-16px {
    padding-bottom: 16px !important;
  }
  .ps-xl-16px {
    padding-left: 16px !important;
  }
  .pe-xl-16px {
    padding-right: 16px !important;
  }
  .m-xl-16px {
    margin: 16px !important;
  }
  .mx-xl-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-xl-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-xl-16px {
    margin-top: 16px !important;
  }
  .mb-xl-16px {
    margin-bottom: 16px !important;
  }
  .ms-xl-16px {
    margin-left: 16px !important;
  }
  .me-xl-16px {
    margin-right: 16px !important;
  }
  .p-xl-20px {
    padding: 20px !important;
  }
  .px-xl-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-xl-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-xl-20px {
    padding-top: 20px !important;
  }
  .pb-xl-20px {
    padding-bottom: 20px !important;
  }
  .ps-xl-20px {
    padding-left: 20px !important;
  }
  .pe-xl-20px {
    padding-right: 20px !important;
  }
  .m-xl-20px {
    margin: 20px !important;
  }
  .mx-xl-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-xl-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-xl-20px {
    margin-top: 20px !important;
  }
  .mb-xl-20px {
    margin-bottom: 20px !important;
  }
  .ms-xl-20px {
    margin-left: 20px !important;
  }
  .me-xl-20px {
    margin-right: 20px !important;
  }
  .p-xl-24px {
    padding: 24px !important;
  }
  .px-xl-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-xl-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-xl-24px {
    padding-top: 24px !important;
  }
  .pb-xl-24px {
    padding-bottom: 24px !important;
  }
  .ps-xl-24px {
    padding-left: 24px !important;
  }
  .pe-xl-24px {
    padding-right: 24px !important;
  }
  .m-xl-24px {
    margin: 24px !important;
  }
  .mx-xl-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-xl-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-xl-24px {
    margin-top: 24px !important;
  }
  .mb-xl-24px {
    margin-bottom: 24px !important;
  }
  .ms-xl-24px {
    margin-left: 24px !important;
  }
  .me-xl-24px {
    margin-right: 24px !important;
  }
  .p-xl-28px {
    padding: 28px !important;
  }
  .px-xl-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-xl-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xl-28px {
    padding-top: 28px !important;
  }
  .pb-xl-28px {
    padding-bottom: 28px !important;
  }
  .ps-xl-28px {
    padding-left: 28px !important;
  }
  .pe-xl-28px {
    padding-right: 28px !important;
  }
  .m-xl-28px {
    margin: 28px !important;
  }
  .mx-xl-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-xl-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xl-28px {
    margin-top: 28px !important;
  }
  .mb-xl-28px {
    margin-bottom: 28px !important;
  }
  .ms-xl-28px {
    margin-left: 28px !important;
  }
  .me-xl-28px {
    margin-right: 28px !important;
  }
  .p-xl-32px {
    padding: 32px !important;
  }
  .px-xl-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-xl-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-xl-32px {
    padding-top: 32px !important;
  }
  .pb-xl-32px {
    padding-bottom: 32px !important;
  }
  .ps-xl-32px {
    padding-left: 32px !important;
  }
  .pe-xl-32px {
    padding-right: 32px !important;
  }
  .m-xl-32px {
    margin: 32px !important;
  }
  .mx-xl-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-xl-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-xl-32px {
    margin-top: 32px !important;
  }
  .mb-xl-32px {
    margin-bottom: 32px !important;
  }
  .ms-xl-32px {
    margin-left: 32px !important;
  }
  .me-xl-32px {
    margin-right: 32px !important;
  }
  .p-xl-40px {
    padding: 40px !important;
  }
  .px-xl-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-xl-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pt-xl-40px {
    padding-top: 40px !important;
  }
  .pb-xl-40px {
    padding-bottom: 40px !important;
  }
  .ps-xl-40px {
    padding-left: 40px !important;
  }
  .pe-xl-40px {
    padding-right: 40px !important;
  }
  .m-xl-40px {
    margin: 40px !important;
  }
  .mx-xl-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-xl-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mt-xl-40px {
    margin-top: 40px !important;
  }
  .mb-xl-40px {
    margin-bottom: 40px !important;
  }
  .ms-xl-40px {
    margin-left: 40px !important;
  }
  .me-xl-40px {
    margin-right: 40px !important;
  }
  .p-xl-48px {
    padding: 48px !important;
  }
  .px-xl-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-xl-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-xl-48px {
    padding-top: 48px !important;
  }
  .pb-xl-48px {
    padding-bottom: 48px !important;
  }
  .ps-xl-48px {
    padding-left: 48px !important;
  }
  .pe-xl-48px {
    padding-right: 48px !important;
  }
  .m-xl-48px {
    margin: 48px !important;
  }
  .mx-xl-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-xl-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-xl-48px {
    margin-top: 48px !important;
  }
  .mb-xl-48px {
    margin-bottom: 48px !important;
  }
  .ms-xl-48px {
    margin-left: 48px !important;
  }
  .me-xl-48px {
    margin-right: 48px !important;
  }
  .p-xl-56px {
    padding: 56px !important;
  }
  .px-xl-56px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-xl-56px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xl-56px {
    padding-top: 56px !important;
  }
  .pb-xl-56px {
    padding-bottom: 56px !important;
  }
  .ps-xl-56px {
    padding-left: 56px !important;
  }
  .pe-xl-56px {
    padding-right: 56px !important;
  }
  .m-xl-56px {
    margin: 56px !important;
  }
  .mx-xl-56px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-xl-56px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-xl-56px {
    margin-top: 56px !important;
  }
  .mb-xl-56px {
    margin-bottom: 56px !important;
  }
  .ms-xl-56px {
    margin-left: 56px !important;
  }
  .me-xl-56px {
    margin-right: 56px !important;
  }
  .p-xl-64px {
    padding: 64px !important;
  }
  .px-xl-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-xl-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xl-64px {
    padding-top: 64px !important;
  }
  .pb-xl-64px {
    padding-bottom: 64px !important;
  }
  .ps-xl-64px {
    padding-left: 64px !important;
  }
  .pe-xl-64px {
    padding-right: 64px !important;
  }
  .m-xl-64px {
    margin: 64px !important;
  }
  .mx-xl-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-xl-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-xl-64px {
    margin-top: 64px !important;
  }
  .mb-xl-64px {
    margin-bottom: 64px !important;
  }
  .ms-xl-64px {
    margin-left: 64px !important;
  }
  .me-xl-64px {
    margin-right: 64px !important;
  }
  .p-xl-80px {
    padding: 80px !important;
  }
  .px-xl-80px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-xl-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pt-xl-80px {
    padding-top: 80px !important;
  }
  .pb-xl-80px {
    padding-bottom: 80px !important;
  }
  .ps-xl-80px {
    padding-left: 80px !important;
  }
  .pe-xl-80px {
    padding-right: 80px !important;
  }
  .m-xl-80px {
    margin: 80px !important;
  }
  .mx-xl-80px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-xl-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-xl-80px {
    margin-top: 80px !important;
  }
  .mb-xl-80px {
    margin-bottom: 80px !important;
  }
  .ms-xl-80px {
    margin-left: 80px !important;
  }
  .me-xl-80px {
    margin-right: 80px !important;
  }
  .p-xl-96px {
    padding: 96px !important;
  }
  .px-xl-96px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .py-xl-96px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .pt-xl-96px {
    padding-top: 96px !important;
  }
  .pb-xl-96px {
    padding-bottom: 96px !important;
  }
  .ps-xl-96px {
    padding-left: 96px !important;
  }
  .pe-xl-96px {
    padding-right: 96px !important;
  }
  .m-xl-96px {
    margin: 96px !important;
  }
  .mx-xl-96px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .my-xl-96px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mt-xl-96px {
    margin-top: 96px !important;
  }
  .mb-xl-96px {
    margin-bottom: 96px !important;
  }
  .ms-xl-96px {
    margin-left: 96px !important;
  }
  .me-xl-96px {
    margin-right: 96px !important;
  }
  .p-xl-128px {
    padding: 128px !important;
  }
  .px-xl-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-xl-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-xl-128px {
    padding-top: 128px !important;
  }
  .pb-xl-128px {
    padding-bottom: 128px !important;
  }
  .ps-xl-128px {
    padding-left: 128px !important;
  }
  .pe-xl-128px {
    padding-right: 128px !important;
  }
  .m-xl-128px {
    margin: 128px !important;
  }
  .mx-xl-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-xl-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-xl-128px {
    margin-top: 128px !important;
  }
  .mb-xl-128px {
    margin-bottom: 128px !important;
  }
  .ms-xl-128px {
    margin-left: 128px !important;
  }
  .me-xl-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-lg-0px {
    padding: 0px !important;
  }
  .px-lg-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-lg-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-lg-0px {
    padding-top: 0px !important;
  }
  .pb-lg-0px {
    padding-bottom: 0px !important;
  }
  .ps-lg-0px {
    padding-left: 0px !important;
  }
  .pe-lg-0px {
    padding-right: 0px !important;
  }
  .m-lg-0px {
    margin: 0px !important;
  }
  .mx-lg-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-lg-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-lg-0px {
    margin-top: 0px !important;
  }
  .mb-lg-0px {
    margin-bottom: 0px !important;
  }
  .ms-lg-0px {
    margin-left: 0px !important;
  }
  .me-lg-0px {
    margin-right: 0px !important;
  }
  .p-lg-1px {
    padding: 1px !important;
  }
  .px-lg-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-lg-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-lg-1px {
    padding-top: 1px !important;
  }
  .pb-lg-1px {
    padding-bottom: 1px !important;
  }
  .ps-lg-1px {
    padding-left: 1px !important;
  }
  .pe-lg-1px {
    padding-right: 1px !important;
  }
  .m-lg-1px {
    margin: 1px !important;
  }
  .mx-lg-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-lg-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-lg-1px {
    margin-top: 1px !important;
  }
  .mb-lg-1px {
    margin-bottom: 1px !important;
  }
  .ms-lg-1px {
    margin-left: 1px !important;
  }
  .me-lg-1px {
    margin-right: 1px !important;
  }
  .p-lg-2px {
    padding: 2px !important;
  }
  .px-lg-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-lg-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-lg-2px {
    padding-top: 2px !important;
  }
  .pb-lg-2px {
    padding-bottom: 2px !important;
  }
  .ps-lg-2px {
    padding-left: 2px !important;
  }
  .pe-lg-2px {
    padding-right: 2px !important;
  }
  .m-lg-2px {
    margin: 2px !important;
  }
  .mx-lg-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-lg-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-lg-2px {
    margin-top: 2px !important;
  }
  .mb-lg-2px {
    margin-bottom: 2px !important;
  }
  .ms-lg-2px {
    margin-left: 2px !important;
  }
  .me-lg-2px {
    margin-right: 2px !important;
  }
  .p-lg-4px {
    padding: 4px !important;
  }
  .px-lg-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-lg-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-lg-4px {
    padding-top: 4px !important;
  }
  .pb-lg-4px {
    padding-bottom: 4px !important;
  }
  .ps-lg-4px {
    padding-left: 4px !important;
  }
  .pe-lg-4px {
    padding-right: 4px !important;
  }
  .m-lg-4px {
    margin: 4px !important;
  }
  .mx-lg-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-lg-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-lg-4px {
    margin-top: 4px !important;
  }
  .mb-lg-4px {
    margin-bottom: 4px !important;
  }
  .ms-lg-4px {
    margin-left: 4px !important;
  }
  .me-lg-4px {
    margin-right: 4px !important;
  }
  .p-lg-8px {
    padding: 8px !important;
  }
  .px-lg-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-lg-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-lg-8px {
    padding-top: 8px !important;
  }
  .pb-lg-8px {
    padding-bottom: 8px !important;
  }
  .ps-lg-8px {
    padding-left: 8px !important;
  }
  .pe-lg-8px {
    padding-right: 8px !important;
  }
  .m-lg-8px {
    margin: 8px !important;
  }
  .mx-lg-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-lg-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-lg-8px {
    margin-top: 8px !important;
  }
  .mb-lg-8px {
    margin-bottom: 8px !important;
  }
  .ms-lg-8px {
    margin-left: 8px !important;
  }
  .me-lg-8px {
    margin-right: 8px !important;
  }
  .p-lg-12px {
    padding: 12px !important;
  }
  .px-lg-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-lg-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-lg-12px {
    padding-top: 12px !important;
  }
  .pb-lg-12px {
    padding-bottom: 12px !important;
  }
  .ps-lg-12px {
    padding-left: 12px !important;
  }
  .pe-lg-12px {
    padding-right: 12px !important;
  }
  .m-lg-12px {
    margin: 12px !important;
  }
  .mx-lg-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-lg-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-lg-12px {
    margin-top: 12px !important;
  }
  .mb-lg-12px {
    margin-bottom: 12px !important;
  }
  .ms-lg-12px {
    margin-left: 12px !important;
  }
  .me-lg-12px {
    margin-right: 12px !important;
  }
  .p-lg-16px {
    padding: 16px !important;
  }
  .px-lg-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-lg-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-lg-16px {
    padding-top: 16px !important;
  }
  .pb-lg-16px {
    padding-bottom: 16px !important;
  }
  .ps-lg-16px {
    padding-left: 16px !important;
  }
  .pe-lg-16px {
    padding-right: 16px !important;
  }
  .m-lg-16px {
    margin: 16px !important;
  }
  .mx-lg-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-lg-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-lg-16px {
    margin-top: 16px !important;
  }
  .mb-lg-16px {
    margin-bottom: 16px !important;
  }
  .ms-lg-16px {
    margin-left: 16px !important;
  }
  .me-lg-16px {
    margin-right: 16px !important;
  }
  .p-lg-20px {
    padding: 20px !important;
  }
  .px-lg-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-lg-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-lg-20px {
    padding-top: 20px !important;
  }
  .pb-lg-20px {
    padding-bottom: 20px !important;
  }
  .ps-lg-20px {
    padding-left: 20px !important;
  }
  .pe-lg-20px {
    padding-right: 20px !important;
  }
  .m-lg-20px {
    margin: 20px !important;
  }
  .mx-lg-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-lg-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-lg-20px {
    margin-top: 20px !important;
  }
  .mb-lg-20px {
    margin-bottom: 20px !important;
  }
  .ms-lg-20px {
    margin-left: 20px !important;
  }
  .me-lg-20px {
    margin-right: 20px !important;
  }
  .p-lg-24px {
    padding: 24px !important;
  }
  .px-lg-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-lg-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-lg-24px {
    padding-top: 24px !important;
  }
  .pb-lg-24px {
    padding-bottom: 24px !important;
  }
  .ps-lg-24px {
    padding-left: 24px !important;
  }
  .pe-lg-24px {
    padding-right: 24px !important;
  }
  .m-lg-24px {
    margin: 24px !important;
  }
  .mx-lg-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-lg-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-lg-24px {
    margin-top: 24px !important;
  }
  .mb-lg-24px {
    margin-bottom: 24px !important;
  }
  .ms-lg-24px {
    margin-left: 24px !important;
  }
  .me-lg-24px {
    margin-right: 24px !important;
  }
  .p-lg-28px {
    padding: 28px !important;
  }
  .px-lg-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-lg-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-lg-28px {
    padding-top: 28px !important;
  }
  .pb-lg-28px {
    padding-bottom: 28px !important;
  }
  .ps-lg-28px {
    padding-left: 28px !important;
  }
  .pe-lg-28px {
    padding-right: 28px !important;
  }
  .m-lg-28px {
    margin: 28px !important;
  }
  .mx-lg-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-lg-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-lg-28px {
    margin-top: 28px !important;
  }
  .mb-lg-28px {
    margin-bottom: 28px !important;
  }
  .ms-lg-28px {
    margin-left: 28px !important;
  }
  .me-lg-28px {
    margin-right: 28px !important;
  }
  .p-lg-32px {
    padding: 32px !important;
  }
  .px-lg-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-lg-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-lg-32px {
    padding-top: 32px !important;
  }
  .pb-lg-32px {
    padding-bottom: 32px !important;
  }
  .ps-lg-32px {
    padding-left: 32px !important;
  }
  .pe-lg-32px {
    padding-right: 32px !important;
  }
  .m-lg-32px {
    margin: 32px !important;
  }
  .mx-lg-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-lg-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-lg-32px {
    margin-top: 32px !important;
  }
  .mb-lg-32px {
    margin-bottom: 32px !important;
  }
  .ms-lg-32px {
    margin-left: 32px !important;
  }
  .me-lg-32px {
    margin-right: 32px !important;
  }
  .p-lg-40px {
    padding: 40px !important;
  }
  .px-lg-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-lg-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pt-lg-40px {
    padding-top: 40px !important;
  }
  .pb-lg-40px {
    padding-bottom: 40px !important;
  }
  .ps-lg-40px {
    padding-left: 40px !important;
  }
  .pe-lg-40px {
    padding-right: 40px !important;
  }
  .m-lg-40px {
    margin: 40px !important;
  }
  .mx-lg-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-lg-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mt-lg-40px {
    margin-top: 40px !important;
  }
  .mb-lg-40px {
    margin-bottom: 40px !important;
  }
  .ms-lg-40px {
    margin-left: 40px !important;
  }
  .me-lg-40px {
    margin-right: 40px !important;
  }
  .p-lg-48px {
    padding: 48px !important;
  }
  .px-lg-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-lg-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-lg-48px {
    padding-top: 48px !important;
  }
  .pb-lg-48px {
    padding-bottom: 48px !important;
  }
  .ps-lg-48px {
    padding-left: 48px !important;
  }
  .pe-lg-48px {
    padding-right: 48px !important;
  }
  .m-lg-48px {
    margin: 48px !important;
  }
  .mx-lg-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-lg-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-lg-48px {
    margin-top: 48px !important;
  }
  .mb-lg-48px {
    margin-bottom: 48px !important;
  }
  .ms-lg-48px {
    margin-left: 48px !important;
  }
  .me-lg-48px {
    margin-right: 48px !important;
  }
  .p-lg-56px {
    padding: 56px !important;
  }
  .px-lg-56px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-lg-56px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-lg-56px {
    padding-top: 56px !important;
  }
  .pb-lg-56px {
    padding-bottom: 56px !important;
  }
  .ps-lg-56px {
    padding-left: 56px !important;
  }
  .pe-lg-56px {
    padding-right: 56px !important;
  }
  .m-lg-56px {
    margin: 56px !important;
  }
  .mx-lg-56px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-lg-56px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-lg-56px {
    margin-top: 56px !important;
  }
  .mb-lg-56px {
    margin-bottom: 56px !important;
  }
  .ms-lg-56px {
    margin-left: 56px !important;
  }
  .me-lg-56px {
    margin-right: 56px !important;
  }
  .p-lg-64px {
    padding: 64px !important;
  }
  .px-lg-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-lg-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-lg-64px {
    padding-top: 64px !important;
  }
  .pb-lg-64px {
    padding-bottom: 64px !important;
  }
  .ps-lg-64px {
    padding-left: 64px !important;
  }
  .pe-lg-64px {
    padding-right: 64px !important;
  }
  .m-lg-64px {
    margin: 64px !important;
  }
  .mx-lg-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-lg-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-lg-64px {
    margin-top: 64px !important;
  }
  .mb-lg-64px {
    margin-bottom: 64px !important;
  }
  .ms-lg-64px {
    margin-left: 64px !important;
  }
  .me-lg-64px {
    margin-right: 64px !important;
  }
  .p-lg-80px {
    padding: 80px !important;
  }
  .px-lg-80px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-lg-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pt-lg-80px {
    padding-top: 80px !important;
  }
  .pb-lg-80px {
    padding-bottom: 80px !important;
  }
  .ps-lg-80px {
    padding-left: 80px !important;
  }
  .pe-lg-80px {
    padding-right: 80px !important;
  }
  .m-lg-80px {
    margin: 80px !important;
  }
  .mx-lg-80px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-lg-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-lg-80px {
    margin-top: 80px !important;
  }
  .mb-lg-80px {
    margin-bottom: 80px !important;
  }
  .ms-lg-80px {
    margin-left: 80px !important;
  }
  .me-lg-80px {
    margin-right: 80px !important;
  }
  .p-lg-96px {
    padding: 96px !important;
  }
  .px-lg-96px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .py-lg-96px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .pt-lg-96px {
    padding-top: 96px !important;
  }
  .pb-lg-96px {
    padding-bottom: 96px !important;
  }
  .ps-lg-96px {
    padding-left: 96px !important;
  }
  .pe-lg-96px {
    padding-right: 96px !important;
  }
  .m-lg-96px {
    margin: 96px !important;
  }
  .mx-lg-96px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .my-lg-96px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mt-lg-96px {
    margin-top: 96px !important;
  }
  .mb-lg-96px {
    margin-bottom: 96px !important;
  }
  .ms-lg-96px {
    margin-left: 96px !important;
  }
  .me-lg-96px {
    margin-right: 96px !important;
  }
  .p-lg-128px {
    padding: 128px !important;
  }
  .px-lg-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-lg-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-lg-128px {
    padding-top: 128px !important;
  }
  .pb-lg-128px {
    padding-bottom: 128px !important;
  }
  .ps-lg-128px {
    padding-left: 128px !important;
  }
  .pe-lg-128px {
    padding-right: 128px !important;
  }
  .m-lg-128px {
    margin: 128px !important;
  }
  .mx-lg-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-lg-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-lg-128px {
    margin-top: 128px !important;
  }
  .mb-lg-128px {
    margin-bottom: 128px !important;
  }
  .ms-lg-128px {
    margin-left: 128px !important;
  }
  .me-lg-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .p-md-0px {
    padding: 0px !important;
  }
  .px-md-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-md-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-md-0px {
    padding-top: 0px !important;
  }
  .pb-md-0px {
    padding-bottom: 0px !important;
  }
  .ps-md-0px {
    padding-left: 0px !important;
  }
  .pe-md-0px {
    padding-right: 0px !important;
  }
  .m-md-0px {
    margin: 0px !important;
  }
  .mx-md-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-md-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-md-0px {
    margin-top: 0px !important;
  }
  .mb-md-0px {
    margin-bottom: 0px !important;
  }
  .ms-md-0px {
    margin-left: 0px !important;
  }
  .me-md-0px {
    margin-right: 0px !important;
  }
  .p-md-1px {
    padding: 1px !important;
  }
  .px-md-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-md-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-md-1px {
    padding-top: 1px !important;
  }
  .pb-md-1px {
    padding-bottom: 1px !important;
  }
  .ps-md-1px {
    padding-left: 1px !important;
  }
  .pe-md-1px {
    padding-right: 1px !important;
  }
  .m-md-1px {
    margin: 1px !important;
  }
  .mx-md-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-md-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-md-1px {
    margin-top: 1px !important;
  }
  .mb-md-1px {
    margin-bottom: 1px !important;
  }
  .ms-md-1px {
    margin-left: 1px !important;
  }
  .me-md-1px {
    margin-right: 1px !important;
  }
  .p-md-2px {
    padding: 2px !important;
  }
  .px-md-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-md-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-md-2px {
    padding-top: 2px !important;
  }
  .pb-md-2px {
    padding-bottom: 2px !important;
  }
  .ps-md-2px {
    padding-left: 2px !important;
  }
  .pe-md-2px {
    padding-right: 2px !important;
  }
  .m-md-2px {
    margin: 2px !important;
  }
  .mx-md-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-md-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-md-2px {
    margin-top: 2px !important;
  }
  .mb-md-2px {
    margin-bottom: 2px !important;
  }
  .ms-md-2px {
    margin-left: 2px !important;
  }
  .me-md-2px {
    margin-right: 2px !important;
  }
  .p-md-4px {
    padding: 4px !important;
  }
  .px-md-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-md-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-md-4px {
    padding-top: 4px !important;
  }
  .pb-md-4px {
    padding-bottom: 4px !important;
  }
  .ps-md-4px {
    padding-left: 4px !important;
  }
  .pe-md-4px {
    padding-right: 4px !important;
  }
  .m-md-4px {
    margin: 4px !important;
  }
  .mx-md-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-md-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-md-4px {
    margin-top: 4px !important;
  }
  .mb-md-4px {
    margin-bottom: 4px !important;
  }
  .ms-md-4px {
    margin-left: 4px !important;
  }
  .me-md-4px {
    margin-right: 4px !important;
  }
  .p-md-8px {
    padding: 8px !important;
  }
  .px-md-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-md-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-md-8px {
    padding-top: 8px !important;
  }
  .pb-md-8px {
    padding-bottom: 8px !important;
  }
  .ps-md-8px {
    padding-left: 8px !important;
  }
  .pe-md-8px {
    padding-right: 8px !important;
  }
  .m-md-8px {
    margin: 8px !important;
  }
  .mx-md-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-md-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-md-8px {
    margin-top: 8px !important;
  }
  .mb-md-8px {
    margin-bottom: 8px !important;
  }
  .ms-md-8px {
    margin-left: 8px !important;
  }
  .me-md-8px {
    margin-right: 8px !important;
  }
  .p-md-12px {
    padding: 12px !important;
  }
  .px-md-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-md-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-md-12px {
    padding-top: 12px !important;
  }
  .pb-md-12px {
    padding-bottom: 12px !important;
  }
  .ps-md-12px {
    padding-left: 12px !important;
  }
  .pe-md-12px {
    padding-right: 12px !important;
  }
  .m-md-12px {
    margin: 12px !important;
  }
  .mx-md-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-md-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-md-12px {
    margin-top: 12px !important;
  }
  .mb-md-12px {
    margin-bottom: 12px !important;
  }
  .ms-md-12px {
    margin-left: 12px !important;
  }
  .me-md-12px {
    margin-right: 12px !important;
  }
  .p-md-16px {
    padding: 16px !important;
  }
  .px-md-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-md-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-md-16px {
    padding-top: 16px !important;
  }
  .pb-md-16px {
    padding-bottom: 16px !important;
  }
  .ps-md-16px {
    padding-left: 16px !important;
  }
  .pe-md-16px {
    padding-right: 16px !important;
  }
  .m-md-16px {
    margin: 16px !important;
  }
  .mx-md-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-md-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-md-16px {
    margin-top: 16px !important;
  }
  .mb-md-16px {
    margin-bottom: 16px !important;
  }
  .ms-md-16px {
    margin-left: 16px !important;
  }
  .me-md-16px {
    margin-right: 16px !important;
  }
  .p-md-20px {
    padding: 20px !important;
  }
  .px-md-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-md-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-md-20px {
    padding-top: 20px !important;
  }
  .pb-md-20px {
    padding-bottom: 20px !important;
  }
  .ps-md-20px {
    padding-left: 20px !important;
  }
  .pe-md-20px {
    padding-right: 20px !important;
  }
  .m-md-20px {
    margin: 20px !important;
  }
  .mx-md-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-md-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-md-20px {
    margin-top: 20px !important;
  }
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
  .ms-md-20px {
    margin-left: 20px !important;
  }
  .me-md-20px {
    margin-right: 20px !important;
  }
  .p-md-24px {
    padding: 24px !important;
  }
  .px-md-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-md-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-md-24px {
    padding-top: 24px !important;
  }
  .pb-md-24px {
    padding-bottom: 24px !important;
  }
  .ps-md-24px {
    padding-left: 24px !important;
  }
  .pe-md-24px {
    padding-right: 24px !important;
  }
  .m-md-24px {
    margin: 24px !important;
  }
  .mx-md-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-md-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-md-24px {
    margin-top: 24px !important;
  }
  .mb-md-24px {
    margin-bottom: 24px !important;
  }
  .ms-md-24px {
    margin-left: 24px !important;
  }
  .me-md-24px {
    margin-right: 24px !important;
  }
  .p-md-28px {
    padding: 28px !important;
  }
  .px-md-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-md-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-md-28px {
    padding-top: 28px !important;
  }
  .pb-md-28px {
    padding-bottom: 28px !important;
  }
  .ps-md-28px {
    padding-left: 28px !important;
  }
  .pe-md-28px {
    padding-right: 28px !important;
  }
  .m-md-28px {
    margin: 28px !important;
  }
  .mx-md-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-md-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-md-28px {
    margin-top: 28px !important;
  }
  .mb-md-28px {
    margin-bottom: 28px !important;
  }
  .ms-md-28px {
    margin-left: 28px !important;
  }
  .me-md-28px {
    margin-right: 28px !important;
  }
  .p-md-32px {
    padding: 32px !important;
  }
  .px-md-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-md-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-md-32px {
    padding-top: 32px !important;
  }
  .pb-md-32px {
    padding-bottom: 32px !important;
  }
  .ps-md-32px {
    padding-left: 32px !important;
  }
  .pe-md-32px {
    padding-right: 32px !important;
  }
  .m-md-32px {
    margin: 32px !important;
  }
  .mx-md-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-md-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-md-32px {
    margin-top: 32px !important;
  }
  .mb-md-32px {
    margin-bottom: 32px !important;
  }
  .ms-md-32px {
    margin-left: 32px !important;
  }
  .me-md-32px {
    margin-right: 32px !important;
  }
  .p-md-40px {
    padding: 40px !important;
  }
  .px-md-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-md-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pt-md-40px {
    padding-top: 40px !important;
  }
  .pb-md-40px {
    padding-bottom: 40px !important;
  }
  .ps-md-40px {
    padding-left: 40px !important;
  }
  .pe-md-40px {
    padding-right: 40px !important;
  }
  .m-md-40px {
    margin: 40px !important;
  }
  .mx-md-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-md-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mt-md-40px {
    margin-top: 40px !important;
  }
  .mb-md-40px {
    margin-bottom: 40px !important;
  }
  .ms-md-40px {
    margin-left: 40px !important;
  }
  .me-md-40px {
    margin-right: 40px !important;
  }
  .p-md-48px {
    padding: 48px !important;
  }
  .px-md-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-md-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-md-48px {
    padding-top: 48px !important;
  }
  .pb-md-48px {
    padding-bottom: 48px !important;
  }
  .ps-md-48px {
    padding-left: 48px !important;
  }
  .pe-md-48px {
    padding-right: 48px !important;
  }
  .m-md-48px {
    margin: 48px !important;
  }
  .mx-md-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-md-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-md-48px {
    margin-top: 48px !important;
  }
  .mb-md-48px {
    margin-bottom: 48px !important;
  }
  .ms-md-48px {
    margin-left: 48px !important;
  }
  .me-md-48px {
    margin-right: 48px !important;
  }
  .p-md-56px {
    padding: 56px !important;
  }
  .px-md-56px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-md-56px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-md-56px {
    padding-top: 56px !important;
  }
  .pb-md-56px {
    padding-bottom: 56px !important;
  }
  .ps-md-56px {
    padding-left: 56px !important;
  }
  .pe-md-56px {
    padding-right: 56px !important;
  }
  .m-md-56px {
    margin: 56px !important;
  }
  .mx-md-56px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-md-56px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-md-56px {
    margin-top: 56px !important;
  }
  .mb-md-56px {
    margin-bottom: 56px !important;
  }
  .ms-md-56px {
    margin-left: 56px !important;
  }
  .me-md-56px {
    margin-right: 56px !important;
  }
  .p-md-64px {
    padding: 64px !important;
  }
  .px-md-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-md-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-md-64px {
    padding-top: 64px !important;
  }
  .pb-md-64px {
    padding-bottom: 64px !important;
  }
  .ps-md-64px {
    padding-left: 64px !important;
  }
  .pe-md-64px {
    padding-right: 64px !important;
  }
  .m-md-64px {
    margin: 64px !important;
  }
  .mx-md-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-md-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-md-64px {
    margin-top: 64px !important;
  }
  .mb-md-64px {
    margin-bottom: 64px !important;
  }
  .ms-md-64px {
    margin-left: 64px !important;
  }
  .me-md-64px {
    margin-right: 64px !important;
  }
  .p-md-80px {
    padding: 80px !important;
  }
  .px-md-80px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-md-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pt-md-80px {
    padding-top: 80px !important;
  }
  .pb-md-80px {
    padding-bottom: 80px !important;
  }
  .ps-md-80px {
    padding-left: 80px !important;
  }
  .pe-md-80px {
    padding-right: 80px !important;
  }
  .m-md-80px {
    margin: 80px !important;
  }
  .mx-md-80px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-md-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-md-80px {
    margin-top: 80px !important;
  }
  .mb-md-80px {
    margin-bottom: 80px !important;
  }
  .ms-md-80px {
    margin-left: 80px !important;
  }
  .me-md-80px {
    margin-right: 80px !important;
  }
  .p-md-96px {
    padding: 96px !important;
  }
  .px-md-96px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .py-md-96px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .pt-md-96px {
    padding-top: 96px !important;
  }
  .pb-md-96px {
    padding-bottom: 96px !important;
  }
  .ps-md-96px {
    padding-left: 96px !important;
  }
  .pe-md-96px {
    padding-right: 96px !important;
  }
  .m-md-96px {
    margin: 96px !important;
  }
  .mx-md-96px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .my-md-96px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mt-md-96px {
    margin-top: 96px !important;
  }
  .mb-md-96px {
    margin-bottom: 96px !important;
  }
  .ms-md-96px {
    margin-left: 96px !important;
  }
  .me-md-96px {
    margin-right: 96px !important;
  }
  .p-md-128px {
    padding: 128px !important;
  }
  .px-md-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-md-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-md-128px {
    padding-top: 128px !important;
  }
  .pb-md-128px {
    padding-bottom: 128px !important;
  }
  .ps-md-128px {
    padding-left: 128px !important;
  }
  .pe-md-128px {
    padding-right: 128px !important;
  }
  .m-md-128px {
    margin: 128px !important;
  }
  .mx-md-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-md-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-md-128px {
    margin-top: 128px !important;
  }
  .mb-md-128px {
    margin-bottom: 128px !important;
  }
  .ms-md-128px {
    margin-left: 128px !important;
  }
  .me-md-128px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .w-sm-0px {
    width: 0px !important;
    min-width: 0px !important;
    max-width: 0px !important;
  }
  .h-sm-0px {
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important;
  }
  .p-sm-0px {
    padding: 0px !important;
  }
  .px-sm-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-sm-0px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-sm-0px {
    padding-top: 0px !important;
  }
  .pb-sm-0px {
    padding-bottom: 0px !important;
  }
  .ps-sm-0px {
    padding-left: 0px !important;
  }
  .pe-sm-0px {
    padding-right: 0px !important;
  }
  .m-sm-0px {
    margin: 0px !important;
  }
  .mx-sm-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-sm-0px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-sm-0px {
    margin-top: 0px !important;
  }
  .mb-sm-0px {
    margin-bottom: 0px !important;
  }
  .ms-sm-0px {
    margin-left: 0px !important;
  }
  .me-sm-0px {
    margin-right: 0px !important;
  }
  .w-sm-1px {
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
  }
  .h-sm-1px {
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
  }
  .p-sm-1px {
    padding: 1px !important;
  }
  .px-sm-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .py-sm-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pt-sm-1px {
    padding-top: 1px !important;
  }
  .pb-sm-1px {
    padding-bottom: 1px !important;
  }
  .ps-sm-1px {
    padding-left: 1px !important;
  }
  .pe-sm-1px {
    padding-right: 1px !important;
  }
  .m-sm-1px {
    margin: 1px !important;
  }
  .mx-sm-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .my-sm-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mt-sm-1px {
    margin-top: 1px !important;
  }
  .mb-sm-1px {
    margin-bottom: 1px !important;
  }
  .ms-sm-1px {
    margin-left: 1px !important;
  }
  .me-sm-1px {
    margin-right: 1px !important;
  }
  .w-sm-2px {
    width: 2px !important;
    min-width: 2px !important;
    max-width: 2px !important;
  }
  .h-sm-2px {
    height: 2px !important;
    min-height: 2px !important;
    max-height: 2px !important;
  }
  .p-sm-2px {
    padding: 2px !important;
  }
  .px-sm-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-sm-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pt-sm-2px {
    padding-top: 2px !important;
  }
  .pb-sm-2px {
    padding-bottom: 2px !important;
  }
  .ps-sm-2px {
    padding-left: 2px !important;
  }
  .pe-sm-2px {
    padding-right: 2px !important;
  }
  .m-sm-2px {
    margin: 2px !important;
  }
  .mx-sm-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-sm-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mt-sm-2px {
    margin-top: 2px !important;
  }
  .mb-sm-2px {
    margin-bottom: 2px !important;
  }
  .ms-sm-2px {
    margin-left: 2px !important;
  }
  .me-sm-2px {
    margin-right: 2px !important;
  }
  .w-sm-4px {
    width: 4px !important;
    min-width: 4px !important;
    max-width: 4px !important;
  }
  .h-sm-4px {
    height: 4px !important;
    min-height: 4px !important;
    max-height: 4px !important;
  }
  .p-sm-4px {
    padding: 4px !important;
  }
  .px-sm-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-sm-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pt-sm-4px {
    padding-top: 4px !important;
  }
  .pb-sm-4px {
    padding-bottom: 4px !important;
  }
  .ps-sm-4px {
    padding-left: 4px !important;
  }
  .pe-sm-4px {
    padding-right: 4px !important;
  }
  .m-sm-4px {
    margin: 4px !important;
  }
  .mx-sm-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-sm-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mt-sm-4px {
    margin-top: 4px !important;
  }
  .mb-sm-4px {
    margin-bottom: 4px !important;
  }
  .ms-sm-4px {
    margin-left: 4px !important;
  }
  .me-sm-4px {
    margin-right: 4px !important;
  }
  .w-sm-8px {
    width: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;
  }
  .h-sm-8px {
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
  }
  .p-sm-8px {
    padding: 8px !important;
  }
  .px-sm-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-sm-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pt-sm-8px {
    padding-top: 8px !important;
  }
  .pb-sm-8px {
    padding-bottom: 8px !important;
  }
  .ps-sm-8px {
    padding-left: 8px !important;
  }
  .pe-sm-8px {
    padding-right: 8px !important;
  }
  .m-sm-8px {
    margin: 8px !important;
  }
  .mx-sm-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-sm-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-sm-8px {
    margin-top: 8px !important;
  }
  .mb-sm-8px {
    margin-bottom: 8px !important;
  }
  .ms-sm-8px {
    margin-left: 8px !important;
  }
  .me-sm-8px {
    margin-right: 8px !important;
  }
  .w-sm-12px {
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
  }
  .h-sm-12px {
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
  }
  .p-sm-12px {
    padding: 12px !important;
  }
  .px-sm-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-sm-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .pt-sm-12px {
    padding-top: 12px !important;
  }
  .pb-sm-12px {
    padding-bottom: 12px !important;
  }
  .ps-sm-12px {
    padding-left: 12px !important;
  }
  .pe-sm-12px {
    padding-right: 12px !important;
  }
  .m-sm-12px {
    margin: 12px !important;
  }
  .mx-sm-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-sm-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mt-sm-12px {
    margin-top: 12px !important;
  }
  .mb-sm-12px {
    margin-bottom: 12px !important;
  }
  .ms-sm-12px {
    margin-left: 12px !important;
  }
  .me-sm-12px {
    margin-right: 12px !important;
  }
  .w-sm-16px {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
  }
  .h-sm-16px {
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
  }
  .p-sm-16px {
    padding: 16px !important;
  }
  .px-sm-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-sm-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .pt-sm-16px {
    padding-top: 16px !important;
  }
  .pb-sm-16px {
    padding-bottom: 16px !important;
  }
  .ps-sm-16px {
    padding-left: 16px !important;
  }
  .pe-sm-16px {
    padding-right: 16px !important;
  }
  .m-sm-16px {
    margin: 16px !important;
  }
  .mx-sm-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-sm-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mt-sm-16px {
    margin-top: 16px !important;
  }
  .mb-sm-16px {
    margin-bottom: 16px !important;
  }
  .ms-sm-16px {
    margin-left: 16px !important;
  }
  .me-sm-16px {
    margin-right: 16px !important;
  }
  .w-sm-20px {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  .h-sm-20px {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }
  .p-sm-20px {
    padding: 20px !important;
  }
  .px-sm-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-sm-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-sm-20px {
    padding-top: 20px !important;
  }
  .pb-sm-20px {
    padding-bottom: 20px !important;
  }
  .ps-sm-20px {
    padding-left: 20px !important;
  }
  .pe-sm-20px {
    padding-right: 20px !important;
  }
  .m-sm-20px {
    margin: 20px !important;
  }
  .mx-sm-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-sm-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-sm-20px {
    margin-top: 20px !important;
  }
  .mb-sm-20px {
    margin-bottom: 20px !important;
  }
  .ms-sm-20px {
    margin-left: 20px !important;
  }
  .me-sm-20px {
    margin-right: 20px !important;
  }
  .w-sm-24px {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }
  .h-sm-24px {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }
  .p-sm-24px {
    padding: 24px !important;
  }
  .px-sm-24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-sm-24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pt-sm-24px {
    padding-top: 24px !important;
  }
  .pb-sm-24px {
    padding-bottom: 24px !important;
  }
  .ps-sm-24px {
    padding-left: 24px !important;
  }
  .pe-sm-24px {
    padding-right: 24px !important;
  }
  .m-sm-24px {
    margin: 24px !important;
  }
  .mx-sm-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-sm-24px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mt-sm-24px {
    margin-top: 24px !important;
  }
  .mb-sm-24px {
    margin-bottom: 24px !important;
  }
  .ms-sm-24px {
    margin-left: 24px !important;
  }
  .me-sm-24px {
    margin-right: 24px !important;
  }
  .w-sm-28px {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
  }
  .h-sm-28px {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }
  .p-sm-28px {
    padding: 28px !important;
  }
  .px-sm-28px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .py-sm-28px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-sm-28px {
    padding-top: 28px !important;
  }
  .pb-sm-28px {
    padding-bottom: 28px !important;
  }
  .ps-sm-28px {
    padding-left: 28px !important;
  }
  .pe-sm-28px {
    padding-right: 28px !important;
  }
  .m-sm-28px {
    margin: 28px !important;
  }
  .mx-sm-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .my-sm-28px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-sm-28px {
    margin-top: 28px !important;
  }
  .mb-sm-28px {
    margin-bottom: 28px !important;
  }
  .ms-sm-28px {
    margin-left: 28px !important;
  }
  .me-sm-28px {
    margin-right: 28px !important;
  }
  .w-sm-32px {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
  .h-sm-32px {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
  .p-sm-32px {
    padding: 32px !important;
  }
  .px-sm-32px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-sm-32px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .pt-sm-32px {
    padding-top: 32px !important;
  }
  .pb-sm-32px {
    padding-bottom: 32px !important;
  }
  .ps-sm-32px {
    padding-left: 32px !important;
  }
  .pe-sm-32px {
    padding-right: 32px !important;
  }
  .m-sm-32px {
    margin: 32px !important;
  }
  .mx-sm-32px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-sm-32px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mt-sm-32px {
    margin-top: 32px !important;
  }
  .mb-sm-32px {
    margin-bottom: 32px !important;
  }
  .ms-sm-32px {
    margin-left: 32px !important;
  }
  .me-sm-32px {
    margin-right: 32px !important;
  }
  .w-sm-40px {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
  .h-sm-40px {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
  .p-sm-40px {
    padding: 40px !important;
  }
  .px-sm-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-sm-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pt-sm-40px {
    padding-top: 40px !important;
  }
  .pb-sm-40px {
    padding-bottom: 40px !important;
  }
  .ps-sm-40px {
    padding-left: 40px !important;
  }
  .pe-sm-40px {
    padding-right: 40px !important;
  }
  .m-sm-40px {
    margin: 40px !important;
  }
  .mx-sm-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-sm-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mt-sm-40px {
    margin-top: 40px !important;
  }
  .mb-sm-40px {
    margin-bottom: 40px !important;
  }
  .ms-sm-40px {
    margin-left: 40px !important;
  }
  .me-sm-40px {
    margin-right: 40px !important;
  }
  .w-sm-48px {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
  .h-sm-48px {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  .p-sm-48px {
    padding: 48px !important;
  }
  .px-sm-48px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-sm-48px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .pt-sm-48px {
    padding-top: 48px !important;
  }
  .pb-sm-48px {
    padding-bottom: 48px !important;
  }
  .ps-sm-48px {
    padding-left: 48px !important;
  }
  .pe-sm-48px {
    padding-right: 48px !important;
  }
  .m-sm-48px {
    margin: 48px !important;
  }
  .mx-sm-48px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-sm-48px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mt-sm-48px {
    margin-top: 48px !important;
  }
  .mb-sm-48px {
    margin-bottom: 48px !important;
  }
  .ms-sm-48px {
    margin-left: 48px !important;
  }
  .me-sm-48px {
    margin-right: 48px !important;
  }
  .w-sm-56px {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }
  .h-sm-56px {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
  .p-sm-56px {
    padding: 56px !important;
  }
  .px-sm-56px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-sm-56px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-sm-56px {
    padding-top: 56px !important;
  }
  .pb-sm-56px {
    padding-bottom: 56px !important;
  }
  .ps-sm-56px {
    padding-left: 56px !important;
  }
  .pe-sm-56px {
    padding-right: 56px !important;
  }
  .m-sm-56px {
    margin: 56px !important;
  }
  .mx-sm-56px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-sm-56px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-sm-56px {
    margin-top: 56px !important;
  }
  .mb-sm-56px {
    margin-bottom: 56px !important;
  }
  .ms-sm-56px {
    margin-left: 56px !important;
  }
  .me-sm-56px {
    margin-right: 56px !important;
  }
  .w-sm-64px {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
  }
  .h-sm-64px {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }
  .p-sm-64px {
    padding: 64px !important;
  }
  .px-sm-64px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-sm-64px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-sm-64px {
    padding-top: 64px !important;
  }
  .pb-sm-64px {
    padding-bottom: 64px !important;
  }
  .ps-sm-64px {
    padding-left: 64px !important;
  }
  .pe-sm-64px {
    padding-right: 64px !important;
  }
  .m-sm-64px {
    margin: 64px !important;
  }
  .mx-sm-64px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-sm-64px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mt-sm-64px {
    margin-top: 64px !important;
  }
  .mb-sm-64px {
    margin-bottom: 64px !important;
  }
  .ms-sm-64px {
    margin-left: 64px !important;
  }
  .me-sm-64px {
    margin-right: 64px !important;
  }
  .w-sm-80px {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  .h-sm-80px {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
  }
  .p-sm-80px {
    padding: 80px !important;
  }
  .px-sm-80px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-sm-80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pt-sm-80px {
    padding-top: 80px !important;
  }
  .pb-sm-80px {
    padding-bottom: 80px !important;
  }
  .ps-sm-80px {
    padding-left: 80px !important;
  }
  .pe-sm-80px {
    padding-right: 80px !important;
  }
  .m-sm-80px {
    margin: 80px !important;
  }
  .mx-sm-80px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-sm-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-sm-80px {
    margin-top: 80px !important;
  }
  .mb-sm-80px {
    margin-bottom: 80px !important;
  }
  .ms-sm-80px {
    margin-left: 80px !important;
  }
  .me-sm-80px {
    margin-right: 80px !important;
  }
  .w-sm-96px {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
  .h-sm-96px {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }
  .p-sm-96px {
    padding: 96px !important;
  }
  .px-sm-96px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .py-sm-96px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .pt-sm-96px {
    padding-top: 96px !important;
  }
  .pb-sm-96px {
    padding-bottom: 96px !important;
  }
  .ps-sm-96px {
    padding-left: 96px !important;
  }
  .pe-sm-96px {
    padding-right: 96px !important;
  }
  .m-sm-96px {
    margin: 96px !important;
  }
  .mx-sm-96px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .my-sm-96px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mt-sm-96px {
    margin-top: 96px !important;
  }
  .mb-sm-96px {
    margin-bottom: 96px !important;
  }
  .ms-sm-96px {
    margin-left: 96px !important;
  }
  .me-sm-96px {
    margin-right: 96px !important;
  }
  .w-sm-128px {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }
  .h-sm-128px {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
  }
  .p-sm-128px {
    padding: 128px !important;
  }
  .px-sm-128px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-sm-128px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .pt-sm-128px {
    padding-top: 128px !important;
  }
  .pb-sm-128px {
    padding-bottom: 128px !important;
  }
  .ps-sm-128px {
    padding-left: 128px !important;
  }
  .pe-sm-128px {
    padding-right: 128px !important;
  }
  .m-sm-128px {
    margin: 128px !important;
  }
  .mx-sm-128px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-sm-128px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mt-sm-128px {
    margin-top: 128px !important;
  }
  .mb-sm-128px {
    margin-bottom: 128px !important;
  }
  .ms-sm-128px {
    margin-left: 128px !important;
  }
  .me-sm-128px {
    margin-right: 128px !important;
  }
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaCyrillicLight.woff2") format("woff2"), url("../fonts/FuturaCyrillicLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaCyrillicBook.woff2") format("woff2"), url("../fonts/FuturaCyrillicBook.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaCyrillicMedium.woff2") format("woff2"), url("../fonts/FuturaCyrillicMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaCyrillic-Demi.woff2") format("woff2"), url("../fonts/FuturaCyrillic-Demi.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaCyrillic-Bold.woff2") format("woff2"), url("../fonts/FuturaCyrillic-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--primary-font);
  font-weight: var(--fw-normal);
  font-size: 1rem;
  background-color: #121212;
  color: var(--color-text-body);
  transition: background-color var(--transition-duration) ease, color var(--transition-duration) ease;
}

a {
  text-decoration: none;
}

a,
button {
  transition: all 0.3s ease-out 0s;
}

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

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::selection {
  color: var(--white);
  background: var(--color-brand);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-gold) var(--color-bg-alt);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-alt);
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-gold);
  border-radius: 0;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: var(--color-border);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 14px 40px;
  background-color: var(--color-bg);
  border-bottom: 1px solid transparent;
  transition: background-color var(--transition-duration) ease 0s;
}
.header.header--scrolled {
  border-bottom-color: var(--color-border);
}

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.header__logo {
  flex-shrink: 0;
  display: block;
}
.header__logo img {
  height: 52px;
  width: auto;
  display: block;
}
.header__logo .logo-light {
  display: none;
}
.header__logo .logo-dark {
  display: block;
}

[data-theme=light] .header__logo .logo-dark {
  display: none;
}
[data-theme=light] .header__logo .logo-light {
  display: block;
}

.nav-main {
  position: relative;
  background: linear-gradient(180deg, rgba(143, 143, 143, 0.2) 0%, rgba(90, 90, 90, 0.12) 100%);
  box-shadow: -4px -4px 12px rgba(60, 60, 60, 0.16);
  backdrop-filter: blur(7.5px);
  border-radius: 24px;
  padding: 8px 8px;
  transition: background-color var(--transition-duration) ease 0s;
}
.nav-main__list {
  display: flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-main__item {
  position: relative;
}
.nav-main__item.active > .nav-main__link {
  color: var(--color-cta);
}
.nav-main__link {
  position: relative;
  display: block;
  color: var(--color-text);
  font-weight: var(--fw-normal);
  padding: 8px 18px;
  border-radius: 50px;
  white-space: nowrap;
  transition: color 0.2s ease 0s;
}
.nav-main__link:hover {
  color: var(--color-gold);
}

.nav-indicator {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--color-cta);
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.mobile-nav-indicator {
  position: absolute;
  left: 10px;
  top: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--color-cta);
  transform: translateY(-50%) translateX(-20px);
  pointer-events: none;
  opacity: 0;
  transition: top 0.38s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;
}

.header__controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.btn-lang {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(143, 143, 143, 0.2) 0%, rgba(90, 90, 90, 0.12) 100%);
  box-shadow: -4px -4px 12px rgba(60, 60, 60, 0.16);
  backdrop-filter: blur(7.5px);
  border-radius: 24px;
  border: none;
  width: 52px;
  height: 52px;
  color: var(--color-cta);
  font-family: var(--primary-font);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  padding: 7px 16px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}
.btn-lang:hover {
  border-color: var(--color-gold);
  color: var(--color-gold);
}

.btn-theme {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(143, 143, 143, 0.2) 0%, rgba(90, 90, 90, 0.12) 100%);
  box-shadow: -4px -4px 12px rgba(60, 60, 60, 0.16);
  backdrop-filter: blur(7.5px);
  border-radius: 24px;
  border: none;
  width: 52px;
  height: 52px;
  color: var(--color-cta);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.2s ease 0s;
}
.btn-theme:hover {
  border-color: var(--color-gold);
  color: var(--color-gold);
}
.btn-theme__icon--moon {
  display: none;
}
.btn-theme__icon--sun {
  display: block;
}

[data-theme=light] .btn-theme__icon--sun {
  display: none;
}
[data-theme=light] .btn-theme__icon--moon {
  display: block;
}

.btn-hamburger {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color 0.2s ease 0s;
}
.btn-hamburger span {
  display: block;
  width: 18px;
  height: 1.5px;
  background-color: var(--color-text);
  border-radius: 2px;
  transform-origin: center;
  transition: transform 0.38s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease, background-color 0.2s ease;
}
.btn-hamburger.is-active {
  border-color: var(--color-gold);
}
.btn-hamburger.is-active span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}
.btn-hamburger.is-active span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.btn-hamburger.is-active span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}

.mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1050;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease 0s;
}
.mobile-backdrop.is-visible {
  opacity: 1;
  pointer-events: all;
}

.mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 320px;
  max-width: 100%;
  background-color: var(--color-bg-nav);
  border-left: 1px solid var(--color-border);
  z-index: 1100;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.44s cubic-bezier(0.77, 0, 0.175, 1);
  overflow-y: auto;
  overflow-x: hidden;
}
.mobile-drawer.is-open {
  transform: translateX(0);
}
.mobile-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--color-border);
  flex-shrink: 0;
}
.mobile-drawer__logo {
  display: block;
}
.mobile-drawer__logo img {
  height: 44px;
  width: auto;
  display: block;
}
.mobile-drawer__logo .logo-light {
  display: none;
}
.mobile-drawer__logo .logo-dark {
  display: block;
}
.mobile-drawer__close {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.2s ease 0s;
}
.mobile-drawer__close:hover {
  border-color: var(--color-gold);
  color: var(--color-gold);
}
.mobile-drawer__list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 16px 0;
  flex: 1;
}
.mobile-drawer__item {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.mobile-drawer__item.active > .mobile-drawer__link {
  color: var(--color-cta);
}
.mobile-drawer.is-open .mobile-drawer__item {
  opacity: 1;
  transform: translateX(0);
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(1) {
  transition: opacity 0.35s ease 0.235s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.235s;
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(2) {
  transition: opacity 0.35s ease 0.29s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.29s;
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(3) {
  transition: opacity 0.35s ease 0.345s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.345s;
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(4) {
  transition: opacity 0.35s ease 0.4s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(5) {
  transition: opacity 0.35s ease 0.455s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.455s;
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(6) {
  transition: opacity 0.35s ease 0.51s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.51s;
}
.mobile-drawer.is-open .mobile-drawer__item:nth-child(7) {
  transition: opacity 0.35s ease 0.565s, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.565s;
}
.mobile-drawer__link {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--color-text);
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  padding: 12px 24px;
  transition: color 0.2s ease 0s;
}
.mobile-drawer__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 55%;
  border-radius: 0 3px 3px 0;
  background-color: var(--color-gold);
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.mobile-drawer__link:hover {
  color: var(--color-gold);
}
.mobile-drawer__link:hover::before {
  transform: translateY(-50%) scaleY(1);
}
.mobile-drawer__foot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 24px;
  border-top: 1px solid var(--color-border);
  flex-shrink: 0;
}

[data-theme=light] .mobile-drawer__logo .logo-dark {
  display: none;
}
[data-theme=light] .mobile-drawer__logo .logo-light {
  display: block;
}

@media (max-width: 1200px) {
  .header {
    padding: 12px 24px;
  }
  .nav-main__link {
    padding: 8px 12px;
  }
}
@media (max-width: 991px) {
  .nav-main {
    display: none;
  }
  .header {
    padding: 12px 20px;
  }
  .btn-hamburger {
    display: flex;
  }
}
html {
  scroll-behavior: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

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

.main-inner {
  padding-top: 150px;
}

.page-heading {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 80px;
}

.footer {
  position: relative;
  padding: 96px 0 0;
  overflow: hidden;
}

.footer__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  background: linear-gradient(180deg, #121212 0%, #28180b 43.75%, #351f0e 100%);
}

.footer__visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .footer__visual {
    min-height: 360px;
  }
}
@media (max-width: 768px) {
  .footer__visual {
    min-height: 280px;
    padding-top: 40px;
  }
}

.footer__glow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 480px;
  background: radial-gradient(ellipse 60% 55% at 50% 90%, rgba(180, 90, 20, 0.28) 0%, rgba(130, 60, 10, 0.12) 50%, transparent 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .footer__glow {
    width: 100%;
  }
}

.footer__fort-img {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 950px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1200px) {
  .footer__fort-img {
    width: 65%;
  }
}
@media (max-width: 991px) {
  .footer__fort-img {
    width: 78%;
  }
}
@media (max-width: 768px) {
  .footer__fort-img {
    width: 92%;
  }
}

.footer__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 175px;
  z-index: 10;
}
@media (max-width: 1200px) {
  .footer__bar {
    padding: 0 24px 20px;
  }
}
@media (max-width: 480px) {
  .footer__bar {
    padding: 0 16px 16px;
  }
}

.footer__pill {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0.1) 0%, rgba(57, 57, 57, 0.06) 100%);
  box-shadow: inset 10px 10px 15px rgba(219, 219, 219, 0.25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 40px;
  padding: 18px 28px;
}
.footer__pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(149.49deg, #cf632d 0%, #080808 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
@media (max-width: 991px) {
  .footer__pill {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 20px;
  }
}
@media (max-width: 768px) {
  .footer__pill {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 18px;
  }
}

.footer__logo {
  flex-shrink: 0;
  display: block;
}
.footer__logo img {
  height: 52px;
  width: auto;
  display: block;
}

.footer__sep {
  display: block;
  width: 0;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.14);
  flex-shrink: 0;
  margin: 0 24px;
}
@media (max-width: 991px) {
  .footer__sep {
    display: none;
  }
}

.footer__nav {
  flex: 1;
}

.footer__nav-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .footer__nav-list {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .footer__nav-list {
    gap: 4px;
  }
}

.footer__nav-sep {
  display: block;
  width: 1px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.14);
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .footer__nav-sep {
    display: none;
  }
}

.footer__nav-link {
  display: block;
  color: var(--color-text);
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  padding: 8px 18px;
  white-space: nowrap;
  transition: color 0.2s ease 0s;
}
.footer__nav-link:hover {
  color: var(--color-gold);
}
@media (max-width: 1400px) {
  .footer__nav-link {
    padding: 8px 12px;
  }
}
@media (max-width: 768px) {
  .footer__nav-link {
    padding: 7px 10px;
    font-size: var(--fs-xs);
  }
}

.loader-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(18, 18, 18);
}
.loader-overlay.is-hidden {
  display: none;
}

.loader__icon {
  width: 100px;
  height: 100px;
  background-color: #c4baa3;
  -webkit-mask: url("../images/loader.svg") center/contain no-repeat;
  mask: url("../images/loader.svg") center/contain no-repeat;
  animation: loader-color-cycle 2s linear infinite;
}

@keyframes loader-color-cycle {
  0% {
    background-color: #c4baa3;
  }
  16.666% {
    background-color: #0d7a3f;
  }
  33.333% {
    background-color: #cf632d;
  }
  50% {
    background-color: #d98257;
  }
  66.666% {
    background-color: #41ad73;
  }
  83.333% {
    background-color: #76856b;
  }
  100% {
    background-color: #c4baa3;
  }
}
body.is-loading {
  overflow: hidden;
}

@keyframes navDown {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes upBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes downBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(5px);
  }
}
@keyframes dropAnim {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes btnIconMove {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(8px, -8px);
  }
  60% {
    transform: translate(4px, -4px);
  }
}
@keyframes btn-shineAnim {
  100% {
    left: 125%;
  }
}
.return-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 50px;
  height: 50px;
  border: 0;
  background: var(--color-brand);
  border-radius: 50%;
  text-align: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: all 0.3s ease-out 0s;
  z-index: 10;
}
.return-top img {
  position: relative;
  width: 20px;
  animation: upBounce 2s infinite;
}
.return-top.visible {
  display: block;
}
.return-top:hover span img {
  top: 5px;
}
.return-top__ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
}
.return-top__ring-track {
  fill: none;
  stroke: rgba(255, 255, 255, 0.15);
  stroke-width: 2;
}
.return-top__ring-progress {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 138.23;
  stroke-dashoffset: 138.23;
  transition: stroke-dashoffset 0.1s linear;
}

.hero-banner {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 400px;
  overflow: hidden;
  background-color: var(--color-bg);
}
@media (max-width: 767px) {
  .hero-banner {
    height: 50vh;
  }
}
.hero-banner__media {
  position: absolute;
  inset: 0;
}
.hero-banner__media video,
.hero-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.hero-play-magnetic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: none;
}
@media (max-width: 767px) {
  .hero-play-magnetic {
    width: 130px;
    height: 130px;
  }
}

.hero-play-ring-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  opacity: 0;
  scale: 0.72;
  pointer-events: none;
  transition: opacity 0.45s ease, scale 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 767px) {
  .hero-play-ring-wrap {
    width: 84px;
    height: 84px;
  }
}

.hero-play-magnetic:hover .hero-play-ring-wrap {
  opacity: 1;
  scale: 1;
}

.hero-play-ring {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1.5px dashed rgba(255, 255, 255, 0.6);
  animation: hero-ring-spin 5s linear infinite;
}

@keyframes hero-ring-spin {
  to {
    transform: rotate(360deg);
  }
}
.hero-play {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #c77254;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  flex-shrink: 0;
  transition: background-color 0.25s ease 0s;
}
@media (max-width: 767px) {
  .hero-play {
    width: 56px;
    height: 56px;
  }
}
.hero-play .bi-play-fill {
  display: none;
}
.hero-play .bi-pause-fill {
  display: flex;
}
.hero-play.is-paused .bi-play-fill {
  display: flex;
}
.hero-play.is-paused .bi-pause-fill {
  display: none;
}
.hero-play:hover {
  background-color: var(--color-cta-hover);
}

.section-discover {
  background-color: var(--color-bg);
  padding: 120px 0 60px;
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 991px) {
  .section-discover {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .section-discover {
    padding: 40px 0;
  }
}

.discover-cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 58rem;
  margin: 0 auto;
}

.discover-text {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 325px;
  z-index: 10;
}
@media (max-width: 767px) {
  .discover-text {
    text-align: center;
  }
}
.discover-text__heading {
  font-size: var(--fs-7xl);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  line-height: 1.1;
  margin-bottom: 20px;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 1200px) {
  .discover-text__heading {
    font-size: var(--fs-10xl);
  }
}
@media (max-width: 991px) {
  .discover-text__heading {
    font-size: var(--fs-5xl);
  }
}
@media (max-width: 767px) {
  .discover-text__heading {
    font-size: var(--fs-4xl);
  }
}
.discover-text__body {
  font-size: var(--fs-base);
  color: #aea9b4;
  line-height: 1.7;
  max-width: 280px;
  margin-bottom: 32px;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .discover-text__body {
    max-width: 100%;
  }
}
.discover-text__badge {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  color: #f7e7cd;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0.1) 0%, rgba(57, 57, 57, 0.06) 100%);
  box-shadow: inset 10px 10px 15px rgba(219, 219, 219, 0.25);
  backdrop-filter: blur(20px);
  border: 1px solid var(--color-brand);
  border-radius: 50px;
  padding: 12px 48px;
  gap: 2px;
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .discover-text__badge {
    margin: 0 auto;
  }
}
.discover-text__badge strong {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  transition: color var(--transition-duration) ease 0s;
}
.discover-text__badge span {
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
}

.discover-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 460px;
}
@media (max-width: 1200px) {
  .discover-visual {
    min-height: 400px;
  }
}
@media (max-width: 991px) {
  .discover-visual {
    min-height: 360px;
  }
}
@media (max-width: 767px) {
  .discover-visual {
    min-height: 300px;
  }
}
.discover-visual__blob {
  position: absolute;
  width: 550px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-blob);
  transition: color var(--transition-duration) ease 0s;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1200px) {
  .discover-visual__blob {
    width: 280px;
    height: 320px;
  }
}
@media (max-width: 991px) {
  .discover-visual__blob {
    width: 260px;
    height: 300px;
  }
}
.discover-visual__img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
}
@media (max-width: 1200px) {
  .discover-visual__img {
    max-width: 360px;
  }
}
@media (max-width: 991px) {
  .discover-visual__img {
    max-width: 320px;
  }
}

.discover-cta {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 325px;
  z-index: 10;
}
@media (max-width: 991px) {
  .discover-cta {
    text-align: center;
  }
}
.discover-cta__heading {
  font-size: var(--fs-7xl);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  line-height: 1.1;
  margin-bottom: 4rem;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 1200px) {
  .discover-cta__heading {
    font-size: var(--fs-10xl);
  }
}
@media (max-width: 991px) {
  .discover-cta__heading {
    font-size: var(--fs-5xl);
  }
}
@media (max-width: 767px) {
  .discover-cta__heading {
    font-size: var(--fs-4xl);
  }
}
.discover-cta__subheading {
  color: #938f99;
  font-size: var(--fs-5xl);
  font-weight: var(--fw-normal);
  transition: color var(--transition-duration) ease 0s;
}
.discover-cta__btns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
@media (max-width: 991px) {
  .discover-cta__btns {
    align-items: center;
  }
}

.btn-cta-filled {
  display: block;
  width: 100%;
  background-color: var(--color-cta);
  color: rgba(255, 255, 255, 0.6);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  padding: 12px 20px;
  border-radius: 16px;
  border: 2px solid var(--color-cta);
  text-align: center;
  transition: all 0.2s ease 0s;
}
.btn-cta-filled:hover {
  background-color: var(--color-cta-hover);
  border-color: var(--color-cta-hover);
  color: #ffffff;
}

.btn-cta-outline {
  display: block;
  width: 100%;
  background-color: transparent;
  color: var(--color-cta);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  padding: 12px 20px;
  margin-left: -48px;
  border-radius: 16px;
  border: 2px solid var(--color-cta);
  text-align: center;
  transition: all 0.2s ease 0s;
}
.btn-cta-outline:hover {
  background-color: var(--color-cta);
  color: #ffffff;
}

.section-fort-showcase {
  background-color: var(--color-bg);
  padding: 60px 0 60px;
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 991px) {
  .section-fort-showcase {
    padding: 60px 0 80px;
  }
}

.fort-intro {
  text-align: center;
  margin-bottom: 64px;
}
.fort-intro__icon {
  width: 150px;
  height: auto;
  display: block;
  margin: 0 auto 90px;
  opacity: 0.65;
  color: var(--color-fort-circle);
  text-align: center;
  transition: color var(--transition-duration) ease 0s;
}
.fort-intro__title {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  line-height: 1.05;
  margin-bottom: 4px;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 1200px) {
  .fort-intro__title {
    font-size: var(--fs-10xl);
  }
}
@media (max-width: 767px) {
  .fort-intro__title {
    font-size: var(--fs-4xl);
  }
}
.fort-intro__subtitle {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-normal);
  color: #938f99;
  margin-bottom: 20px;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 1200px) {
  .fort-intro__subtitle {
    font-size: var(--fs-10xl);
  }
}
@media (max-width: 767px) {
  .fort-intro__subtitle {
    font-size: var(--fs-4xl);
  }
}
.fort-intro__desc {
  font-size: var(--fs-base);
  color: #938f99;
  line-height: 1.75;
  max-width: 520px;
  margin: 0 auto;
  transition: color var(--transition-duration) ease 0s;
}

.fort-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 32px;
  align-items: center;
}
@media (max-width: 991px) {
  .fort-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 991px) {
  .fort-info {
    max-width: 440px;
    margin: 0 auto;
  }
}
.fort-info__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.fort-info__logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.fort-info__name {
  font-size: var(--fs-xl);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  transition: color var(--transition-duration) ease 0s;
}
.fort-info__divider {
  height: 2px;
  border: none;
  background: linear-gradient(90deg, #4b4b4b 0%, #121212 100%);
  margin: 0 0 24px;
}
.fort-info__row {
  margin-bottom: 20px;
}
.fort-info__label {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin-bottom: 4px;
  transition: color var(--transition-duration) ease 0s;
}
.fort-info__value {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
  transition: color var(--transition-duration) ease 0s;
}
.fort-info__link {
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease 0s;
}
.fort-info__link:hover {
  color: var(--color-gold);
}

.btn-fort-more {
  display: block;
  border: 1px solid var(--color-cta);
  color: var(--color-cta);
  background: transparent;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  padding: 10px 28px;
  border-radius: 16px;
  margin-top: 8px;
  text-align: center;
  transition: all 0.2s ease 0s;
}
.btn-fort-more:hover {
  background-color: var(--color-cta);
  color: #ffffff;
}

.fort-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
@media (max-width: 991px) {
  .fort-visual {
    order: -1;
  }
}
.fort-visual__shape {
  position: absolute;
  width: 240px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #422813;
  transition: color var(--transition-duration) ease 0s;
  pointer-events: none;
  z-index: 0;
  animation: fort-shape-drift 18s ease-in-out infinite;
}
@media (max-width: 1200px) {
  .fort-visual__shape {
    width: 230px;
  }
}
@media (max-width: 767px) {
  .fort-visual__shape {
    width: 190px;
  }
}
.fort-visual__pic {
  text-align: center;
}
.fort-visual__img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: none;
  object-fit: contain;
  filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.5));
}
.fort-visual__img.is-active {
  display: block;
}
.fort-visual__soon-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: grayscale(1) drop-shadow(0 20px 50px rgba(0, 0, 0, 0.5));
}
.fort-visual__soon-pill {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: linear-gradient(90deg, rgba(185, 123, 101, 0.56) 0%, rgba(83, 55, 46, 0.24) 100%);
  border: 1px solid #cf632d;
  box-shadow: -6px 6px 10px rgba(18, 18, 18, 0.4);
  backdrop-filter: blur(10px);
  color: #fff;
  padding: 8px 24px;
  border-radius: 8px;
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

@keyframes venues-link-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes fort-shape-drift {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  33% {
    transform: translate(-50%, -50%) rotate(-3deg) scale(1.04);
  }
  66% {
    transform: translate(-50%, -50%) rotate(2.5deg) scale(0.97);
  }
}
.fort-related {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 991px) {
  .fort-related {
    flex-direction: row;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .fort-related {
    flex-direction: column;
    align-items: center;
  }
}
.fort-related__item {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-family: inherit;
  text-align: center;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.25s ease 0s;
}
.fort-related__item:hover {
  opacity: 0.85;
}
.fort-related__item.is-active {
  opacity: 1;
  cursor: default;
}
.fort-related__img {
  width: 100%;
  max-width: 230px;
  object-fit: cover;
  border: 2px solid transparent;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  transition: border-color 0.25s ease 0s;
}
.fort-related__item.is-active .fort-related__img {
  border-color: var(--color-cta);
}
.fort-related__name {
  font-weight: var(--fw-semibold);
  color: #938f99;
  margin-top: 8px;
  transition: color var(--transition-duration) ease 0s;
}
.fort-related__item.is-active .fort-related__name {
  color: var(--color-text);
}

.fort-info__panel {
  display: none;
}
.fort-info__panel.is-active {
  display: block;
}

.fort-coming-soon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 240px;
}
.fort-coming-soon__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-medium);
  color: var(--color-text);
}
.fort-coming-soon__text {
  font-size: var(--fs-base);
  color: var(--color-text-body);
  line-height: 1.7;
  max-width: 280px;
}

.section-venues {
  padding: 48px 0;
  background-color: var(--color-bg);
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .section-venues {
    padding: 80px 0;
  }
}

.venues-list {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .venues-list {
    gap: 64px;
  }
}

.venues-item {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 991px) {
  .venues-item {
    flex-direction: column !important;
    gap: 48px;
  }
}
.venues-item--reverse {
  flex-direction: row-reverse;
}
.venues-item__content {
  flex: 1 1 0;
  padding-top: 60px;
}
@media (max-width: 991px) {
  .venues-item__content {
    flex: none;
    width: 100%;
    padding-top: 0;
  }
}
.venues-item__title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin-bottom: 20px;
  line-height: 1.2;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .venues-item__title {
    font-size: var(--fs-xl);
  }
}
.venues-item__desc {
  font-size: var(--fs-base);
  color: #aea9b4;
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 440px;
  transition: color var(--transition-duration) ease 0s;
}
.venues-item__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  color: var(--color-text);
  text-decoration: none;
  transition: color var(--transition-duration) ease 0s;
}
.venues-item__link::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1.5px dashed currentColor;
  opacity: 0;
  animation: venues-link-spin 3s linear infinite;
  animation-play-state: paused;
  transition: opacity 0.3s ease;
}
.venues-item__link:hover {
  color: var(--color-brand);
}
.venues-item__link:hover::before {
  opacity: 1;
  animation-play-state: running;
}
.venues-item__visual {
  flex: 0 0 450px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 440px;
}
@media (max-width: 991px) {
  .venues-item__visual {
    flex: none;
    width: 100%;
    min-height: 340px;
  }
}
@media (max-width: 575px) {
  .venues-item__visual {
    min-height: 260px;
  }
}
.venues-item__shape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: #f7e7cd;
  border-radius: 20px;
  z-index: 0;
  transition: background var(--transition-duration) ease 0s;
}
.venues-item__img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 380px;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.section-app {
  padding: 60px 0;
  background-color: var(--color-bg);
  overflow: hidden;
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .section-app {
    padding: 80px 0;
  }
}

.app-layout {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 40px;
}
@media (max-width: 991px) {
  .app-layout {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
}
@media (max-width: 575px) {
  .app-layout {
    grid-template-columns: 1fr;
  }
}

.app-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 991px) {
  .app-left {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (max-width: 575px) {
  .app-left {
    order: 1;
  }
}
.app-left__cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.app-left__cards .app-card:nth-child(1) {
  transform: translateX(100px);
  background: linear-gradient(#1a1007, #1a1007) padding-box, linear-gradient(90deg, #cf632d 0%, #422813 100%) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
}
.app-left__cards .app-card:nth-child(1) .app-card__deco {
  left: 0;
  top: 0;
  transform: translateX(-10px);
}
.app-left__cards .app-card:nth-child(2) {
  background: linear-gradient(#1d1d1d, #1d1d1d) padding-box, linear-gradient(90deg, #cf632d 0%, #422813 100%) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
}
.app-left__cards .app-card:nth-child(2) .app-card__deco {
  bottom: 0;
  right: 0;
  transform: translate(10px, 10%);
}

.app-heading__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  opacity: 0.85;
  transform: translate(-50%, -50%);
}
.app-heading__title {
  position: relative;
  font-size: var(--fs-5xl);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  line-height: 1.08;
  z-index: 10;
  transition: color var(--transition-duration) ease 0s;
}
@media (max-width: 1199px) {
  .app-heading__title {
    font-size: var(--fs-8xl);
  }
}
@media (max-width: 991px) {
  .app-heading__title {
    font-size: var(--fs-10xl);
  }
}
@media (max-width: 767px) {
  .app-heading__title {
    font-size: var(--fs-4xl);
  }
}

.app-center {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .app-center {
    grid-column: 2/3;
    grid-row: 1/3;
    align-self: stretch;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .app-center {
    grid-column: 1;
    order: 2;
  }
}

.app-shade {
  position: absolute;
  inset: 0;
  background: #28180b;
  filter: blur(200px);
  border-radius: 100px;
}

.app-mockup-base {
  position: absolute;
  left: 50%;
  bottom: -100px;
  margin: 0 auto;
  transform: translateX(-50%);
  z-index: 0;
}

.app-mockup {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  filter: drop-shadow(-18px -9px 41.6px rgba(0, 0, 0, 0.4)) drop-shadow(-10px 6px 15.1px #2b1605);
  z-index: 10;
}
@media (max-width: 1199px) {
  .app-mockup {
    max-width: 260px;
  }
}
@media (max-width: 575px) {
  .app-mockup {
    max-width: 220px;
    margin: 0 auto;
  }
}

.app-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 991px) {
  .app-right {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media (max-width: 575px) {
  .app-right {
    order: 3;
  }
}
.app-right .app-card:nth-child(1) {
  background: linear-gradient(#1d1d1d, #1d1d1d) padding-box, linear-gradient(90deg, #cf632d 0%, #422813 100%) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  box-shadow: -14px 10px 15px rgba(0, 0, 0, 0.5);
  transform: translate(-100px, -30px);
  z-index: 10;
}
.app-right .app-card:nth-child(1) .app-card__deco {
  left: 0;
  top: 0;
  transform: translate(-10px, -10px);
}
.app-right .app-card:nth-child(2) {
  background: linear-gradient(#1d1d1d, #1d1d1d) padding-box, linear-gradient(90deg, #cf632d 0%, #422813 100%) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  transform: translateX(-50px);
}
.app-right .app-card:nth-child(2) .app-card__deco {
  bottom: 0;
  right: 0;
  transform: translate(10px, 10%);
}
.app-right .app-card:nth-child(3) {
  background: linear-gradient(#1a1007, #1a1007) padding-box, linear-gradient(90deg, #cf632d 0%, #422813 100%) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
}
.app-right .app-card:nth-child(3) .app-card__deco {
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}

.app-bottom {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.app-bottom .app-card {
  width: 100%;
  max-width: 400px;
  transform: translateX(-50%);
}
.app-bottom .app-card .app-card__deco {
  right: 0;
  top: 50%;
  transform: translateX(-50%);
}

.app-card {
  position: relative;
  background: var(--color-bg-card);
  border: 1px solid rgba(207, 99, 45, 0.35);
  border-radius: 20px;
  padding: 22px 24px 22px 24px;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(207, 99, 45, 0.06);
  transition: background var(--transition-duration) ease, border-color var(--transition-duration) ease;
}
.app-card--highlight {
  border-color: rgba(207, 99, 45, 0.65);
  box-shadow: 0 0 32px rgba(207, 99, 45, 0.12);
}
.app-card__text {
  position: relative;
  z-index: 1;
  font-size: var(--fs-lg);
  font-weight: var(--fw-normal);
  color: var(--color-text);
  line-height: 1.4;
  margin: 0;
  padding-right: 48px;
  transition: color var(--transition-duration) ease 0s;
}
.app-card__deco {
  position: absolute;
  bottom: 10px;
  right: 14px;
  height: auto;
  opacity: 0.9;
  pointer-events: none;
}

.section-plan-book {
  padding: 60px 0;
  background-color: var(--color-bg);
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .section-plan-book {
    padding: 80px 0;
  }
}

.plan-book-card {
  background-color: #684e3c;
  border-radius: 32px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 420px;
  min-height: 460px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .plan-book-card {
    grid-template-columns: 1fr 340px;
  }
}
@media (max-width: 991px) {
  .plan-book-card {
    grid-template-columns: 1fr;
  }
}

.plan-book-content {
  padding: 48px 48px;
}
@media (max-width: 767px) {
  .plan-book-content {
    padding: 36px 28px;
  }
}

.plan-book__title {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-medium);
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .plan-book__title {
    font-size: var(--fs-2xl);
  }
}

.plan-book__dest-label {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.plan-book-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}
.plan-book-tabs .nav-item {
  list-style: none;
}

.plan-book-tab {
  display: inline-block;
  background: transparent;
  border: 1.5px solid #f7e7cd;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 8px;
  padding: 7px 18px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
  white-space: nowrap;
}
.plan-book-tab:hover:not(.active) {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}
.plan-book-tab.active {
  background-color: #532713;
  border-color: var(--color-cta);
  color: #ffffff;
}

.plan-book-info {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 28px;
}
@media (max-width: 575px) {
  .plan-book-info {
    flex-direction: column;
    gap: 16px;
  }
}
.plan-book-info__block {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
  padding: 0 20px;
}
.plan-book-info__block:first-child {
  padding-left: 0;
}
.plan-book-info__block:last-child {
  padding-right: 0;
}
@media (max-width: 575px) {
  .plan-book-info__block {
    padding: 0 !important;
  }
}
.plan-book-info__divider {
  width: 1px;
  min-height: 64px;
  align-self: stretch;
  background-color: rgba(255, 255, 255, 0.22);
  flex-shrink: 0;
}
@media (max-width: 575px) {
  .plan-book-info__divider {
    display: none;
  }
}
.plan-book-info__icon {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 3px;
  flex-shrink: 0;
}
.plan-book-info__label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: #ffffff;
  margin: 0 0 4px;
  line-height: 1.3;
}
.plan-book-info__value {
  font-size: var(--fs-base);
  color: #fffbfe;
  margin: 0;
  line-height: 1.55;
}

.plan-book__cta-wrap {
  max-width: 550px;
}

.plan-book__btn-booking {
  display: block;
  width: 100%;
  background-color: var(--color-cta);
  color: #ffffff;
  text-align: center;
  padding: 15px 24px;
  border-radius: 10px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  margin-bottom: 18px;
  transition: background-color 0.25s ease 0s;
}
.plan-book__btn-booking:hover {
  background-color: var(--color-cta-hover);
  color: #ffffff;
}

.plan-book__app-promo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.plan-book__app-promo strong {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: #ffffff;
}
.plan-book__app-promo a {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  transition: color 0.2s ease 0s;
}
.plan-book__app-promo a:hover {
  color: #ffffff;
}

.plan-book-panes .tab-pane.fade {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.38s ease, transform 0.38s ease;
}
.plan-book-panes .tab-pane.fade.show {
  opacity: 1;
  transform: translateY(0);
}

.plan-book-visual {
  position: relative;
  overflow: hidden;
  min-height: 340px;
  transform: translate(75px, 100px);
}
@media (max-width: 991px) {
  .plan-book-visual {
    min-height: 260px;
  }
}
.plan-book-visual__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}

.section-download-app {
  padding: 120px 0;
  background-color: var(--color-bg);
  overflow: hidden;
  transition: background-color var(--transition-duration) ease 0s;
}
@media (max-width: 767px) {
  .section-download-app {
    padding: 80px 0;
  }
}

.download-app-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 64px;
}
@media (max-width: 991px) {
  .download-app-layout {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

.download-app-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.download-app-blob {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-25%, -75%);
  width: 50%;
  padding-bottom: 50%;
  background-color: #3a2010;
  border-radius: 50%;
  pointer-events: none;
}

.download-app-phone {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
}

.download-app-content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .download-app-content {
    align-items: center;
    text-align: center;
  }
}

.download-app__title {
  font-size: clamp(2rem, 3vw, 2.4rem);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  line-height: 1.12;
  margin-bottom: 18px;
  transition: color var(--transition-duration) ease 0s;
}

.download-app__desc {
  font-size: var(--fs-lg);
  color: #938f99;
  line-height: 1.65;
  margin-bottom: 36px;
  transition: color var(--transition-duration) ease 0s;
}

.download-app__store-row {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 575px) {
  .download-app__store-row {
    flex-direction: column;
  }
}

.btn-store-filled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1;
  background: linear-gradient(180deg, #cf632d 0%, #a13600 100%);
  border: 1px solid #4c2418;
  box-shadow: inset 10px 10px 15px rgba(199, 114, 84, 0.3);
  color: #ffffff;
  padding: 20px 40px;
  border-radius: 16px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.25s ease 0s;
}
.btn-store-filled:hover {
  background: linear-gradient(180deg, #d96e3a 0%, #b84000 100%);
  color: #ffffff;
}
.btn-store-filled__icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.btn-store-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  background-color: transparent;
  border: 1.5px solid rgba(207, 99, 45, 0.55);
  color: var(--color-cta);
  padding: 15px 24px;
  border-radius: 12px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  margin-bottom: 28px;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.btn-store-outline:hover {
  background-color: var(--color-cta);
  border-color: var(--color-cta);
  color: #ffffff;
}
.btn-store-outline__icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  filter: invert(42%) sepia(75%) saturate(600%) hue-rotate(340deg) brightness(95%);
}
.btn-store-outline:hover .btn-store-outline__icon {
  filter: brightness(0) invert(1);
}

.download-app__stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .download-app__stats {
    justify-content: center;
  }
}

.download-app__stat-group {
  display: flex;
  align-items: center;
  gap: 14px;
}

.download-app__avatars {
  height: 38px;
  width: auto;
  flex-shrink: 0;
}

.download-app__stat-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.download-app__stat-count {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  line-height: 1.2;
  transition: color var(--transition-duration) ease 0s;
}

.download-app__stat-label {
  font-size: var(--fs-xs);
  color: #79747e;
  line-height: 1.3;
  transition: color var(--transition-duration) ease 0s;
}

.download-app__stat-divider {
  width: 1px;
  height: 30px;
  background-color: #605d66;
  flex-shrink: 0;
  transition: background-color var(--transition-duration) ease 0s;
}

.download-app__stat-free {
  font-size: var(--fs-base);
  color: var(--color-text-body);
  transition: color var(--transition-duration) ease 0s;
}

.download-app__or {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 200px;
  margin: 0 auto 14px;
}

.download-app__or-line {
  flex: 1;
  height: 1px;
  background-color: #605d66;
  transition: background-color var(--transition-duration) ease 0s;
}

.download-app__or-text {
  font-size: var(--fs-base);
  color: var(--white);
  flex-shrink: 0;
  transition: color var(--transition-duration) ease 0s;
}

.btn-tickets-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: transparent;
  border: 1.5px solid rgba(207, 99, 45, 0.55);
  color: var(--color-cta);
  padding: 15px 24px;
  border-radius: 16px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.btn-tickets-outline:hover {
  background-color: var(--color-cta);
  border-color: var(--color-cta);
  color: #ffffff;
}

.venues-sec {
  background-color: var(--color-bg);
  padding: 48px 0 80px;
}

.venue-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.venue-card {
  display: flex;
  background-color: #1d1d1d;
  border-radius: 16px;
  overflow: hidden;
  min-height: 280px;
  position: relative;
}
.venue-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, -20%), rgba(200, 150, 100, 0.14) 0%, transparent 55%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.venue-card:hover::before {
  opacity: 1;
}
.venue-card__content {
  flex: 0 0 38%;
  padding: 44px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 2;
}
.venue-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
}
.venue-card__logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}
.venue-card__logo-placeholder {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.12);
  flex-shrink: 0;
}
.venue-card__name {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin: 0;
  line-height: 1.2;
  transition: color 0.25s ease-out 0s;
}
.venue-card__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  text-decoration: none;
  transition: opacity 0.2s ease-out 0s;
}
.venue-card__more:hover {
  opacity: 0.7;
}
.venue-card__more svg {
  flex-shrink: 0;
}
.venue-card__visual {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.venue-card__glow {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(10%, -20%);
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(53, 31, 14, 0.95);
  filter: blur(150px);
  z-index: 0;
  pointer-events: none;
}
.venue-card__bg-pattern {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  z-index: 1;
  object-fit: cover;
  opacity: 0.45;
  pointer-events: none;
}
.venue-card__img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 700px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 16px 48px rgba(0, 0, 0, 0.65));
}
.venue-card--soon .venue-card__img {
  filter: grayscale(1) drop-shadow(0 16px 48px rgba(0, 0, 0, 0.65));
}
.venue-card__badge {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgba(185, 123, 101, 0.56) 0%, rgba(83, 55, 46, 0.24) 100%);
  border: 1px solid #351f0e;
  box-shadow: -6px 6px 10px rgba(18, 18, 18, 0.8);
  backdrop-filter: blur(10px);
  color: var(--color-text);
  padding: 8px 24px;
  border-radius: 8px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  letter-spacing: 0.03em;
}

@media (max-width: 1200px) {
  .venue-card__content {
    flex: 0 0 40%;
  }
  .venue-card__name {
    font-size: var(--fs-2xl);
  }
}
@media (max-width: 991px) {
  .venue-card__content {
    flex: 0 0 44%;
    padding: 32px 28px;
  }
  .venue-card__name {
    font-size: var(--fs-xl);
  }
}
@media (max-width: 767px) {
  .venue-card {
    flex-direction: column;
  }
  .venue-card__content {
    flex: none;
    padding: 28px 24px;
  }
  .venue-card__visual {
    min-height: 200px;
  }
  .venue-card__img {
    max-height: 180px;
  }
  .venue-card__name {
    font-size: var(--fs-lg);
  }
}
.page-header-sec {
  padding-top: 16px;
  padding-bottom: 32px;
}

.page-header__breadcrumb .breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  margin: 0;
  background: transparent;
  list-style: none;
  flex-wrap: wrap;
}
.page-header__breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: var(--fs-5xl);
  color: #b3b3b3;
}
.page-header__breadcrumb .breadcrumb-item a {
  color: #b3b3b3;
  text-decoration: none;
  transition: color 0.2s ease-out 0s;
}
.page-header__breadcrumb .breadcrumb-item a:hover {
  color: var(--color-primary);
}
.page-header__breadcrumb .breadcrumb-item.active {
  color: #fffbfe;
}
.page-header__breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.page-header__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 24px;
  background-image: url("../../assets/images/breadcrumb-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 10px;
  flex-shrink: 0;
}

.page-header__title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 12px 0 0;
  line-height: 1.15;
}

.section-fort-showcase {
  padding-bottom: 80px;
}

.fort-showcase__img-wrap {
  margin-bottom: 48px;
  text-align: center;
}

.fort-showcase__img {
  width: 100%;
  max-width: 1080px;
}

.fort-showcase__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.fort-info__value {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.85;
  margin: 0;
}

.section-events {
  padding: 80px 0 100px;
  background-color: var(--color-bg);
}

.section-events__title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 36px;
}

.events-slider-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.events-swiper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
}

.event-card {
  display: flex;
  background-color: #f2e2c4;
  border-radius: 24px;
  overflow: hidden;
  min-height: 340px;
}
@media (max-width: 767px) {
  .event-card {
    flex-direction: column;
  }
}
.event-card__img-wrap {
  flex: 0 0 40%;
  position: relative;
  padding-left: 62px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
@media (max-width: 767px) {
  .event-card__img-wrap {
    flex: none;
    height: 220px;
    padding-left: 0;
  }
}
.event-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-card__content {
  flex: 1;
  padding: 24px 52px 24px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 28px;
}
@media (max-width: 991px) {
  .event-card__content {
    padding: 36px 32px 36px 28px;
  }
}
@media (max-width: 767px) {
  .event-card__content {
    padding: 28px 24px;
  }
}
.event-card__title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-semibold);
  color: var(--black);
  margin: 0;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .event-card__title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 767px) {
  .event-card__title {
    font-size: var(--fs-2xl);
  }
}
.event-card__meta {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.event-card__meta-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.event-card__meta-icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #1a1208;
}
.event-card__meta-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 4px;
}
.event-card__meta-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: #1a1208;
  line-height: 1;
}
.event-card__meta-value {
  font-size: var(--fs-base);
  color: rgba(26, 18, 8, 0.6);
  line-height: 1.45;
}

.btn-book-event {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-cta);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px 36px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  align-self: flex-start;
  transition: background-color 0.2s ease-out 0s;
}
.btn-book-event:hover {
  background-color: var(--color-cta-hover);
  color: #fff;
}

.events-nav {
  width: 52px;
  height: 52px;
  border-radius: 100px;
  background: linear-gradient(180deg, rgba(212, 166, 150, 0.12) 0%, rgba(185, 123, 101, 0.08) 100%);
  border: 1px solid #cf632d;
  backdrop-filter: blur(7.5px);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.2s ease-out 0s;
}
.events-nav:hover {
  opacity: 0.7;
}
.events-nav:disabled {
  opacity: 0.35;
  pointer-events: none;
}
@media (max-width: 767px) {
  .events-nav {
    display: none;
  }
}

.section-fort-info {
  padding: 0 0 80px;
  background-color: var(--color-bg);
}

.section-fort-info__title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 40px;
}

.fort-info-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 20px;
}
.fort-info-strip__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.fort-info-strip__icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-text);
  font-size: 17px;
}
.fort-info-strip__label {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin: 0 0 3px;
  line-height: 1;
}
.fort-info-strip__value {
  font-size: var(--fs-base);
  color: #ecdcd3;
  margin: 0;
  line-height: 1.35;
}
.fort-info-strip__sep {
  width: 1px;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.15);
  flex-shrink: 0;
  margin: 0 24px;
}
.fort-info-strip__handle {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.2s ease-out 0s;
}
.fort-info-strip__handle:hover {
  color: var(--color-primary);
}

.fort-map {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 12px;
}
.fort-map__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.fort-map__btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: #e8eddf;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  transition: background-color 0.2s ease-out 0s;
}
.fort-map__btn:hover {
  background-color: #d4dbc8;
}

.section-gallery {
  padding: 0 0 100px;
  background-color: var(--color-bg);
}

.section-gallery__title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 36px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 991px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.gallery-item {
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  perspective: 800px;
}
.gallery-item__inner {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  will-change: transform;
}
.gallery-item__img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .gallery-item__img {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .gallery-item__img {
    height: 260px;
  }
}
.gallery-item__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s;
}
.gallery-item:hover .gallery-item__overlay {
  opacity: 1;
}
.gallery-item__zoom-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-out 0s;
}
.gallery-item:hover .gallery-item__zoom-icon {
  transform: scale(1.12);
}

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out 0s;
}
.gallery-lightbox.is-open {
  opacity: 1;
  pointer-events: all;
}
.gallery-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(6px);
}
.gallery-lightbox__content {
  position: relative;
  z-index: 1;
  max-width: 90vw;
  max-height: 90vh;
}
.gallery-lightbox__img {
  display: block;
  max-width: 100%;
  max-height: 90vh;
  border-radius: 16px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.6);
  transform: scale(0.88);
  transition: transform 0.35s ease-out 0s;
}
.gallery-lightbox.is-open .gallery-lightbox__img {
  transform: scale(1);
}
.gallery-lightbox__close {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
  z-index: 2;
}
.gallery-lightbox__close:hover {
  background: rgba(255, 255, 255, 0.26);
}

.section-nearby {
  padding: 0 0 80px;
  background-color: var(--color-bg);
}

.nearby-card {
  display: flex;
  background-color: #031e10;
  border-radius: 24px;
  overflow: hidden;
  min-height: 280px;
}
@media (max-width: 767px) {
  .nearby-card {
    flex-direction: column;
  }
}
.nearby-card__content {
  flex: 0 0 55%;
  padding: 52px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
}
@media (max-width: 1200px) {
  .nearby-card__content {
    padding: 44px 48px;
  }
}
@media (max-width: 991px) {
  .nearby-card__content {
    flex: 0 0 60%;
    padding: 40px 36px;
  }
}
@media (max-width: 767px) {
  .nearby-card__content {
    flex: none;
    padding: 36px 28px;
  }
}
.nearby-card__title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .nearby-card__title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 767px) {
  .nearby-card__title {
    font-size: var(--fs-2xl);
  }
}
.nearby-card__visual {
  flex: 1;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .nearby-card__visual {
    height: 240px;
  }
}
.nearby-card__img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left top;
  display: block;
}
@media (max-width: 767px) {
  .nearby-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
}

.nearby-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.nearby-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0;
}
@media (max-width: 575px) {
  .nearby-list__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.nearby-list__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.nearby-list__name {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: #fff;
  margin: 0;
  line-height: 1.3;
}
.nearby-list__type {
  font-weight: var(--fw-normal);
  color: #666666;
}
.nearby-list__url {
  font-size: var(--fs-base);
  color: #11994f;
  text-decoration: none;
  display: block;
  transition: opacity 0.2s ease-out 0s;
}
.nearby-list__url:hover {
  opacity: 0.75;
}
.nearby-list__map-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color 0.2s ease-out 0s;
}
.nearby-list__map-link:hover {
  color: #fff;
}

.section-plan-visit {
  padding: 0 0 80px;
  background-color: var(--color-bg);
}

.plan-visit-card {
  display: flex;
  background-color: #351f0e;
  border-radius: 24px;
  overflow: hidden;
  min-height: 310px;
  position: relative;
}
@media (max-width: 767px) {
  .plan-visit-card {
    flex-direction: column;
  }
}
.plan-visit-card__content {
  flex: 0 0 55%;
  padding: 60px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 28px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1200px) {
  .plan-visit-card__content {
    flex: 0 0 58%;
    padding: 52px 44px;
  }
}
@media (max-width: 991px) {
  .plan-visit-card__content {
    flex: 0 0 62%;
    padding: 44px 36px;
  }
}
@media (max-width: 767px) {
  .plan-visit-card__content {
    flex: none;
    padding: 36px 28px;
    gap: 20px;
  }
}
.plan-visit-card__title {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-light);
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .plan-visit-card__title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 767px) {
  .plan-visit-card__title {
    font-size: var(--fs-2xl);
  }
}
.plan-visit-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-cta);
  color: #fff;
  text-decoration: none;
  border-radius: 16px;
  padding: 16px 32px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  transition: background-color 0.2s ease-out 0s;
}
.plan-visit-card__cta:hover {
  background-color: var(--color-cta-hover);
  color: #fff;
}
@media (max-width: 991px) {
  .plan-visit-card__cta {
    max-width: 100%;
  }
}
.plan-visit-card__app-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.plan-visit-card__save {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: #fff;
  white-space: nowrap;
}
.plan-visit-card__app-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  transition: color 0.2s ease-out 0s;
}
.plan-visit-card__app-link:hover {
  color: #fff;
}
.plan-visit-card__app-link svg {
  flex-shrink: 0;
}
.plan-visit-card__visual {
  flex: 1;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .plan-visit-card__visual {
    height: 240px;
  }
}
.plan-visit-card__img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
  object-position: bottom right;
  display: block;
}
@media (max-width: 767px) {
  .plan-visit-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
}

.section-news-header {
  padding: 48px 0 0;
}

.news-page-title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 48px;
  line-height: 1.15;
}

.news-tabs-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
}

.news-tabs {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 100px;
  padding: 6px;
  gap: 4px;
}

.news-tab {
  border: none;
  border-radius: 100px;
  padding: 12px 40px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  transition: all 0.25s ease-out 0s;
}
.news-tab.is-active {
  background-color: var(--color-cta);
  color: #fff;
}
.news-tab:not(.is-active):hover {
  color: #fff;
}
@media (max-width: 480px) {
  .news-tab {
    padding: 10px 28px;
    font-size: var(--fs-base);
  }
}

.section-news-feed {
  padding: 0 0 100px;
}

.news-feed__label {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.4);
  margin: 0 0 40px;
  letter-spacing: 0.02em;
}

.news-list {
  display: flex;
  flex-direction: column;
}

.news-item {
  display: flex;
  align-items: center;
  gap: 70px;
  padding: 70px 0;
}
@media (max-width: 991px) {
  .news-item {
    gap: 36px;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .news-item {
    flex-direction: column;
    gap: 24px;
    padding: 36px 0;
  }
}
@media (max-width: 767px) {
  .news-item--img-right {
    flex-direction: column-reverse;
  }
}
.news-item__img-wrap {
  flex: 0 0 380px;
}
@media (max-width: 991px) {
  .news-item__img-wrap {
    flex: 0 0 200px;
  }
}
@media (max-width: 767px) {
  .news-item__img-wrap {
    flex: none;
    width: 100%;
  }
}
.news-item__img {
  width: 100%;
  object-fit: cover;
  border: 3px solid #f7e7cd;
  border-radius: 16px;
  display: block;
}
@media (max-width: 767px) {
  .news-item__img {
    height: 220px;
  }
}
.news-item__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news-item__img-wrap a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  transition: opacity 0.25s ease-out 0s;
}
.news-item__img-wrap a:hover {
  opacity: 0.85;
}
.news-item__title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .news-item__title {
    font-size: var(--fs-2xl);
  }
}
@media (max-width: 767px) {
  .news-item__title {
    font-size: var(--fs-xl);
  }
}
.news-item__title a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease-out 0s;
}
.news-item__title a:hover {
  opacity: 0.75;
}
.news-item__excerpt {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  line-height: 1.75;
}
.news-item__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-base);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--fw-medium);
  margin-top: 4px;
  transition: opacity 0.2s ease-out 0s;
}
.news-item__read-more:hover {
  opacity: 0.72;
  color: var(--color-primary);
}

.section-news-gallery {
  padding: 0 0 100px;
}

.gallery-category {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 48px;
}

.gallery-category__title {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin: 0;
}

.gallery-grid--news .gallery-item__img {
  height: 210px;
}
@media (max-width: 991px) {
  .gallery-grid--news .gallery-item__img {
    height: 175px;
  }
}
@media (max-width: 575px) {
  .gallery-grid--news .gallery-item__img {
    height: 200px;
  }
}

.btn-gallery-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 24px;
  background: transparent;
  border: 1px solid var(--color-primary);
  border-radius: 12px;
  color: var(--color-primary);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
}
.btn-gallery-more:hover {
  background-color: rgba(207, 99, 45, 0.08);
}

.news-panel[hidden] {
  display: none;
}

/* ─── Hero Image ─────────────────────────────────────────────────────────────*/
.section-nd-hero {
  padding: 0 0 48px;
}

.nd-hero-img-wrap {
  border-radius: 20px;
  overflow: hidden;
  line-height: 0;
}

.nd-hero-img {
  width: 100%;
  height: 440px;
  border: 3px solid #f7e7cd;
  border-radius: 16px;
  object-fit: cover;
  display: block;
}

@media (max-width: 991px) {
  .nd-hero-img {
    height: 340px;
  }
}
@media (max-width: 767px) {
  .nd-hero-img {
    height: 260px;
    border-radius: 14px;
  }
  .nd-hero-img-wrap {
    border-radius: 14px;
  }
}
/* ─── Article Section ────────────────────────────────────────────────────────*/
.section-nd-article {
  padding: 0 0 80px;
}

.nd-article-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.nd-article-title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin: 0;
  line-height: 1.2;
}

.nd-article-date {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
  padding-top: 8px;
  white-space: nowrap;
}

.nd-article-body {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.nd-article-text {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.9;
  margin: 0;
}

/* ─── Decorative Icon Divider ────────────────────────────────────────────────*/
.nd-icon-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0 60px;
}

.nd-icon-divider img {
  width: 52px;
  height: auto;
  display: block;
}

/* ─── Gallery Section ────────────────────────────────────────────────────────*/
.section-nd-gallery {
  padding: 0 0 80px;
  background-color: var(--color-bg);
}

.nd-gallery-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  color: var(--color-text);
  margin: 0 0 32px;
  letter-spacing: 0.01em;
}

/* ─── Responsive ─────────────────────────────────────────────────────────────*/
@media (max-width: 991px) {
  .section-nd-article {
    padding: 0 0 60px;
  }
  .nd-article-title {
    font-size: var(--fs-xl);
  }
}
@media (max-width: 767px) {
  .section-nd-article {
    padding: 0 0 48px;
  }
  .nd-article-header {
    flex-direction: column;
    gap: 6px;
    margin-bottom: 28px;
    padding-bottom: 24px;
  }
  .nd-article-date {
    padding-top: 0;
  }
  .nd-article-title {
    font-size: var(--fs-lg);
  }
  .nd-icon-divider {
    padding: 24px 0 40px;
  }
}
@media (max-width: 480px) {
  .nd-article-title {
    font-size: var(--fs-lg);
  }
  .nd-article-text {
    font-size: var(--fs-base);
  }
}
.section-contact-header {
  padding: 48px 0 0;
}

.contact-page-title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 48px;
  line-height: 1.15;
}

.section-event-promo {
  padding: 0 0 0;
}

.event-promo-card {
  display: flex;
  align-items: center;
  gap: 40px;
  background-color: #625d52;
  border-radius: 24px;
  overflow: hidden;
  min-height: 160px;
  padding: 16px 48px 0;
}
@media (max-width: 991px) {
  .event-promo-card {
    gap: 28px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .event-promo-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 28px;
  }
}
.event-promo-card__visual {
  flex: 0 0 180px;
  align-self: stretch;
  overflow: hidden;
}
@media (max-width: 991px) {
  .event-promo-card__visual {
    flex: 0 0 140px;
  }
}
@media (max-width: 767px) {
  .event-promo-card__visual {
    flex: none;
    width: 100%;
    max-height: 160px;
  }
}
.event-promo-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.event-promo-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.event-promo-card__title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  color: #f7e7cd;
  margin: 0;
}
@media (max-width: 991px) {
  .event-promo-card__title {
    font-size: var(--fs-lg);
  }
}
.event-promo-card__subtitle {
  font-size: var(--fs-base);
  color: #f7e7cd;
  margin: 0;
  line-height: 1.6;
  max-width: 400px;
}
.event-promo-card__cta-wrap {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .event-promo-card__cta-wrap {
    width: 100%;
  }
}

.btn-event-promo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 40px;
  background-color: var(--color-cta);
  color: #fff;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  border-radius: 16px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
}
.btn-event-promo:hover {
  background-color: #dd662a;
  color: #fff;
}
@media (max-width: 767px) {
  .btn-event-promo {
    width: 100%;
    padding: 13px 24px;
  }
}

.section-contact-form {
  padding: 0 0 100px;
}

.contact-form-title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin: 0 0 32px;
}
@media (max-width: 767px) {
  .contact-form-title {
    font-size: var(--fs-xl);
    margin: 0 0 24px;
  }
}

.contact-form-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 48px;
}
@media (max-width: 991px) {
  .contact-form-card {
    padding: 36px 32px;
  }
}
@media (max-width: 575px) {
  .contact-form-card {
    padding: 28px 20px;
    border-radius: 18px;
  }
}
.contact-form-card__divider {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
  margin: 40px 0;
}
@media (max-width: 767px) {
  .contact-form-card__divider {
    margin: 28px 0;
  }
}

.contact-inquiry {
  border: none;
  padding: 0;
  margin: 0;
}
.contact-inquiry__label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin: 0 0 20px;
  display: block;
}
.contact-inquiry__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (max-width: 480px) {
  .contact-inquiry__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.contact-inquiry__option {
  display: block;
  cursor: pointer;
}
.contact-inquiry__radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.contact-inquiry__btn {
  display: block;
  padding: 14px 20px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: #282828;
  color: var(--white);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  text-align: center;
  transition: all 0.2s ease-out 0s;
}
.contact-inquiry__option:hover .contact-inquiry__btn {
  border-color: rgba(207, 99, 45, 0.5);
  color: var(--color-text);
}
.contact-inquiry__radio:checked ~ .contact-inquiry__btn {
  border-color: #cf632d;
  color: var(--color-text);
  background: #28180b;
}
.contact-inquiry__radio:focus-visible ~ .contact-inquiry__btn {
  outline: 2px solid var(--color-cta);
  outline-offset: 2px;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact-form__section-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin: 0 0 4px;
}
.contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .contact-form__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.contact-form__field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-form__label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.7);
}
.contact-form__input {
  width: 100%;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: var(--color-text);
  font-size: var(--fs-base);
  font-family: var(--primary-font), sans-serif;
  outline: none;
  transition: border-color 0.2s ease-out 0s;
}
.contact-form__input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.contact-form__input:focus {
  border-color: rgba(207, 99, 45, 0.6);
}
.contact-form__phone-wrap {
  display: flex;
  align-items: stretch;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
  transition: border-color 0.2s ease-out 0s;
}
.contact-form__phone-wrap:focus-within {
  border-color: rgba(207, 99, 45, 0.6);
}
.contact-form__phone-flag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  cursor: default;
}
.contact-form__flag-img {
  width: 22px;
  height: 16px;
  object-fit: cover;
  border-radius: 2px;
  display: block;
}
.contact-form__phone-code {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.contact-form__phone-chevron {
  color: rgba(255, 255, 255, 0.35);
}
.contact-form__input--phone {
  border: none;
  border-radius: 0;
  background: transparent;
  padding-left: 14px;
  flex: 1;
}
.contact-form__input--phone:focus {
  border-color: transparent;
}
.contact-form__textarea {
  width: 100%;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: var(--color-text);
  font-size: var(--fs-base);
  font-family: var(--primary-font), sans-serif;
  outline: none;
  resize: vertical;
  min-height: 140px;
  transition: border-color 0.2s ease-out 0s;
}
.contact-form__textarea::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.contact-form__textarea:focus {
  border-color: rgba(207, 99, 45, 0.6);
}

.btn-contact-submit {
  display: block;
  width: 100%;
  padding: 16px 24px;
  background-color: var(--color-cta);
  color: #fff;
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  font-family: var(--primary-font), sans-serif;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
  margin-top: 8px;
}
.btn-contact-submit:hover {
  background-color: #dd662a;
}

.section-shop-header {
  padding: 48px 0 0;
}

.shop-page-title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 40px;
  line-height: 1.15;
}

.section-shop-featured {
  padding: 0 0 24px;
}

.shop-featured-card {
  display: flex;
  align-items: center;
  gap: 32px;
  background-color: #f7e7cd;
  border-radius: 16px;
  overflow: hidden;
  padding: 24px 48px;
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .shop-featured-card {
    padding-right: 32px;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .shop-featured-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 28px;
    gap: 16px;
  }
}
.shop-featured-card__visual {
  flex: 0 0 250px;
  align-self: stretch;
}
@media (max-width: 991px) {
  .shop-featured-card__visual {
    flex: 0 0 110px;
  }
}
@media (max-width: 767px) {
  .shop-featured-card__visual {
    flex: none;
    width: 100%;
    height: 160px;
  }
}
.shop-featured-card__img {
  width: 100%;
}
.shop-featured-card__info {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .shop-featured-card__info {
    padding: 0 28px;
  }
}
.shop-featured-card__logo {
  width: 60px;
  display: block;
  margin-bottom: 4px;
}
.shop-featured-card__title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-medium);
  color: #1a1209;
  margin: 0;
}
@media (max-width: 991px) {
  .shop-featured-card__title {
    font-size: var(--fs-lg);
  }
}
.shop-featured-card__price-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
.shop-featured-card__omr-icon {
  width: 48px;
  height: auto;
  display: block;
  flex-shrink: 0;
}
.shop-featured-card__price {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: #1a1209;
}
.shop-featured-card__tags {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-xs);
  color: #333333;
  margin-top: 2px;
}
.shop-featured-card__tag-sep {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}
.shop-featured-card__cta {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .shop-featured-card__cta {
    padding: 0 28px;
    width: 100%;
  }
}

.btn-buy-now {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 28px;
  background-color: var(--color-cta);
  color: #fff;
  border-radius: 16px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
}
.btn-buy-now:hover {
  background-color: #dd662a;
  color: #fff;
}
@media (max-width: 767px) {
  .btn-buy-now {
    width: 100%;
    justify-content: center;
    padding: 13px 24px;
  }
}

.section-shop-workshops {
  padding: 0 0 16px;
}

.workshop-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 767px) {
  .workshop-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.workshop-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: 36px 36px 32px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .workshop-card {
    padding: 28px 28px 28px;
    min-height: 240px;
  }
}
@media (max-width: 575px) {
  .workshop-card {
    padding: 24px;
    min-height: 200px;
  }
}
.workshop-card__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  object-fit: cover;
  display: block;
}
.workshop-card__overlay {
  position: absolute;
  inset: 0;
  background: #4f5947;
}
.workshop-card__overlay--brown {
  background: #684e3c;
}
.workshop-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.workshop-card__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-medium);
  color: #fff;
  margin: 0;
}
@media (max-width: 991px) {
  .workshop-card__title {
    font-size: var(--fs-lg);
  }
}
.workshop-card__desc {
  font-size: var(--fs-base);
  color: var(--white);
  margin: 0;
  line-height: 1.75;
  max-width: 380px;
}
.workshop-card__cta {
  position: relative;
  z-index: 1;
  margin-top: 28px;
}
@media (max-width: 991px) {
  .workshop-card__cta {
    margin-top: 20px;
  }
}

.btn-workshop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  background-color: var(--color-cta);
  color: #fff;
  border-radius: 16px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
}
.btn-workshop:hover {
  background-color: #dd662a;
  color: #fff;
}

.shop-mezrad-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 62px 0 62px;
}
.shop-mezrad-divider img {
  height: 88px;
  width: auto;
  display: block;
}

.section-shop-items {
  padding: 0 0 100px;
}

.shop-items-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
}
@media (max-width: 575px) {
  .shop-items-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.shop-items-title {
  font-size: var(--fs-lg);
  color: var(--white);
  margin: 0;
  letter-spacing: 0.02em;
}

.shop-items-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-shop-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 8px;
  border: 1px solid #cf632d;
  background: transparent;
  color: #cf632d;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
}
.btn-shop-action img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.btn-shop-action:hover {
  color: var(--white);
}
.btn-shop-action:hover img {
  opacity: 1;
}

.btn-shop-filter {
  padding: 9px;
  width: 40px;
  height: 40px;
  justify-content: center;
  background: linear-gradient(180deg, rgba(212, 166, 150, 0.12) 0%, rgba(185, 123, 101, 0.08) 100%);
  border: 1px solid #cf632d;
  backdrop-filter: blur(7.5px);
  border-radius: 12px;
}
.btn-shop-filter img {
  width: 20px;
  height: 20px;
}

.cart-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  background-color: var(--color-cta);
  color: #fff;
  border-radius: 100px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  padding: 0 5px;
  line-height: 1;
}

@keyframes wishlist-pop {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.45);
  }
  60% {
    transform: scale(0.85);
  }
  80% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
.shop-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .shop-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .shop-grid {
    grid-template-columns: 1fr;
  }
}

.shop-item-card {
  background: #1d1d1d;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.shop-item-card__img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 20px 20px;
  background: #1c1c1c;
  min-height: 180px;
}
.shop-item-card__img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  display: block;
}
.shop-item-card__wishlist {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(212, 166, 150, 0.12) 0%, rgba(185, 123, 101, 0.08) 100%);
  border: 1px solid #cf632d;
  backdrop-filter: blur(7.5px);
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s ease-out 0s;
}
.shop-item-card__wishlist img {
  width: 20px;
  height: 20px;
  display: block;
  transition: filter 0.25s ease-out 0s;
}
.shop-item-card__wishlist:hover img {
  filter: brightness(1.4);
}
.shop-item-card__wishlist.is-wishlisted img {
  filter: invert(35%) sepia(90%) saturate(700%) hue-rotate(330deg) brightness(1.05);
}
.shop-item-card__wishlist.is-popping img {
  animation: wishlist-pop 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards;
}
.shop-item-card__info {
  padding: 12px 14px 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  background-color: #422813;
  flex: 1;
}
.shop-item-card__name {
  grid-column: 1;
  grid-row: 1;
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.4;
}
.shop-item-card__price-row {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  align-items: center;
  gap: 8px;
}
.shop-item-card__price {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
}
.shop-item-card__price-original {
  font-size: var(--fs-xs);
  color: rgba(255, 255, 255, 0.28);
  text-decoration: line-through;
}
.shop-item-card__price-sep {
  font-size: var(--fs-xs);
  color: rgba(255, 255, 255, 0.2);
  user-select: none;
}
.shop-item-card .btn-add-cart {
  grid-column: 2;
  grid-row: 1/3;
  width: auto;
  white-space: nowrap;
}

.btn-add-cart {
  display: block;
  padding: 10px 16px;
  background-color: var(--color-cta);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s ease-out 0s;
}
.btn-add-cart:hover {
  background-color: #dd662a;
}
.btn-add-cart--added {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.45);
  cursor: default;
}
.btn-add-cart--added:hover {
  background: rgba(255, 255, 255, 0.08);
}

.bt-section-header {
  padding: 48px 0 0;
}

.bt-page-title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: var(--color-text);
  margin: 0 0 40px;
  line-height: 1.15;
}

.bt-section-event {
  padding: 0 0 48px;
}

.bt-event-card {
  display: flex;
  align-items: center;
  gap: 40px;
  background-color: #f3e3c1;
  border-radius: 24px;
  overflow: hidden;
  min-height: 160px;
  padding: 0 48px;
}
@media (max-width: 991px) {
  .bt-event-card {
    gap: 28px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .bt-event-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 28px 28px;
  }
}
.bt-event-card__visual {
  flex: 0 0 180px;
  align-self: stretch;
  overflow: hidden;
}
@media (max-width: 991px) {
  .bt-event-card__visual {
    flex: 0 0 140px;
  }
}
@media (max-width: 767px) {
  .bt-event-card__visual {
    flex: none;
    width: 100%;
    max-height: 160px;
  }
}
.bt-event-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.bt-event-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bt-event-card__title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  color: #1f1a12;
  margin: 0;
}
@media (max-width: 991px) {
  .bt-event-card__title {
    font-size: var(--fs-lg);
  }
}
.bt-event-card__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-base);
  color: rgba(31, 26, 18, 0.6);
  text-decoration: none;
  transition: color 0.2s ease-out 0s;
}
.bt-event-card__more:hover {
  color: #1f1a12;
}
.bt-event-card__cta-wrap {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .bt-event-card__cta-wrap {
    width: 100%;
  }
}

.bt-btn-book-event {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 40px;
  background-color: var(--color-cta);
  color: #fff;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  border-radius: 16px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-out 0s;
}
.bt-btn-book-event:hover {
  background-color: #dd662a;
  color: #fff;
}
@media (max-width: 767px) {
  .bt-btn-book-event {
    width: 100%;
    padding: 13px 24px;
  }
}

.bt-step-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 6px;
}
.bt-step-label::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-cta);
  flex-shrink: 0;
}

.bt-section-title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin: 0 0 28px;
  line-height: 1.2;
}

.bt-section-venues {
  padding: 0 0 48px;
}

.bt-venue-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .bt-venue-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

.bt-venue-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid transparent;
  background: #1d1d1d;
  cursor: pointer;
  transition: border-color 0.25s ease-out 0s;
}
.bt-venue-card.is-selected {
  border-color: var(--color-cta);
}
.bt-venue-card.is-disabled {
  cursor: default;
  opacity: 0.75;
}
.bt-venue-card__radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.bt-venue-card__glow {
  position: absolute;
  right: 0;
  bottom: 0%;
  transform: translate(50%, 50%);
  width: 75%;
  height: 75%;
  border-radius: 50%;
  background: #422813;
  filter: blur(100px);
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s;
}
.bt-venue-card.is-selected .bt-venue-card__glow {
  opacity: 1;
}
.bt-venue-card__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px;
}
.bt-venue-card__name {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
}
.bt-venue-card__radio-indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 0.2s ease-out 0s;
}
.bt-venue-card__radio-indicator::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-cta);
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.bt-venue-card.is-selected .bt-venue-card__radio-indicator {
  border-color: var(--color-cta);
}
.bt-venue-card.is-selected .bt-venue-card__radio-indicator::after {
  opacity: 1;
}
.bt-venue-card__img-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.bt-venue-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bt-venue-card__coming-soon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgba(185, 123, 101, 0.56) 0%, rgba(83, 55, 46, 0.24) 100%);
  border: 1px solid #cf632d;
  box-shadow: -6px 6px 10px rgba(18, 18, 18, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 8px 24px;
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bt-venue-card__footer {
  position: relative;
  z-index: 1;
  padding: 16px 24px 24px;
}

.bt-venue-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 16px 16px;
  border-radius: 10px;
  border: 1px solid #cf632d;
  background: transparent;
  color: #cf632d;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
}
.bt-venue-more-btn:hover {
  background: rgba(207, 99, 45, 0.12);
}

.bt-section-packages {
  padding: 0 0 48px;
}

.bt-package-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: center;
}
@media (max-width: 767px) {
  .bt-package-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: stretch;
  }
}

.bt-package-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: 28px 24px 32px;
  border: 1px solid transparent;
  background: #1d1d1d;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bt-package-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, -20%), rgba(207, 99, 45, 0.18) 0%, transparent 55%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.bt-package-card:hover::after {
  opacity: 1;
}
.bt-package-card--featured {
  border: 1.5px solid #cf632d;
  padding-top: 124px;
  padding-bottom: 36px;
}
@media (max-width: 767px) {
  .bt-package-card--featured {
    margin-top: 0;
  }
}
.bt-package-card__glow {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  width: 75%;
  height: 75%;
  border-radius: 50%;
  background: #a64f26;
  filter: blur(100px);
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s;
}
.bt-package-card--featured .bt-package-card__glow {
  opacity: 1;
}
.bt-package-card__pattern {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 58%;
  height: auto;
  pointer-events: none;
  display: block;
  opacity: 0.75;
}
.bt-package-card--featured .bt-package-card__pattern {
  opacity: 0.55;
}
.bt-package-card__type {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid #7c3b1c;
  border-radius: 8px;
  padding: 4px 12px;
  background: rgba(185, 123, 101, 0.2);
  margin: 0 0 14px;
  width: fit-content;
}
.bt-package-card__title {
  position: relative;
  z-index: 1;
  font-size: var(--fs-2xl);
  font-weight: var(--fw-medium);
  color: #fff;
  margin: 0 0 24px;
  line-height: 1.2;
}
.bt-package-card__cta {
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
}
.bt-package-card__features {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bt-package-card__feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.5;
}
.bt-package-card__feature::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  border: 1.5px solid #cf632d;
  background-color: transparent;
  margin-top: 4px;
  flex-shrink: 0;
}

.bt-btn-package {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 15px 24px;
  border-radius: 14px;
  border: 1.5px solid #cf632d;
  background: transparent;
  color: #cf632d;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
}
.bt-btn-package:hover {
  background: rgba(207, 99, 45, 0.1);
}
.bt-btn-package--chosen {
  background: var(--color-cta);
  border-color: var(--color-cta);
  color: #fff;
  font-weight: var(--fw-semibold);
  cursor: default;
}
.bt-btn-package--chosen:hover {
  background: var(--color-cta);
  border-color: var(--color-cta);
}

.bt-section-visitors {
  padding: 0 0 100px;
}

.bt-visitors-card {
  background: #1d1d1d;
  border-radius: 20px;
  padding: 32px 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 767px) {
  .bt-visitors-card {
    padding: 24px 20px;
    gap: 22px;
  }
}

.bt-visitor-type__label {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: #cac4d0;
  letter-spacing: 0.08em;
  margin: 0 0 24px;
  display: block;
}
.bt-visitor-type__btns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 575px) {
  .bt-visitor-type__btns {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bt-visitor-type-btn {
  padding: 13px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease-out 0s;
}
.bt-visitor-type-btn:hover {
  border-color: rgba(207, 99, 45, 0.5);
  color: var(--color-text);
}
.bt-visitor-type-btn.is-active {
  border: 1px solid #cf632d;
  background: #28180b;
  color: #fff;
  font-weight: var(--fw-semibold);
}

.bt-visitor-age {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}
.bt-visitor-age__label {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: #cac4d0;
  letter-spacing: 0.08em;
  margin: 0 0 16px;
  display: block;
}
.bt-visitor-age__row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.bt-visitor-age__info {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}
.bt-visitor-age__category {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
}
.bt-visitor-age__price {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.4);
}

.bt-counter {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.bt-counter__btn {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid #cf632d;
  background: linear-gradient(180deg, rgba(212, 166, 150, 0.12) 0%, rgba(185, 123, 101, 0.08) 100%);
  backdrop-filter: blur(7.5px);
  color: #cf632d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  font-family: var(--primary-font), sans-serif;
  line-height: 1;
  flex-shrink: 0;
  transition: all 0.15s ease-out 0s;
}
.bt-counter__btn:hover {
  background: rgba(207, 99, 45, 0.15);
}
.bt-counter__btn:disabled {
  border-color: rgba(207, 99, 45, 0.3);
  color: rgba(207, 99, 45, 0.3);
  cursor: default;
}
.bt-counter__btn:disabled:hover {
  background: transparent;
}
.bt-counter__val {
  min-width: 24px;
  text-align: center;
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  user-select: none;
}

.bt-btn-add-visitor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 15px 24px;
  border-radius: 12px;
  border: 1px solid #cf632d;
  background: transparent;
  color: #cf632d;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
}
.bt-btn-add-visitor:hover {
  background: rgba(207, 99, 45, 0.1);
}
.bt-btn-add-visitor:disabled {
  opacity: 0.4;
  cursor: default;
}

.bt-visitor-groups {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bt-visitor-group + .bt-visitor-group {
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bt-visitor-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.bt-visitor-group__title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: #cac4d0;
  letter-spacing: 0.08em;
}
.bt-visitor-group__remove {
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-size: var(--fs-base);
  cursor: pointer;
  padding: 4px 8px;
}
.bt-visitor-group__remove:hover {
  color: #cf632d;
}

.bt-summary {
  margin-top: 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 575px) {
  .bt-summary {
    padding: 20px;
    gap: 12px;
  }
}
.bt-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.bt-summary__label {
  font-size: var(--fs-lg);
  color: #cac4d0;
}
.bt-summary__value {
  font-size: var(--fs-xl);
  font-weight: var(--fw-medium);
  color: var(--white);
  letter-spacing: 0.01em;
}
.bt-summary__row--savings {
  margin-top: -8px;
}
.bt-summary__row--savings .bt-summary__label,
.bt-summary__row--savings .bt-summary__value {
  font-size: var(--fs-sm, var(--fs-base));
  color: #4caf7d;
}
.bt-summary__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}
.bt-summary__total {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bt-summary__total-icon {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  flex-shrink: 0;
}
.bt-summary__total-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  flex: 1;
}
.bt-summary__total-value {
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  letter-spacing: 0.01em;
}

.bt-section-date {
  padding: 0 0 48px;
}

.bt-calendar-card {
  background: #1d1d1d;
  border-radius: 20px;
  padding: 28px 28px 32px;
}

.bt-cal-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 32px;
}

.bt-cal-nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  border: 1px solid #cf632d;
  background: linear-gradient(180deg, rgba(212, 166, 150, 0.12) 0%, rgba(185, 123, 101, 0.08) 100%);
  backdrop-filter: blur(7.5px);
  color: #cf632d;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
  transition: background 0.2s ease-out 0s;
}
.bt-cal-nav-btn:hover {
  background: rgba(207, 99, 45, 0.15);
}

.bt-cal-head-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  min-width: 160px;
  text-align: center;
}

.bt-calendar-months {
  display: flex;
  justify-content: center;
}

.bt-cal-month {
  width: 100%;
  max-width: 460px;
}
.bt-cal-month__title {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin: 0 0 10px;
}

.bt-cal-legend {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.bt-cal-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
}
.bt-cal-legend__icon {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  flex-shrink: 0;
}
.bt-cal-legend__icon img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
}
.bt-cal-legend__icon--exhibition {
  color: #e8874a;
}
.bt-cal-legend__icon--public {
  color: #e8874a;
}
.bt-cal-legend__icon--private {
  color: #d07070;
}

.bt-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

.bt-cal-weekday {
  text-align: center;
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  color: var(--white);
  text-transform: uppercase;
  padding: 2px 0 6px;
  letter-spacing: 0.03em;
}

.bt-date-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  aspect-ratio: 1;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease-out 0s;
}
.bt-date-cell__icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  line-height: 1;
}
.bt-date-cell__num {
  font-size: 11px;
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.65);
  line-height: 1;
}
.bt-date-cell:hover:not(.bt-date-cell--empty) {
  background: rgba(207, 99, 45, 0.18);
  border-color: rgba(207, 99, 45, 0.3);
}
.bt-date-cell--exhibition {
  background: #0a5b2f;
}
.bt-date-cell--exhibition .bt-date-cell__icon {
  color: #e8874a;
}
.bt-date-cell--exhibition .bt-date-cell__num {
  color: rgba(255, 255, 255, 0.9);
}
.bt-date-cell--public {
  background: #422813;
}
.bt-date-cell--public .bt-date-cell__icon {
  color: #e8874a;
}
.bt-date-cell--public .bt-date-cell__num {
  color: rgba(255, 255, 255, 0.9);
}
.bt-date-cell--private {
  background: #605d66;
}
.bt-date-cell--private .bt-date-cell__icon {
  color: #422813;
}
.bt-date-cell--private .bt-date-cell__num {
  color: rgba(255, 255, 255, 0.55);
}
.bt-date-cell--today {
  border-color: #cf632d;
  background: rgba(207, 99, 45, 0.1);
}
.bt-date-cell--today .bt-date-cell__num {
  color: #fff;
  font-weight: var(--fw-semibold);
}
.bt-date-cell--selected {
  background: var(--color-cta);
  border-color: var(--color-cta);
}
.bt-date-cell--selected .bt-date-cell__num {
  color: #fff;
  font-weight: var(--fw-semibold);
}
.bt-date-cell--selected .bt-date-cell__icon {
  color: rgba(255, 255, 255, 0.85);
}
.bt-date-cell--empty {
  background: transparent;
  border-color: transparent;
  cursor: default;
  pointer-events: none;
}

.bt-section-info {
  padding: 0 0 48px;
}

.bt-info-card {
  background: #1d1d1d;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.bt-info-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bt-info-label {
  font-size: var(--fs-base);
  color: var(--white);
  margin: 0;
}

.bt-info-required {
  color: #cf632d;
}

.bt-info-optional {
  color: rgba(255, 255, 255, 0.35);
  font-weight: var(--fw-normal);
}

.bt-info-phone-wrap {
  display: flex;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s ease-out 0s;
}
.bt-info-phone-wrap:focus-within {
  border-color: rgba(207, 99, 45, 0.55);
}

.bt-info-flag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
  gap: 0;
}

.bt-info-flag-img {
  width: 24px;
  height: 17px;
  object-fit: cover;
  border-radius: 2px;
  display: block;
}

.bt-info-input {
  width: 100%;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: var(--color-text);
  font-size: var(--fs-base);
  font-family: var(--primary-font), sans-serif;
  outline: none;
  transition: border-color 0.2s ease-out 0s;
}
.bt-info-input::placeholder {
  color: rgba(255, 255, 255, 0.22);
}
.bt-info-input:focus {
  border-color: rgba(207, 99, 45, 0.55);
}

.bt-info-phone-wrap .bt-info-input {
  border: none;
  border-radius: 0;
  background: transparent;
  padding-left: 14px;
}
.bt-info-phone-wrap .bt-info-input:focus {
  border-color: transparent;
}

.bt-section-booking-summary {
  padding: 0 0 100px;
}

.bt-booking-summary-card {
  background: #1d1d1d;
  border-radius: 20px;
  padding: 28px;
  overflow: hidden;
}

.bt-booking-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
@media (max-width: 575px) {
  .bt-booking-row {
    padding: 14px 20px;
  }
}
.bt-booking-row__label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--fs-lg);
  color: #9c9c9c;
}
.bt-booking-row__icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  flex-shrink: 0;
}
.bt-booking-row__icon img {
  width: 100%;
  object-fit: contain;
  display: block;
}
.bt-booking-row__value {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--white);
  text-align: right;
}
.bt-booking-row__value--muted {
  color: rgba(255, 255, 255, 0.3);
  font-weight: var(--fw-normal);
}
.bt-booking-row--total {
  border-bottom: none;
}
.bt-booking-row--total .bt-booking-row__label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
}
.bt-booking-row--total .bt-booking-row__value {
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
}

.bt-review-pay-wrap {
  padding: 12px 0 24px;
}

.bt-btn-review-pay {
  display: block;
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(90deg, #e07035 0%, #c55218 100%);
  color: #fff;
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  font-family: var(--primary-font), sans-serif;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  text-align: center;
  transition: opacity 0.2s ease-out 0s;
}
.bt-btn-review-pay:hover {
  opacity: 0.88;
}

.evx-hero {
  padding: 24px 0 64px;
}
.evx-hero__title {
  margin: 0;
  color: var(--color-text);
  font-weight: var(--fw-light);
  line-height: 1.18;
  font-size: clamp(1.75rem, 0.9rem + 2.2vw, 2.6rem);
  letter-spacing: -0.01em;
}

.evx-video {
  padding: 0 0 16px;
}
.evx-video__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 1216/320;
  border-radius: 18px;
  overflow: hidden;
  background: var(--color-bg-card);
}
@media (max-width: 991px) {
  .evx-video__frame {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575px) {
  .evx-video__frame {
    aspect-ratio: 4/3;
    border-radius: 14px;
  }
}
.evx-video__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.evx-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-cta);
  color: #fff;
  font-size: 24px;
  padding-left: 3px;
  box-shadow: 0 10px 34px rgba(207, 99, 45, 0.45);
  transition: transform 0.25s ease, background-color 0.25s ease, opacity 0.3s ease;
}
.evx-video__play:hover {
  background: var(--color-cta-hover);
  transform: translate(-50%, -50%) scale(1.08);
}
@media (max-width: 575px) {
  .evx-video__play {
    width: 54px;
    height: 54px;
    font-size: 20px;
  }
}
.evx-video__frame.is-playing .evx-video__play {
  opacity: 0;
  padding-left: 0;
}
.evx-video__frame.is-playing:hover .evx-video__play {
  opacity: 1;
}

.evx-divider {
  padding: 56px 0;
  display: flex;
  justify-content: center;
}
.evx-divider__icon {
  width: 52px;
  height: auto;
  display: block;
}

.evx-host {
  padding: 0 0 100px;
}
.evx-host__card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: var(--color-bg-alt);
  min-height: 500px;
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  .evx-host__card {
    display: block;
    min-height: 0;
  }
}
.evx-host__glow {
  position: absolute;
  top: -10%;
  right: -5%;
  width: 70%;
  height: 120%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 55% 50% at 60% 35%, rgba(207, 99, 45, 0.42) 0%, rgba(120, 58, 26, 0.18) 38%, transparent 70%);
}
.evx-host__content {
  position: relative;
  z-index: 2;
  padding: 64px;
  max-width: 560px;
}
@media (max-width: 1100px) {
  .evx-host__content {
    max-width: 52%;
    padding: 48px;
  }
}
@media (max-width: 900px) {
  .evx-host__content {
    max-width: 100%;
    padding: 40px 32px 0;
  }
}
@media (max-width: 575px) {
  .evx-host__content {
    padding: 32px 24px 0;
  }
}
.evx-host__title {
  margin: 0 0 16px;
  color: var(--color-text);
  font-weight: var(--fw-bold);
  font-size: clamp(1.5rem, 0.9rem + 1.5vw, 2.15rem);
  line-height: 1.18;
}
.evx-host__text {
  margin: 0 0 32px;
  color: var(--color-text-body);
  font-size: var(--fs-md);
  line-height: 1.6;
  max-width: 420px;
}
.evx-host__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: 12px;
  background: var(--color-cta);
  color: #fff;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-family: var(--primary-font), sans-serif;
  transition: background-color 0.2s ease-out;
}
.evx-host__cta:hover {
  background: var(--color-cta-hover);
  color: #fff;
}
.evx-host__contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 40px;
}
@media (max-width: 900px) {
  .evx-host__contact {
    padding-bottom: 8px;
  }
}
.evx-host__contact-item {
  color: var(--color-text);
  font-size: var(--fs-base);
  text-decoration: none;
  transition: color 0.2s ease-out;
}
.evx-host__contact-item:hover {
  color: var(--color-cta);
}
.evx-host__contact-sep {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.22);
  flex-shrink: 0;
}
.evx-host__visual {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55%;
  max-width: 720px;
  z-index: 1;
  pointer-events: none;
  transform: translateX(25%);
}
@media (max-width: 900px) {
  .evx-host__visual {
    position: static;
    width: 100%;
    max-width: 100%;
    transform: none;
  }
}
.evx-host__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.evf {
  padding: 0 0 120px;
}

.evf__divider {
  display: flex;
  justify-content: center;
  padding: 8px 0 72px;
}

.evf__divider-icon {
  width: 52px;
  height: auto;
  display: block;
}

.evf__list {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media (max-width: 767px) {
  .evf__list {
    gap: 64px;
  }
}

.evf-feature {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
@media (max-width: 991px) {
  .evf-feature {
    flex-direction: column !important;
    gap: 40px;
  }
}
.evf-feature--reverse {
  flex-direction: row-reverse;
}
.evf-feature__content {
  flex: 1 1 0;
  padding-top: 90px;
}
@media (max-width: 991px) {
  .evf-feature__content {
    flex: none;
    width: 100%;
    padding-top: 0;
  }
}
.evf-feature__title {
  margin: 0 0 20px;
  color: var(--color-text);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  font-size: clamp(1.5rem, 1rem + 1.2vw, 1.95rem);
}
.evf-feature__desc {
  margin: 0;
  color: #aea9b4;
  font-size: var(--fs-md);
  line-height: 1.7;
  max-width: 470px;
}
.evf-feature__lead {
  margin: 0 0 12px;
  color: #aea9b4;
  font-size: var(--fs-md);
  line-height: 1.7;
}
.evf-feature__list {
  margin: 0;
  padding-left: 22px;
  list-style: disc;
  color: #aea9b4;
}
.evf-feature__list li {
  font-size: var(--fs-md);
  line-height: 1.9;
}
.evf-feature__list::marker {
  color: #aea9b4;
}
.evf-feature__visual {
  flex: 0 0 380px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 360px;
}
@media (max-width: 991px) {
  .evf-feature__visual {
    flex: none;
    width: 100%;
    max-width: 420px;
  }
}
@media (max-width: 575px) {
  .evf-feature__visual {
    min-height: 300px;
  }
}
.evf-feature__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: #f7e7cd;
  border-radius: 18px;
  z-index: 0;
}
@media (max-width: 575px) {
  .evf-feature__shape {
    height: 250px;
  }
}
.evf-feature__img {
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  max-width: 340px;
  max-height: 360px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .evf-feature__img {
    max-height: 300px;
  }
}

.eva {
  padding: 0 0 60px;
}

.eva__title {
  margin: 0 0 24px;
  color: var(--color-text);
  font-weight: var(--fw-medium);
  font-size: var(--fs-2xl);
  line-height: 1.2;
}

.eva-form__card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 24px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .eva-form__card {
    padding: 24px 20px;
    gap: 32px;
  }
}

.eva-field {
  display: flex;
  flex-direction: column;
}
.eva-field__label {
  font-size: var(--fs-md);
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 18px;
}
.eva-field__hint {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.4);
  margin-top: 10px;
}

.eva-type {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 767px) {
  .eva-type {
    grid-template-columns: repeat(2, 1fr);
  }
}

.eva-type__btn,
.eva-venues__btn {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  font-family: var(--primary-font), sans-serif;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease-out 0s;
}
.eva-type__btn:hover,
.eva-venues__btn:hover {
  border-color: rgba(207, 99, 45, 0.5);
  color: var(--color-text);
}
.eva-type__btn.is-active,
.eva-venues__btn.is-active {
  border: 1px solid #cf632d;
  background: #28180b;
  color: #fff;
  font-weight: var(--fw-semibold);
}

.eva-type__btn {
  padding: 15px 12px;
}

.eva-venues {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 575px) {
  .eva-venues {
    grid-template-columns: 1fr;
  }
}

.eva-venues__btn {
  padding: 18px 16px;
  color: rgba(255, 255, 255, 0.85);
}
.eva-venues__btn--wide {
  grid-column: 1/-1;
}
@media (max-width: 575px) {
  .eva-venues__btn--wide {
    grid-column: auto;
  }
}

.eva-input {
  width: 100%;
  padding: 16px 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: var(--color-text);
  font-size: var(--fs-base);
  font-family: var(--primary-font), sans-serif;
  outline: none;
  transition: border-color 0.2s ease-out 0s;
}
.eva-input::placeholder {
  color: rgba(255, 255, 255, 0.28);
}
.eva-input:focus {
  border-color: rgba(207, 99, 45, 0.55);
}
.eva-input--error {
  border-color: #e04f4f;
}

.eva-error {
  display: block;
  min-height: 16px;
  margin-top: 8px;
  color: #e04f4f;
  font-size: var(--fs-base);
  line-height: 1.3;
}

.eva-cal-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 28px 28px 32px;
}
@media (max-width: 767px) {
  .eva-cal-card {
    padding: 20px;
  }
}

.eva-cal-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 32px;
}

.eva-cal-nav {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  border: 1px solid #cf632d;
  background: linear-gradient(180deg, rgba(212, 166, 150, 0.12) 0%, rgba(185, 123, 101, 0.08) 100%);
  backdrop-filter: blur(7.5px);
  color: #cf632d;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  flex-shrink: 0;
  transition: background 0.2s ease-out 0s;
}
.eva-cal-nav:hover {
  background: rgba(207, 99, 45, 0.15);
}

.eva-cal-label {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  min-width: 180px;
  text-align: center;
}

.eva-cal-months {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}
@media (max-width: 767px) {
  .eva-cal-months {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.eva-cal-month__title {
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  margin: 0 0 10px;
}

.eva-cal-legend {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.eva-cal-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
}
.eva-cal-legend__icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.eva-cal-legend__icon img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
}

.eva-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

.eva-cal-weekday {
  text-align: center;
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  color: var(--white);
  text-transform: uppercase;
  padding: 2px 0 6px;
  letter-spacing: 0.03em;
}

.eva-date-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  aspect-ratio: 1;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease-out 0s;
}
.eva-date-cell__icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  line-height: 1;
}
.eva-date-cell__num {
  font-size: 11px;
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.65);
  line-height: 1;
}
.eva-date-cell:hover:not(.eva-date-cell--empty) {
  background: rgba(207, 99, 45, 0.18);
  border-color: rgba(207, 99, 45, 0.3);
}
.eva-date-cell--exhibition {
  background: #0a5b2f;
}
.eva-date-cell--exhibition .eva-date-cell__num {
  color: rgba(255, 255, 255, 0.9);
}
.eva-date-cell--public {
  background: #422813;
}
.eva-date-cell--public .eva-date-cell__num {
  color: rgba(255, 255, 255, 0.9);
}
.eva-date-cell--private {
  background: #605d66;
}
.eva-date-cell--private .eva-date-cell__num {
  color: rgba(255, 255, 255, 0.55);
}
.eva-date-cell--today {
  border-color: #cf632d;
  background: rgba(207, 99, 45, 0.1);
}
.eva-date-cell--today .eva-date-cell__num {
  color: #fff;
  font-weight: var(--fw-semibold);
}
.eva-date-cell--selected {
  background: var(--color-cta);
  border-color: var(--color-cta);
}
.eva-date-cell--selected .eva-date-cell__num {
  color: #fff;
  font-weight: var(--fw-semibold);
}
.eva-date-cell--empty {
  background: transparent;
  border-color: transparent;
  cursor: default;
  pointer-events: none;
}
.eva-date-cell--disabled {
  opacity: 0.32;
  cursor: not-allowed;
  pointer-events: none;
}

.eva-contact {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.eva-contact__field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eva-contact__label {
  font-size: var(--fs-base);
  color: rgba(255, 255, 255, 0.6);
}

.eva-req {
  color: #cf632d;
}

.eva-optional {
  color: rgba(255, 255, 255, 0.35);
}

.eva-phone {
  display: flex;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s ease-out 0s;
}
.eva-phone:focus-within {
  border-color: rgba(207, 99, 45, 0.55);
}
.eva-phone__flag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
.eva-phone__flag img {
  width: 24px;
  height: 17px;
  object-fit: cover;
  border-radius: 2px;
  display: block;
}
.eva-phone .eva-input {
  border: none;
  border-radius: 0;
  background: transparent;
}
.eva-phone .eva-input:focus {
  border-color: transparent;
}

.eva-submit {
  display: block;
  width: 100%;
  padding: 18px 24px;
  background: linear-gradient(90deg, #e07035 0%, #c55218 100%);
  color: #fff;
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  font-family: var(--primary-font), sans-serif;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  text-align: center;
  transition: opacity 0.2s ease-out 0s;
}
.eva-submit:hover {
  opacity: 0.9;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-8 {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-9 {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-11 {
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-12 {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-13 {
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-14 {
  display: -webkit-box;
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-15 {
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

[data-theme=light] .loader__shade {
  background-color: #121212;
}

[data-theme=light] body {
  background-color: var(--white);
}

[data-theme=light] .nav-main__link {
  color: #605d66;
}

[data-theme=light] .hero-play-ring {
  border-color: rgba(0, 0, 0, 0.3);
}

[data-theme=light] .discover-text__heading {
  color: var(--black);
}

[data-theme=light] .discover-text__body {
  color: var(--dark-550);
}

[data-theme=light] .discover-text__badge {
  color: #625d52;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0.1) 0%, rgba(57, 57, 57, 0.06) 100%);
  box-shadow: inset 10px 10px 15px #fcded3;
  backdrop-filter: blur(20px);
  border-image-source: linear-gradient(149.49deg, #cf632d 0%, #080808 100%);
}

[data-theme=light] .discover-cta__heading {
  color: var(--black);
}

[data-theme=light] .discover-cta__subheading {
  color: var(--dark-550);
}

[data-theme=light] .btn-cta-filled {
  color: var(--white);
  background-color: #cf632d;
  border-color: #cf632d;
}
[data-theme=light] .btn-cta-filled:hover {
  background-color: #dd662a;
}

[data-theme=light] .btn-cta-outline {
  color: #cf632d;
  border-color: #cf632d;
}
[data-theme=light] .btn-cta-outline:hover {
  color: var(--white);
  background-color: #cf632d;
}

[data-theme=light] .fort-info__divider {
  background: linear-gradient(90deg, #c8b4a0 0%, #f2e9de 100%);
}

[data-theme=light] .fort-intro__title {
  color: var(--black);
}

[data-theme=light] .fort-intro__subtitle {
  color: var(--dark-450);
}

[data-theme=light] .fort-intro__desc {
  color: var(--dark-450);
}

[data-theme=light] .fort-info__name {
  color: var(--black);
}

[data-theme=light] .fort-info__label {
  color: var(--black);
}

[data-theme=light] .fort-info__value {
  color: var(--dark-450);
}

[data-theme=light] .fort-visual__shape {
  color: var(--color-fort-circle);
}

[data-theme=light] .fort-related__name {
  color: var(--dark-450);
}

[data-theme=light] .btn-fort-more {
  color: #cf632d;
  border-color: #cf632d;
}
[data-theme=light] .btn-fort-more:hover {
  color: var(--white);
  background-color: #cf632d;
}

[data-theme=light] .venues-item__shape {
  background-color: #c4baa3;
}

[data-theme=light] .venues-item__title {
  color: var(--black);
}

[data-theme=light] .venues-item__desc {
  color: var(--black);
}

[data-theme=light] .venues-item__link {
  color: var(--dark-550);
}

[data-theme=light] .app-heading__title {
  color: var(--black);
}

[data-theme=light] .app-shade {
  background: #8e7565;
  opacity: 0.2;
}

[data-theme=light] .app-mockup {
  filter: drop-shadow(-18px -9px 41.6px rgba(0, 0, 0, 0.12)) drop-shadow(-10px 6px 15.1px rgba(150, 80, 20, 0.18));
}

[data-theme=light] .app-left__cards .app-card p {
  color: var(--white);
}
[data-theme=light] .app-left__cards .app-card:nth-child(1) {
  background: #8e7565;
  border: 1px solid;
  border-image-source: linear-gradient(90deg, #cf632d 0%, #422813 100%);
}
[data-theme=light] .app-left__cards .app-card:nth-child(2) {
  background: #b39c8f;
}

[data-theme=light] .app-right .app-card p {
  color: var(--white);
}
[data-theme=light] .app-right .app-card:nth-child(1) {
  background: #b39c8f;
  box-shadow: -14px 10px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid;
  border-image-source: linear-gradient(90deg, #cf632d 0%, #422813 100%);
}
[data-theme=light] .app-right .app-card:nth-child(2) {
  background: #b39c8f;
}
[data-theme=light] .app-right .app-card:nth-child(3) {
  background: #8e7565;
}

[data-theme=light] .app-bottom .app-card {
  background: #b39c8f;
}

[data-theme=light] .plan-book-card {
  background-color: #b39c8f;
}

[data-theme=light] .plan-book__title {
  color: var(--black);
}

[data-theme=light] .plan-book__dest-label {
  color: var(--black);
}

[data-theme=light] .plan-book-info__icon {
  color: var(--black);
}

[data-theme=light] .plan-book-info__label {
  color: var(--black);
}

[data-theme=light] .plan-book-info__value {
  color: var(--black);
}

[data-theme=light] .plan-book__btn-booking {
  background-color: #cf632d;
}

[data-theme=light] .plan-book__app-promo strong {
  color: var(--dark-550);
}

[data-theme=light] .plan-book__app-promo a {
  color: var(--dark-550);
}

[data-theme=light] .download-app__title {
  color: var(--black);
}

[data-theme=light] .download-app-blob {
  background-color: var(--color-blob);
}

[data-theme=light] .download-app__desc {
  color: var(--dark-450);
}

[data-theme=light] .btn-store-outline {
  color: #cf632d;
  border-radius: #cf632d;
}
[data-theme=light] .btn-store-outline:hover {
  color: var(--white);
  background-color: #cf632d;
}

[data-theme=light] .download-app__stat-divider {
  background-color: #605d66;
}

[data-theme=light] .download-app__stat-count {
  color: var(--black);
}

[data-theme=light] .download-app__stat-label {
  color: #79747e;
}

[data-theme=light] .download-app__or-line {
  background-color: #605d66;
}

[data-theme=light] .download-app__or-text {
  color: var(--black);
}

[data-theme=light] .btn-tickets-outline {
  color: #cf632d;
  border-radius: #cf632d;
}
[data-theme=light] .btn-tickets-outline:hover {
  color: var(--white);
  background-color: #cf632d;
}

[data-theme=light] .venues-sec .page-heading {
  color: var(--black);
}

[data-theme=light] .venue-card {
  background: linear-gradient(90deg, #ececec 0%, #e9dfd0 100%);
}

[data-theme=light] .venue-card__name {
  color: var(--black);
}

[data-theme=light] .venue-card__more {
  color: #cf632d;
}

[data-theme=light] .venue-card__logo-placeholder {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .venue-card__glow {
  background: rgba(199, 138, 95, 0.4);
}

[data-theme=light] .venue-card__bg-pattern {
  opacity: 0.12;
}

[data-theme=light] .venue-card__img {
  filter: drop-shadow(0 18px 40px rgba(80, 50, 20, 0.22));
}

[data-theme=light] .venue-card--soon .venue-card__img {
  filter: grayscale(1) drop-shadow(0 18px 40px rgba(0, 0, 0, 0.18));
}

[data-theme=light] .venue-card__badge {
  color: var(--white);
}

[data-theme=light] .breadcrumb-item.active {
  color: var(--black);
}

[data-theme=light] .event-card {
  background-color: #cbb99e;
}

[data-theme=light] .btn-book-event {
  background-color: #cf632d;
}
[data-theme=light] .btn-book-event:hover {
  background-color: #d86429;
}

[data-theme=light] .events-nav {
  color: #cf632d;
}

[data-theme=light] .fort-info-strip__value {
  color: var(--dark-450);
}

[data-theme=light] .fort-info-strip__sep {
  background-color: rgba(0, 0, 0, 0.12);
}

[data-theme=light] .fort-info-strip__handle {
  color: var(--dark-450);
}

[data-theme=light] .nearby-card {
  background-color: #cfe8d4;
}

[data-theme=light] .nearby-card__title {
  color: var(--black);
}

[data-theme=light] .nearby-list__name {
  color: var(--black);
}

[data-theme=light] .nearby-list__url {
  color: #0b7a3e;
}

[data-theme=light] .nearby-list__map-link {
  color: rgba(0, 0, 0, 0.55);
}
[data-theme=light] .nearby-list__map-link:hover {
  color: var(--black);
}

[data-theme=light] .plan-visit-card {
  background-color: #e7d3c7;
}

[data-theme=light] .plan-visit-card__title {
  color: var(--black);
}

[data-theme=light] .plan-visit-card__cta {
  background-color: #cf632d;
}
[data-theme=light] .plan-visit-card__cta:hover {
  background-color: #d86429;
}

[data-theme=light] .plan-visit-card__save {
  color: var(--dark-550);
}

[data-theme=light] .plan-visit-card__app-link {
  color: var(--dark-450);
}
[data-theme=light] .plan-visit-card__app-link:hover {
  color: var(--black);
}

[data-theme=light] .bt-event-card {
  background-color: #cdbb9c;
}

[data-theme=light] .bt-btn-book-event {
  background-color: #cf632d;
}

[data-theme=light] .bt-venue-card {
  background: #f0f0f0;
}

[data-theme=light] .bt-venue-card__radio-indicator {
  border-color: rgba(0, 0, 0, 0.25);
}

[data-theme=light] .bt-venue-card__glow {
  background: rgba(199, 138, 95, 0.4);
}

[data-theme=light] .bt-package-card {
  background: #f0f0f0;
}

[data-theme=light] .bt-package-card__glow {
  background: rgba(207, 99, 45, 0.28);
}

[data-theme=light] .bt-package-card__pattern {
  opacity: 0.15;
}

[data-theme=light] .bt-package-card--featured .bt-package-card__pattern {
  opacity: 0.5;
}

[data-theme=light] .bt-package-card__type {
  color: #7c3b1c;
}

[data-theme=light] .bt-package-card__title {
  color: var(--black);
}

[data-theme=light] .bt-package-card__feature {
  color: var(--dark-450);
}

[data-theme=light] .bt-btn-package--chosen {
  background: #cf632d;
  border-color: #cf632d;
}
[data-theme=light] .bt-btn-package--chosen:hover {
  background: #cf632d;
  border-color: #cf632d;
}

[data-theme=light] .bt-visitors-card {
  background: #f0f0f0;
}

[data-theme=light] .bt-visitor-type__label,
[data-theme=light] .bt-visitor-age__label {
  color: var(--color-text);
}

[data-theme=light] .bt-visitor-type-btn {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
  color: var(--dark-550);
}
[data-theme=light] .bt-visitor-type-btn.is-active {
  background: #b39c8f;
  border-color: #cf632d;
  color: #1a1208;
}

[data-theme=light] .bt-visitor-age__info {
  background: rgba(0, 0, 0, 0.04);
}

[data-theme=light] .bt-visitor-age__price {
  color: rgba(0, 0, 0, 0.45);
}

[data-theme=light] .bt-summary__label {
  color: var(--dark-550);
}

[data-theme=light] .bt-summary__value {
  color: var(--black);
}

[data-theme=light] .bt-summary__divider {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .bt-summary__total-icon {
  border-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.6);
}

[data-theme=light] .bt-calendar-card {
  background: #f0f0f0;
}

[data-theme=light] .bt-cal-legend__item {
  color: rgba(0, 0, 0, 0.5);
}

[data-theme=light] .bt-cal-weekday {
  color: rgba(0, 0, 0, 0.6);
}

[data-theme=light] .bt-date-cell {
  background: rgba(0, 0, 0, 0.05);
}

[data-theme=light] .bt-date-cell__num {
  color: rgba(0, 0, 0, 0.7);
}

[data-theme=light] .bt-date-cell--exhibition {
  background: #4fa869;
}

[data-theme=light] .bt-date-cell--public {
  background: #caa079;
}

[data-theme=light] .bt-date-cell--public .bt-date-cell__num {
  color: #2a1c0e;
}

[data-theme=light] .bt-date-cell--private {
  background: #c2bab2;
}

[data-theme=light] .bt-date-cell--private .bt-date-cell__num {
  color: rgba(0, 0, 0, 0.6);
}

[data-theme=light] .bt-date-cell--today .bt-date-cell__num {
  color: var(--black);
}

[data-theme=light] .bt-date-cell--selected {
  background: #cf632d;
  border-color: #cf632d;
}

[data-theme=light] .bt-info-card {
  background: #f0f0f0;
}

[data-theme=light] .bt-info-label {
  color: var(--color-text);
}

[data-theme=light] .bt-info-optional {
  color: rgba(0, 0, 0, 0.4);
}

[data-theme=light] .bt-info-phone-wrap {
  background: #cccccc;
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme=light] .bt-info-flag {
  border-right-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .bt-info-input {
  background: #cccccc;
  border-color: rgba(0, 0, 0, 0.12);
}
[data-theme=light] .bt-info-input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

[data-theme=light] .bt-booking-summary-card {
  background: #f0f0f0;
}

[data-theme=light] .bt-booking-row {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .bt-booking-row__label {
  color: var(--dark-450);
}

[data-theme=light] .bt-booking-row__icon img {
  filter: brightness(0);
  opacity: 0.55;
}

[data-theme=light] .bt-booking-row__value {
  color: var(--black);
}
[data-theme=light] .bt-booking-row__value--muted {
  color: rgba(0, 0, 0, 0.35);
}

[data-theme=light] .evx-video__play {
  background: #cf632d;
}
[data-theme=light] .evx-video__play:hover {
  background: #d86429;
}

[data-theme=light] .evx-host__cta {
  background: #cf632d;
}
[data-theme=light] .evx-host__cta:hover {
  background: #d86429;
}

[data-theme=light] .evx-host__contact-sep {
  background: rgba(0, 0, 0, 0.2);
}

[data-theme=light] .evf-feature__desc,
[data-theme=light] .evf-feature__lead,
[data-theme=light] .evf-feature__list {
  color: var(--dark-450);
}

[data-theme=light] .evf-feature__list::marker {
  color: var(--dark-450);
}

[data-theme=light] .eva-form__card {
  background: #f2f2f2;
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .eva-field__label {
  color: var(--dark-550);
}

[data-theme=light] .eva-field__hint {
  color: rgba(0, 0, 0, 0.45);
}

[data-theme=light] .eva-type__btn,
[data-theme=light] .eva-venues__btn {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
  color: var(--dark-550);
}
[data-theme=light] .eva-type__btn:hover,
[data-theme=light] .eva-venues__btn:hover {
  color: var(--color-text);
}
[data-theme=light] .eva-type__btn.is-active,
[data-theme=light] .eva-venues__btn.is-active {
  border-color: #cf632d;
  background: #d8c4a8;
  color: #1a1208;
}

[data-theme=light] .eva-input {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}
[data-theme=light] .eva-input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
[data-theme=light] .eva-error {
  color: #c53030;
}

[data-theme=light] .eva-cal-card {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .eva-cal-legend__item {
  color: rgba(0, 0, 0, 0.5);
}

[data-theme=light] .eva-cal-weekday {
  color: rgba(0, 0, 0, 0.6);
}

[data-theme=light] .eva-date-cell {
  background: rgba(0, 0, 0, 0.05);
}

[data-theme=light] .eva-date-cell__num {
  color: rgba(0, 0, 0, 0.7);
}

[data-theme=light] .eva-date-cell--exhibition {
  background: #4fa869;
}

[data-theme=light] .eva-date-cell--public {
  background: #caa079;
}

[data-theme=light] .eva-date-cell--public .eva-date-cell__num {
  color: #2a1c0e;
}

[data-theme=light] .eva-date-cell--private {
  background: #c2bab2;
}

[data-theme=light] .eva-date-cell--private .eva-date-cell__num {
  color: rgba(0, 0, 0, 0.6);
}

[data-theme=light] .eva-date-cell--today .eva-date-cell__num {
  color: var(--black);
}

[data-theme=light] .eva-date-cell--selected {
  background: #cf632d;
  border-color: #cf632d;
}

[data-theme=light] .eva-contact__label {
  color: var(--dark-550);
}

[data-theme=light] .eva-optional {
  color: rgba(0, 0, 0, 0.4);
}

[data-theme=light] .eva-phone {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .eva-phone__flag {
  border-right-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .news-tabs {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .news-tab {
  color: var(--dark-550);
}
[data-theme=light] .news-tab.is-active {
  background-color: #cf632d;
  color: #fff;
}
[data-theme=light] .news-tab:not(.is-active):hover {
  color: var(--color-text);
}

[data-theme=light] .news-feed__label {
  color: var(--dark-450);
}

[data-theme=light] .news-item__excerpt {
  color: var(--dark-450);
}

[data-theme=light] .news-item__read-more {
  color: #cf632d;
}
[data-theme=light] .news-item__read-more:hover {
  color: #cf632d;
}

[data-theme=light] .btn-gallery-more {
  border-color: #cf632d;
  color: #cf632d;
}

[data-theme=light] .nd-article-header {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .nd-article-date {
  color: rgba(0, 0, 0, 0.45);
}

[data-theme=light] .nd-article-text {
  color: var(--dark-450);
}

[data-theme=light] .event-promo-card {
  background-color: #b6a78f;
}

[data-theme=light] .event-promo-card__title {
  color: #1f1a12;
}

[data-theme=light] .event-promo-card__subtitle {
  color: rgba(0, 0, 0, 0.55);
}

[data-theme=light] .btn-event-promo {
  background-color: #cf632d;
}

[data-theme=light] .contact-form-card {
  background: #ededed;
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .contact-form-card__divider {
  background-color: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .contact-inquiry__btn {
  background: rgba(0, 0, 0, 0.05);
  color: var(--dark-550);
}

[data-theme=light] .contact-inquiry__radio:checked ~ .contact-inquiry__btn {
  background: #d8c4a8;
  border-color: #cf632d;
  color: #1a1208;
}

[data-theme=light] .contact-form__label {
  color: var(--dark-550);
}

[data-theme=light] .contact-form__input,
[data-theme=light] .contact-form__textarea {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
}
[data-theme=light] .contact-form__input::placeholder,
[data-theme=light] .contact-form__textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

[data-theme=light] .contact-form__phone-wrap {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme=light] .contact-form__phone-flag {
  border-right-color: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .contact-form__phone-code {
  color: rgba(0, 0, 0, 0.6);
}

[data-theme=light] .contact-form__phone-chevron {
  color: rgba(0, 0, 0, 0.4);
}

[data-theme=light] .btn-contact-submit {
  background-color: #cf632d;
}

[data-theme=light] .shop-featured-card {
  background-color: #bcad92;
}

[data-theme=light] .btn-buy-now {
  background-color: #cf632d;
}

[data-theme=light] .btn-workshop {
  background-color: #cf632d;
}

[data-theme=light] .shop-items-title {
  color: var(--color-text);
}

[data-theme=light] .btn-shop-action:hover {
  color: #cf632d;
  background: rgba(207, 99, 45, 0.1);
}

[data-theme=light] .shop-item-card {
  background: #ededed;
}

[data-theme=light] .shop-item-card__img-wrap {
  background: #ededed;
}

[data-theme=light] .shop-item-card__info {
  background-color: #f6e4d7;
}

[data-theme=light] .shop-item-card__name {
  color: #1a1208;
}

[data-theme=light] .shop-item-card__price-original {
  color: rgba(0, 0, 0, 0.35);
}

[data-theme=light] .shop-item-card__price-sep {
  color: rgba(0, 0, 0, 0.25);
}

[data-theme=light] .btn-add-cart {
  background-color: #cf632d;
}

[data-theme=light] .btn-add-cart--added {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.4);
}
[data-theme=light] .btn-add-cart--added:hover {
  background: rgba(0, 0, 0, 0.06);
}

[data-theme=light] .footer__bg {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 22.12%, #cca789 60.58%, #a97851 75.48%, #351f0e 100%);
}

[data-theme=light] .footer__nav-link {
  color: var(--white);
}

[data-theme=light] .footer__nav-link:hover {
  color: var(--color-brand);
}

/*# sourceMappingURL=style.css.map */