:root {
  --white: #ffffff;
  --black: #000000;
  --color-cream: #faf7f2;
  --color-cream-alt: #f2e9de;
  --color-brand: #4c4d2b;
  --color-brown: #2c1a0c;
  --color-gold: #c9882a;
  --color-primary: #4c4d2b;
  --color-secondary: #2c1a0c;
  --color-text: #3d2b1a;
  --color-text-body: #5c4535;
  --color-text-muted: #8c7b6e;
  --color-bg: #f8f2e5;
  --color-bg-alt: #eee8da;
  --color-border: #e0d4c6;
  --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;
  --transition-base: 0.35s;
  --transition-slow: 0.55s;
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --container-gutter: calc((100vw - 1320px) / 2);
  --primary-font: "Optima";
  --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;
}

.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: "Optima";
  src: url("../fonts/Optima-Bold.woff2") format("woff2"), url("../fonts/Optima-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Optima";
  src: url("../fonts/Optima-Medium.woff2") format("woff2"), url("../fonts/Optima-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Optima";
  src: url("../fonts/Optima.woff2") format("woff2"), url("../fonts/Optima.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--primary-font);
  font-weight: var(--fw-normal);
  font-size: 1rem;
}

a {
  text-decoration: none;
}

a,
button {
  transition: all var(--transition-duration) var(--ease-out);
}

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-brand) var(--white);
}

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

::-webkit-scrollbar-track {
  border-radius: 0;
}

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

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.4);
}

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;
}

body {
  background-color: var(--color-bg);
}

@media (min-width: 992px) and (max-width: 1600px) {
  :root {
    --container-gutter: clamp(2rem, 5vw, 5rem);
  }
  .container {
    max-width: 100%;
    padding-inline: var(--container-gutter);
  }
}
@media (max-width: 991px) {
  :root {
    --container-gutter: 0.75rem;
  }
}
.announcement-bar {
  background: #3a3b36;
  padding: 0.75rem 0;
  z-index: 1040;
}
.announcement-bar__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.announcement-bar__text {
  color: var(--white);
  font-size: var(--fs-xs);
  text-align: center;
  letter-spacing: 0.3px;
}
.announcement-bar__text a {
  color: var(--white);
  text-decoration: underline;
}
.announcement-bar__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.announcement-bar__actions .nav-currency {
  color: var(--white);
}
.announcement-bar__actions .nav-language {
  color: var(--white);
}
@media (max-width: 991px) {
  .announcement-bar {
    display: none;
  }
}

.navbar-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 52px;
  padding: 0.5rem 0 0;
  z-index: 1030;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 991px) {
  .navbar-main {
    top: 0;
  }
}
@media (max-width: 576px) {
  .navbar-main {
    padding: 0.5rem 0;
  }
}
.navbar-main .navbar-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.navbar-main__logo {
  flex: 0 0 auto;
  width: 88px;
}
.navbar-main__logo .logo--dark {
  display: none;
}
.navbar-main__logo .logo--light {
  display: block;
}
.navbar-main__logo img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1600px) {
  .navbar-main__logo {
    width: 78px;
  }
}
@media (max-width: 576px) {
  .navbar-main__logo {
    width: 80px;
  }
}
.navbar-main__hamburger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 1050;
}
.navbar-main__hamburger .hamburger {
  width: 32px;
  height: 32px;
  stroke: var(--white);
}
@media (max-width: 991px) {
  .navbar-main__hamburger {
    display: inline-flex;
  }
}
.navbar-main__close {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: none;
  color: var(--color-primary);
  font-size: var(--fs-xl);
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 991px) {
  .navbar-main__close {
    display: inline-flex;
  }
}
.navbar-main__collapse {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}
@media (max-width: 991px) {
  .navbar-main__collapse {
    position: fixed;
    top: 0;
    right: 0;
    width: min(82vw, 340px);
    height: 100dvh;
    padding: 4.5rem 1.75rem 2rem;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
    background: var(--color-bg);
    box-shadow: -8px 0 30px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    z-index: 1050;
  }
}
@media (max-width: 991px) {
  .navbar-main.drawer-open .navbar-main__collapse {
    transform: translateX(0);
  }
}
.navbar-main.navbar-fixed .navbar-main__hamburger .hamburger, .navbar-main--inner .navbar-main__hamburger .hamburger {
  stroke: var(--color-primary);
}
.navbar-main.navbar-fixed {
  position: fixed;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.navbar-main.navbar-fixed .logo--light {
  display: none;
}
.navbar-main.navbar-fixed .logo--dark {
  display: block;
}
.navbar-main--inner {
  position: relative;
  top: auto;
  padding: 0.5rem 0;
  margin-bottom: 2rem;
  background: var(--color-bg);
}
.navbar-main--inner .logo--light {
  display: none;
}
.navbar-main--inner .logo--dark {
  display: block;
}
.navbar-main--inner .navbar-actions__login,
.navbar-main--inner .navbar-actions__search,
.navbar-main--inner .navbar-actions__cart {
  color: var(--color-primary);
}
.navbar-main--inner .main-nav {
  border-bottom-color: rgba(76, 77, 43, 0.2);
}
.navbar-main--inner .main-nav__link {
  color: var(--color-primary);
}

.navbar-fixed .navbar-actions__login,
.navbar-fixed .navbar-actions__search,
.navbar-fixed .navbar-actions__cart {
  color: var(--dark-900);
}
.navbar-fixed .main-nav {
  border-bottom-color: rgba(76, 77, 43, 0.2);
}
.navbar-fixed .main-nav__link {
  color: var(--dark-900);
}

.navbar-actions {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.navbar-actions__login {
  color: var(--white);
  display: block;
  padding: 0.5rem 1rem;
}
.navbar-actions__search {
  color: var(--white);
}
.navbar-actions__cart {
  color: var(--white);
}
.navbar-actions__login, .navbar-actions__search, .navbar-actions__cart {
  transition: color var(--transition-base) var(--ease-smooth), opacity var(--transition-base) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth);
}
.navbar-actions__login:hover, .navbar-actions__login:focus-visible, .navbar-actions__search:hover, .navbar-actions__search:focus-visible, .navbar-actions__cart:hover, .navbar-actions__cart:focus-visible {
  opacity: 0.72;
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .navbar-actions {
    order: 2;
    flex-wrap: wrap;
    gap: 1.25rem;
    width: 100%;
    padding-top: 1.5rem;
    border-top: 1px solid var(--color-border);
  }
  .navbar-actions__login {
    color: var(--color-primary);
    padding: 0.5rem 0;
  }
  .navbar-actions__search, .navbar-actions__cart {
    color: var(--color-primary);
    font-size: var(--fs-lg);
  }
}

.main-nav {
  display: flex;
  gap: 2.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.main-nav__link {
  position: relative;
  display: block;
  color: var(--white);
  padding: 0.5rem 0.5rem 1rem;
  transition: color var(--transition-base) var(--ease-smooth);
}
.main-nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: var(--color-brand);
  z-index: 10;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.main-nav__link:hover::after, .main-nav__link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left center;
}
@media (max-width: 991px) {
  .main-nav {
    order: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    width: 100%;
    border-bottom: none;
  }
  .main-nav__link {
    padding: 0.5rem 0.25rem;
    font-size: var(--fs-lg);
    color: var(--color-primary);
  }
}

.navbar-backdrop {
  display: none;
}
@media (max-width: 991px) {
  .navbar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    z-index: 1025;
  }
  body.drawer-open .navbar-backdrop {
    opacity: 1;
    visibility: visible;
  }
}

.navbar-meta {
  display: none;
}
@media (max-width: 991px) {
  .navbar-meta {
    order: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    padding-top: 1.25rem;
    border-top: 1px solid var(--color-border);
  }
  .navbar-meta .nav-currency,
  .navbar-meta .nav-language {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--color-primary);
    font-size: var(--fs-sm);
  }
}

.hero-sec {
  position: relative;
  overflow: hidden;
}

.hero {
  position: relative;
  min-height: 640px;
  overflow: hidden;
}
.hero .swiper-hero .swiper-slide {
  overflow: hidden;
}
.hero__item {
  width: 100%;
  overflow: hidden;
}
.hero__pic {
  position: relative;
}
.hero__pic::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero__pic img {
  width: 100%;
  height: calc(100dvh - 48px);
  object-fit: cover;
  object-position: top;
  transform: translateZ(0) scale(1.5, 1.2);
  transform-origin: 100% 50%;
  transition: transform 1.5s cubic-bezier(0.35, 0.35, 0, 1);
}
@media (max-width: 991px) {
  .hero__pic img {
    height: 100dvh;
  }
}
.hero .swiper-slide-active .hero__pic img {
  transform: translateZ(0) scale(1);
}
.hero__overlay {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
  z-index: 10;
}
.hero__content {
  text-align: center;
  color: var(--white);
}
.hero__title {
  font-size: var(--fs-7xl);
  font-weight: var(--fw-light);
  line-height: 1.2;
  margin-bottom: 16px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .hero__title {
    font-size: var(--fs-4xl);
  }
}
@media (max-width: 576px) {
  .hero__title {
    font-size: var(--fs-2xl);
    line-height: 1.3;
  }
}
.hero__subtitle {
  font-size: var(--fs-sm);
  font-weight: var(--fw-light);
}
.hero__cta {
  display: inline-block;
  padding: 14px 40px;
  border: 1px solid var(--white);
  color: var(--white);
  font-size: var(--fs-sm);
  letter-spacing: 1px;
  background: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  transition: color var(--transition-slow) var(--ease-smooth), border-color var(--transition-slow) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
}
.hero__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--white);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.hero__cta:hover, .hero__cta:focus-visible {
  color: var(--color-brand);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(44, 26, 12, 0.55);
}
.hero__cta:hover::before, .hero__cta:focus-visible::before {
  transform: scaleY(1);
}
.hero__cta:active {
  transform: translateY(0);
  box-shadow: none;
  transition-duration: 0.1s;
}

.collections-sec {
  position: relative;
  background-color: var(--color-bg);
}

.collections-hd {
  text-align: center;
}
.collections-hd h2 {
  color: var(--color-primary);
  font-size: var(--fs-6xl);
  margin: 0;
}
@media (max-width: 991px) {
  .collections-hd h2 {
    font-size: var(--fs-4xl);
  }
}
@media (max-width: 576px) {
  .collections-hd h2 {
    font-size: var(--fs-3xl);
  }
}

.collection-card {
  position: relative;
  overflow: hidden;
}
.collection-card .card-glow {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  background: radial-gradient(ellipse 65% 65% at 50% 40%, rgba(255, 197, 111, 0.6), rgba(255, 197, 111, 0.2) 50%, transparent 75%);
}
.collection-card:hover .card-glow {
  opacity: 1;
}
.collection-card .collection__pic {
  position: relative;
  background-color: var(--color-primary);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.collection-card .collection__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s ease;
}
.collection-card .collection__body {
  text-align: center;
}
.collection-card .collection__body h2 {
  color: var(--color-primary);
  font-size: var(--fs-xl);
  margin: 0;
}
.collection-card:hover .collection__pic img {
  transform: scale(1.08);
  opacity: 0.75;
}

.collections-footer {
  text-align: center;
}
.collections-footer p {
  color: var(--dark-900);
}

.heritage-sec {
  position: relative;
  background-color: var(--color-bg);
  overflow: hidden;
}

.heritage {
  display: flex;
  flex-wrap: wrap;
}
.heritage .heritage__con {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 50%;
  padding: 2.5rem;
  background-color: var(--color-bg-alt);
}
@media (max-width: 991px) {
  .heritage .heritage__con {
    width: 100%;
    order: 2;
  }
}
@media (max-width: 576px) {
  .heritage .heritage__con {
    padding: 2rem 1.25rem;
  }
}
.heritage .heritage__pic {
  flex: 0 0 auto;
  width: 50%;
}
.heritage .heritage__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .heritage .heritage__pic {
    width: 100%;
    order: 1;
  }
  .heritage .heritage__pic img {
    height: auto;
  }
}

.hrt-item {
  max-width: 375px;
  margin: 0 auto;
}
.hrt-item__hd {
  margin-bottom: 1rem;
  text-align: center;
}
.hrt-item__hd h3 {
  color: var(--color-primary);
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  margin: 0;
}
.hrt-item__pic {
  max-width: 250px;
  margin: 0 auto 1.5rem;
}
.hrt-item__pic img {
  width: 100%;
}
.hrt-item__dec {
  text-align: center;
}
.hrt-item__dec p {
  color: var(--dark-900);
  margin: 0 0 1rem 0;
}
.hrt-item__nav {
  text-align: center;
}
.hrt-item__cta {
  display: inline-block;
  padding: 14px 40px;
  border: 1px solid var(--dark-900);
  color: var(--dark-900);
  font-size: var(--fs-sm);
  letter-spacing: 1px;
  background: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  transition: color var(--transition-slow) var(--ease-smooth), border-color var(--transition-slow) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
}
.hrt-item__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--color-text);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.hrt-item__cta:hover, .hrt-item__cta:focus-visible {
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(44, 26, 12, 0.55);
}
.hrt-item__cta:hover::before, .hrt-item__cta:focus-visible::before {
  transform: scaleY(1);
}
.hrt-item__cta:active {
  transform: translateY(0);
  box-shadow: none;
  transition-duration: 0.1s;
}
.hrt-item__cta:hover, .hrt-item__cta:focus-visible {
  border-color: var(--color-text);
}

.featured-sec {
  position: relative;
  background-color: var(--color-bg-alt);
  overflow: hidden;
}

.featured-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-con {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2.5rem;
  padding-right: calc((100vw - 1440px) / 2);
}
@media (max-width: 1600px) {
  .featured-con {
    padding-right: max(2.5rem, var(--container-gutter));
  }
}
@media (max-width: 991px) {
  .featured-con {
    padding: 2.5rem;
  }
}
@media (max-width: 576px) {
  .featured-con {
    padding: 2rem 1.25rem;
  }
}

.featured-item {
  max-width: 375px;
  margin: 0 auto;
}
.featured-item__hd {
  margin-bottom: 1rem;
  text-align: center;
}
.featured-item__hd h3 {
  color: var(--color-primary);
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  margin: 0;
}
@media (max-width: 576px) {
  .featured-item__hd h3 {
    font-size: var(--fs-3xl);
  }
}
.featured-item__pic {
  max-width: 245px;
  margin: 0 auto 1.5rem;
}
.featured-item__pic img {
  width: 100%;
}
.featured-item__dec {
  text-align: center;
}
.featured-item__dec h4 {
  color: var(--dark-900);
  font-size: var(--fs-xl);
  font-weight: var(--fw-light);
  margin: 0 0 1rem 0;
}
.featured-item__dec p {
  color: var(--dark-900);
  margin: 0 0 1rem 0;
}
.featured-item__nav {
  text-align: center;
}
.featured-item__cta {
  display: block;
  padding: 14px 40px;
  color: var(--white);
  font-size: var(--fs-sm);
  letter-spacing: 1px;
  background: #3a3b36;
  border: 1px solid #3a3b36;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  transition: color var(--transition-slow) var(--ease-smooth), border-color var(--transition-slow) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
}
.featured-item__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--color-bg-alt);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.featured-item__cta:hover, .featured-item__cta:focus-visible {
  color: #3a3b36;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(44, 26, 12, 0.55);
}
.featured-item__cta:hover::before, .featured-item__cta:focus-visible::before {
  transform: scaleY(1);
}
.featured-item__cta:active {
  transform: translateY(0);
  box-shadow: none;
  transition-duration: 0.1s;
}

.highlight-sec {
  position: relative;
  background-color: var(--color-bg);
}

.highlight {
  display: flex;
}
@media (max-width: 991px) {
  .highlight {
    flex-wrap: wrap;
  }
}
.highlight__con {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 50%;
  background-color: var(--color-bg-alt);
}
@media (max-width: 991px) {
  .highlight__con {
    width: 100%;
    order: 2;
    padding: 2rem 1.25rem;
  }
}
.highlight__pic {
  flex: 0 0 auto;
  width: 50%;
  overflow: hidden;
}
.highlight__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
@media (max-width: 991px) {
  .highlight__pic {
    width: 100%;
    order: 1;
  }
  .highlight__pic img {
    height: auto;
  }
}

.high-item {
  max-width: 375px;
  margin: 0 auto;
}
.high-item__hd {
  margin-bottom: 1rem;
  text-align: center;
}
.high-item__hd h3 {
  color: var(--color-primary);
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  margin: 0;
}
@media (max-width: 576px) {
  .high-item__hd h3 {
    font-size: var(--fs-3xl);
  }
}
.high-item__dec {
  text-align: center;
}
.high-item__dec h4 {
  color: var(--dark-900);
  font-size: var(--fs-md);
  font-weight: var(--fw-light);
  margin: 0 0 1rem 0;
}
.high-item__dec p {
  color: var(--dark-900);
  margin: 0 0 1rem 0;
}
.high-item__nav {
  text-align: center;
}
.high-item__cta {
  display: inline-block;
  padding: 14px 40px;
  border: 1px solid #3a3b36;
  color: var(--dark-900);
  font-size: var(--fs-sm);
  letter-spacing: 1px;
  background: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  transition: color var(--transition-slow) var(--ease-smooth), border-color var(--transition-slow) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
}
.high-item__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #3a3b36;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.high-item__cta:hover, .high-item__cta:focus-visible {
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(44, 26, 12, 0.55);
}
.high-item__cta:hover::before, .high-item__cta:focus-visible::before {
  transform: scaleY(1);
}
.high-item__cta:active {
  transform: translateY(0);
  box-shadow: none;
  transition-duration: 0.1s;
}

.journal-sec {
  position: relative;
  background-color: var(--color-bg);
}

.swiper-journal {
  padding-bottom: 3rem;
}
.swiper-journal .swiper-journal-pagination {
  bottom: 0;
}
.swiper-journal .swiper-journal-pagination .swiper-pagination-bullet {
  background: var(--color-primary);
  opacity: 0.35;
}
.swiper-journal .swiper-journal-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.journal-hd {
  text-align: center;
}
.journal-hd h2 {
  color: var(--color-text);
  font-size: var(--fs-6xl);
  font-weight: var(--fw-light);
  margin: 0;
}
@media (max-width: 991px) {
  .journal-hd h2 {
    font-size: var(--fs-4xl);
  }
}
@media (max-width: 576px) {
  .journal-hd h2 {
    font-size: var(--fs-3xl);
  }
}

.journal-card__pic {
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.journal-card__pic img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.65s ease;
}
.journal-card:hover .journal-card__pic img {
  transform: scale(1.05);
  opacity: 0.88;
}
.journal-card__cat {
  color: var(--color-primary);
  font-size: var(--fs-xl);
  font-weight: var(--fw-light);
  margin: 0 0 0.5rem;
}
.journal-card__date {
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-body);
  margin: 0 0 0.75rem;
}
.journal-card__dec {
  color: var(--color-text-body);
  font-size: var(--fs-sm);
  line-height: 1.6;
  margin: 0;
}

.footer-sec {
  background-color: var(--color-bg-alt);
}

.footer-top {
  display: flex;
  gap: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--color-border);
}

.footer-brand {
  flex: 0 0 220px;
}
@media (max-width: 991px) {
  .footer-brand {
    margin-bottom: 2rem;
  }
}
.footer-brand__logo {
  display: block;
  width: 140px;
  margin-bottom: 1.25rem;
}
.footer-brand__logo img {
  width: 100%;
}
@media (max-width: 576px) {
  .footer-brand__logo {
    width: 80px;
  }
}
.footer-brand__tagline {
  color: var(--color-primary);
  font-size: var(--fs-xl);
  line-height: 1.1;
  margin: 0;
}

.footer-newsletter {
  flex: 1;
  max-width: 360px;
}
@media (max-width: 991px) {
  .footer-newsletter {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.footer-newsletter__hd {
  color: var(--color-primary);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-light);
  margin: 0 0 0.75rem;
}
@media (max-width: 576px) {
  .footer-newsletter__hd {
    font-size: var(--fs-xl);
  }
}
.footer-newsletter__dec {
  color: var(--dark-900);
  font-size: var(--fs-base);
  line-height: 1.6;
  margin: 0 0 1.5rem;
}
.footer-newsletter__field {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-text);
  padding-bottom: 0.5rem;
  gap: 0.5rem;
}
.footer-newsletter__field input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: var(--fs-sm);
  color: var(--color-text);
}
.footer-newsletter__field input::placeholder {
  color: var(--color-text-muted);
}
.footer-newsletter__field button {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--color-text);
  font-size: var(--fs-md);
  line-height: 1;
  transition: color 0.25s var(--ease-out);
}
.footer-newsletter__field button:hover {
  color: var(--color-primary);
}

.footer-nav {
  display: flex;
  gap: 2.5rem;
}
@media (max-width: 991px) {
  .footer-nav {
    gap: 1.5rem;
  }
}

.footer-legal-nav {
  flex: 0 0 auto;
  margin-left: auto;
}

.footer-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 991px) {
  .footer-nav__list {
    flex: 1;
  }
}
.footer-nav__list a {
  color: var(--color-primary);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  transition: color 0.25s var(--ease-out);
}
.footer-nav__list a:hover {
  color: var(--color-secondary);
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
}
@media (max-width: 576px) {
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.footer-bottom__copy {
  color: var(--color-primary);
  margin: 0;
}
.footer-bottom__social {
  color: var(--color-primary);
  transition: color 0.25s var(--ease-out);
}
.footer-bottom__social:hover {
  color: var(--color-secondary);
}

.page-header-sec {
  background-color: var(--color-bg);
}

.page-header__breadcrumb .breadcrumb-item {
  color: var(--color-text-primary);
}
.page-header__breadcrumb .breadcrumb-item a {
  color: var(--color-text-primary);
  transition: color 0.25s var(--ease-out);
}
.page-header__breadcrumb .breadcrumb-item a:hover {
  color: var(--color-primary);
}
.page-header__breadcrumb .breadcrumb-item.active {
  color: var(--color-text-body);
}
.page-header__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--color-text-muted);
}
.page-header__title {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-light);
  color: var(--color-primary);
  margin: 0;
  line-height: 1.15;
}

.filter-sec {
  background-color: var(--color-bg);
}

.filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.filter-bar__count {
  font-size: var(--fs-sm);
  color: var(--color-text-muted);
}
.filter-bar__count span {
  color: var(--color-text-muted);
}
.filter-bar__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  font-size: var(--fs-sm);
  color: var(--color-text-body);
  cursor: pointer;
  padding: 0;
  transition: color 0.25s var(--ease-out);
}
.filter-bar__trigger:hover {
  color: var(--color-primary);
}
.filter-bar__sort-btn {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  background: none;
  border: none;
  font-size: var(--fs-sm);
  color: var(--color-text-body);
  cursor: pointer;
  padding: 0;
  transition: color 0.25s var(--ease-out);
}
.filter-bar__sort-btn:hover {
  color: var(--color-primary);
}
.filter-bar__sort-btn i {
  font-size: var(--fs-xs);
  transition: transform 0.25s ease;
}
.filter-bar__sort-btn.active i {
  transform: rotate(180deg);
}

.loader-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: transparent;
  overflow: hidden;
  z-index: 99999;
}
.loader-overlay > .loader {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

#loader-percent {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}

.loader-percent-digit {
  display: inline-block;
  width: 0.62em;
  height: 1em;
  overflow: hidden;
}

.loader-percent-strip {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.loader-percent-strip span {
  display: block;
  height: 1em;
  line-height: 1;
}

.loader-percent-symbol {
  display: inline-block;
  margin-left: 0.08em;
  font-size: 0.5em;
  line-height: 1.15;
}

.loader-line {
  width: min(150px, 100vw - 48px);
  height: 2px;
  background: rgba(76, 77, 43, 0.25);
  border-radius: 0.25rem;
  margin: 1.5rem 0;
  overflow: hidden;
}
.loader-line__fill {
  width: 0%;
  height: 100%;
  background: rgb(76, 77, 43);
  border-radius: 0.25rem;
}

.loader-progress {
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  text-align: center;
}

.loader-shutter {
  position: fixed;
  inset: 0;
  display: flex;
  z-index: 1;
}

.loader {
  position: relative;
  overflow: hidden;
}
.loader__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  margin: 0 auto 1.5rem;
  overflow: hidden;
}
.loader__logo-icon {
  width: 100px;
  position: relative;
  z-index: 1;
}
.loader__logo-icon img {
  width: 100%;
}
.loader__shade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: var(--color-secondary);
}
.loader__shutter-panel {
  flex: 1 1 0;
  background-color: var(--white);
  transform-origin: top center;
  will-change: transform;
}

@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: background var(--transition-base) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
  z-index: 10;
}
.return-top img {
  position: relative;
  width: 20px;
  animation: upBounce 2s infinite;
  transition: transform var(--transition-base) var(--ease-smooth);
}
.return-top.visible {
  display: block;
}
.return-top:hover, .return-top:focus-visible {
  background: var(--color-secondary);
  transform: translateY(-3px);
  box-shadow: rgba(44, 26, 12, 0.35) 0px 10px 20px -6px;
}
.return-top:hover img, .return-top:focus-visible img {
  transform: translateY(-2px);
}
.return-top:active {
  transform: translateY(0);
  transition-duration: 0.1s;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.page-header-sec {
  background-color: var(--color-bg);
}

.page-header__breadcrumb .breadcrumb-item {
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--color-primary);
}
.page-header__breadcrumb .breadcrumb-item a {
  color: var(--color-primary);
  transition: color 0.25s var(--ease-out);
}
.page-header__breadcrumb .breadcrumb-item a:hover {
  color: var(--color-secondary);
}
.page-header__breadcrumb .breadcrumb-item.active {
  color: var(--color-text-muted);
}
.page-header__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--color-text-muted);
}
.page-header__title {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-light);
  color: var(--color-primary);
  margin: 0;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .page-header__title {
    font-size: var(--fs-4xl);
  }
}
@media (max-width: 576px) {
  .page-header__title {
    font-size: var(--fs-3xl);
  }
}

.filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
@media (max-width: 576px) {
  .filter-bar {
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    font-size: var(--fs-sm);
  }
  .filter-bar__count {
    width: 100%;
  }
}
.filter-bar__count {
  color: var(--color-primary);
}
.filter-bar__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  padding: 0;
  transition: color 0.25s var(--ease-out);
}
.filter-bar__trigger:hover {
  color: var(--color-primary);
}
.filter-bar__sort {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.filter-bar__sort-label {
  color: var(--color-primary);
  white-space: nowrap;
}
.filter-bar__sort-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238c7b6e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0 center;
  padding-right: 0.9rem;
  border: none;
  outline: none;
  font-size: var(--fs-sm);
  color: var(--color-text-body);
  cursor: pointer;
  font-family: inherit;
  transition: color 0.25s var(--ease-out);
}
.filter-bar__sort-select:hover {
  color: var(--color-primary);
}
.filter-bar__sort-select option {
  color: var(--color-text-body);
  background: var(--white);
}

.products-sec {
  background-color: var(--color-bg);
}

.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff9ed;
  border: 1px solid #eae8e4;
}
.product-card__pic {
  position: relative;
  overflow: hidden;
}
.product-card__thumb {
  max-width: 300px;
  margin: 0 auto;
}
.product-card__thumb img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-card:hover .product-card__pic img {
  transform: scale(1.06);
}
.product-card__wishlist {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 1;
}
.product-card__wishlist .heart-svg {
  width: 20px;
  height: 20px;
  stroke: var(--color-text-muted);
  fill: none;
  transition: stroke 0.25s ease, fill 0.25s ease;
}
.product-card__wishlist:hover .heart-svg {
  stroke: var(--color-primary);
}
.product-card__wishlist.is-active .heart-svg {
  stroke: var(--color-primary);
  fill: var(--color-primary);
  animation: heart-pop 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
.product-card__body {
  padding: 1rem 1rem 0.75rem;
  flex: 1;
}
@media (max-width: 576px) {
  .product-card__body {
    padding: 0.75rem 0.75rem 0.5rem;
  }
}
.product-card__name {
  font-size: var(--fs-xl);
  font-weight: var(--fw-light);
  color: var(--color-primary);
  margin: 0 0 0.75rem;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 576px) {
  .product-card__name {
    font-size: var(--fs-md);
  }
}
.product-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (max-width: 576px) {
  .product-card__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }
}
.product-card__price {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--fs-xl);
  font-weight: var(--fw-medium);
  color: var(--color-primary);
}
.product-card__price .omr-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .product-card__price {
    font-size: var(--fs-lg);
  }
  .product-card__price .omr-icon {
    width: 20px;
    height: 20px;
  }
}
.product-card__size {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-text-muted);
}
.product-card__size-label {
  white-space: nowrap;
}
.product-card__size-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238c7b6e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0 center;
  padding-right: 0.9rem;
  border: none;
  outline: none;
  color: var(--color-text-muted);
  cursor: pointer;
  font-family: inherit;
  transition: color 0.25s var(--ease-out);
}
.product-card__size-select:hover {
  color: var(--color-primary);
}
.product-card__size-select option {
  color: var(--color-text-body);
  background: var(--white);
}
.product-card__footer {
  padding: 0 1rem 1rem;
}
@media (max-width: 576px) {
  .product-card__footer {
    padding: 0 0.75rem 0.75rem;
  }
}
.product-card__cart {
  width: 100%;
  padding: 0.75rem 1rem;
  background: var(--color-primary);
  color: var(--white);
  border: none;
  font-size: var(--fs-sm);
  letter-spacing: 0.5px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  transition: color var(--transition-slow) var(--ease-smooth), border-color var(--transition-slow) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
}
.product-card__cart::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--color-secondary);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.product-card__cart:hover, .product-card__cart:focus-visible {
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(44, 26, 12, 0.55);
}
.product-card__cart:hover::before, .product-card__cart:focus-visible::before {
  transform: scaleY(1);
}
.product-card__cart:active {
  transform: translateY(0);
  box-shadow: none;
  transition-duration: 0.1s;
}

@keyframes heart-pop {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.45);
  }
  60% {
    transform: scale(0.88);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pd-sec {
  background-color: var(--color-bg);
}

.pd {
  display: flex;
  gap: 4rem;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .pd {
    flex-direction: column;
    gap: 2rem;
  }
}
.pd__gallery {
  flex: 0 0 55%;
  position: sticky;
  top: 2rem;
}
@media (max-width: 991px) {
  .pd__gallery {
    flex: 0 0 auto;
    width: 100%;
    position: static;
    top: auto;
  }
}
.pd__img-wrap {
  position: relative;
  overflow: hidden;
  cursor: none;
}
.pd__img-wrap img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.pd__cursor {
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-xs);
  letter-spacing: 0.05em;
  color: var(--color-text);
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.25s ease, opacity 0.25s ease;
  z-index: 10;
  opacity: 0;
  will-change: transform;
}
.pd__img-wrap:hover .pd__cursor {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.pd__wishlist {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--white);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.25s var(--ease-out);
}
.pd__wishlist .heart-svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-text-muted);
  fill: none;
  transition: stroke 0.25s ease, fill 0.25s ease;
}
.pd__wishlist:hover .heart-svg, .pd__wishlist.is-active .heart-svg {
  stroke: var(--color-primary);
}
.pd__wishlist.is-active .heart-svg {
  fill: var(--color-primary);
}
.pd__info {
  flex: 1;
  min-width: 0;
}
@media (max-width: 991px) {
  .pd__info {
    width: 100%;
  }
}
.pd__title {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-light);
  color: var(--color-primary);
  margin: 0 0 0.5rem;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .pd__title {
    font-size: var(--fs-4xl);
  }
}
@media (max-width: 576px) {
  .pd__title {
    font-size: var(--fs-3xl);
  }
}
.pd__subtitle {
  font-size: var(--fs-md);
  color: var(--dark-900);
  margin: 0;
}
.pd__divider {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: 1.5rem 0;
}
.pd__purchase {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 576px) {
  .pd__purchase {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.pd__price {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-light);
  color: var(--color-primary);
}
.pd__price .omr-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .pd__price {
    font-size: var(--fs-3xl);
  }
  .pd__price .omr-icon {
    width: 24px;
    height: 24px;
  }
}
.pd__variants {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-left: 1px solid var(--color-border);
  padding-left: 2rem;
}
@media (max-width: 576px) {
  .pd__variants {
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    border-left: none;
    padding-left: 0;
  }
}
.pd__size {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--dark-900);
}
.pd__size-label {
  white-space: nowrap;
}
.pd__size-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238c7b6e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0 center;
  padding-right: 1rem;
  border: none;
  outline: none;
  font-size: var(--fs-sm);
  color: var(--dark-900);
  font-family: inherit;
  cursor: pointer;
  transition: color 0.25s var(--ease-out);
}
.pd__size-select:hover {
  color: var(--color-primary);
}
.pd__size-select option {
  background: var(--white);
}
.pd__material {
  font-size: var(--fs-sm);
  color: var(--dark-900);
  white-space: nowrap;
}
.pd__cart {
  width: 100%;
  padding: 1rem;
  background: var(--color-primary);
  color: var(--white);
  border: none;
  font-size: var(--fs-sm);
  letter-spacing: 1px;
  cursor: pointer;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  transition: color var(--transition-slow) var(--ease-smooth), border-color var(--transition-slow) var(--ease-smooth), transform var(--transition-base) var(--ease-smooth), box-shadow var(--transition-base) var(--ease-smooth);
}
.pd__cart::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--color-secondary);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform var(--transition-slow) var(--ease-smooth);
}
.pd__cart:hover, .pd__cart:focus-visible {
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(44, 26, 12, 0.55);
}
.pd__cart:hover::before, .pd__cart:focus-visible::before {
  transform: scaleY(1);
}
.pd__cart:active {
  transform: translateY(0);
  box-shadow: none;
  transition-duration: 0.1s;
}

.pd-accordion .accordion-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border);
}
.pd-accordion .accordion-item:first-child {
  border-top: 1px solid var(--color-border);
}
.pd-accordion .accordion-button {
  position: relative;
  color: var(--color-primary);
  font-size: var(--fs-md);
  font-weight: var(--fw-light);
  padding: 1.1rem 2rem 1.1rem 0;
  background-color: transparent;
  box-shadow: none;
}
.pd-accordion .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.pd-accordion .accordion-button::after {
  display: none;
}
.pd-accordion .accordion-button .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.pd-accordion .accordion-button .icon::before, .pd-accordion .accordion-button .icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 1px;
  background-color: var(--dark-900);
  transform: translate(-50%, -50%);
  transition: transform 0.3s var(--ease-out);
}
.pd-accordion .accordion-button .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.pd-accordion .accordion-button:not(.collapsed) .icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.pd-accordion .accordion-body {
  padding: 0 0 1.25rem;
}
.pd-accordion .accordion-body p {
  font-size: var(--fs-sm);
  color: var(--color-text-body);
  line-height: 1.7;
  margin: 0;
}

.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;
}/*# sourceMappingURL=style.css.map */