/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
  --animate-spin: spin 1s linear infinite;
  --blur-2xl: 40px;
  --blur-3xl: 64px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:root {
  --radius: 0.75rem;
  --navy-deep: oklch(0.24 0.05 230);
  --navy: oklch(0.55 0.16 240);
  --leaf: oklch(0.62 0.18 145);
  --ink: oklch(0.18 0.005 270);
  --gold: oklch(0.82 0.12 85);
  --cream: oklch(0.98 0.012 85);
  --background: oklch(0.99 0.004 80);
  --foreground: var(--ink);
  --card: oklch(1 0 0);
  --card-foreground: var(--ink);
  --popover: oklch(1 0 0);
  --popover-foreground: var(--ink);
  --primary: var(--navy);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.96 0.01 230);
  --secondary-foreground: var(--navy-deep);
  --muted: oklch(0.96 0.008 230);
  --muted-foreground: oklch(0.45 0.02 250);
  --accent: var(--leaf);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.6 0.22 25);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.9 0.01 230);
  --input: oklch(0.93 0.01 230);
  --ring: var(--navy);
  --shadow-luxury: 0 30px 80px -20px var(--navy-deep);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-luxury: 0 30px 80px -20px color-mix(in oklab, var(--navy-deep) 35%, transparent);
  }
  --shadow-soft: 0 10px 40px -10px var(--navy);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-soft: 0 10px 40px -10px color-mix(in oklab, var(--navy) 20%, transparent);
  }
  --shadow-glow: 0 0 60px var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-glow: 0 0 60px color-mix(in oklab, var(--primary) 35%, transparent);
  }
}
:root {
  --main-padding: 50px;
  --main-margin: 50px;
  --main-font-size-text: 20px;
  --main-color: var(--ast-global-color-0);
  --main-color-alt: var(--ast-global-color-0);
  --main-transition: 0.3s;
}
.summary .custom-badge {
  display: inline-block;
  background-color: var(--ast-global-color-0);
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 1rem;
  font-weight: bold;
}
.astra-shop-thumbnail-wrap .custom-badge {
  position: absolute;
  z-index: 2;
  color: red;
  padding: 5px 8px 5px 15px;
  right: 0;
  bottom: 20px;
  top: 4px;
  font-weight: bold;
}
.site-content {
  background-color: #f9fafb;
}
.woocommerce-cart .cart_totals .blockOverlay::before, .woocommerce-cart .woocommerce-cart-form .blockOverlay::before {
  left: 0;
}
#block-8 {
  p {
    margin-bottom: 0.25rem;
  }
}
.woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid) {
  grid-template-columns: repeat(2, 1fr);
  @media (min-width: 992px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 1200px) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.yikes-custom-woo-tab-title {
  display: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ast-above-header-wrap {
  display: none !important;
}
a[class*="text-white"]:hover, a[class*="text-white"]:focus, button[class*="text-white"]:hover, button[class*="text-white"]:focus {
  color: #fff !important;
}
a[class*="text-[color:var(--gold)]"]:hover, a[class*="text-[color:var(--gold)]"]:focus, a[class*="text-[var(--gold)]"]:hover, a[class*="text-[var(--gold)]"]:focus {
  color: var(--gold) !important;
}
a[class*="text-[var(--navy-deep)]"]:hover, a[class*="text-[var(--navy-deep)]"]:focus, a[class*="text-[var(--navy)]"]:hover, a[class*="text-[var(--navy)]"]:focus {
  color: var(--navy-deep) !important;
}
:root {
  --lv-gold: #e2b866;
  --lv-pad: clamp(1rem, 5vw, 4rem);
  --lv-font: "Tajawal", "Cairo", system-ui, "Segoe UI", sans-serif;
}
:root {
  --lv-cream: #fbfaf8;
  --lv-navy: #0a2733;
  --lv-card-shadow: 0 24px 60px -24px rgba(10, 40, 55, .18);
}
.lv-page {
  font-family: var(--lv-font);
  background: var(--lv-cream);
}
.lv-page * {
  box-sizing: border-box;
}
.lv-wrap {
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: var(--lv-pad);
}
.lv-section {
  padding-block: clamp(3rem, 7vw, 5.5rem);
}
.lv-section__head {
  text-align: center;
  margin-bottom: 3rem;
}
.lv-label {
  display: inline-block;
  padding: .4rem 1.1rem;
  border-radius: 999px;
  background: rgba(226, 184, 102, .14);
  color: #b98a2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  margin-bottom: 1rem;
}
.lv-section__title {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 800;
  color: var(--lv-navy);
}
.lv-pharm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}
.lv-pharm {
  padding: 2.5rem 2rem;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(10, 40, 55, .07);
  box-shadow: var(--lv-card-shadow);
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.lv-pharm:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 60px -24px rgba(10, 40, 55, .28);
}
.lv-pharm__pin {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(226, 184, 102, .14);
  color: var(--lv-gold);
  margin-bottom: 1.25rem;
}
.lv-pharm__pin svg {
  width: 26px;
  height: 26px;
}
.lv-pharm__name {
  margin: 0 0 .6rem;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--lv-navy);
}
.lv-pharm__addr {
  margin: 0 0 1rem;
  font-size: .98rem;
  color: #0b71b7;
}
.lv-pharm__phones {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .4rem 1.25rem;
}
.lv-pharm__phones a {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--lv-navy);
  font-weight: 700;
  font-size: 1.02rem;
  text-decoration: none;
  direction: ltr;
}
.lv-pharm__phones a:hover {
  color: var(--lv-gold);
}
.lv-pharm__phones svg {
  width: 16px;
  height: 16px;
  color: var(--lv-gold);
}
.lv-pharm__branch {
  display: block;
  margin-top: .9rem;
  font-size: .9rem;
  color: #8a97a0;
}
.lv-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
}
.lv-card {
  padding: 2.75rem 2.5rem;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(10, 40, 55, .08);
  box-shadow: var(--lv-card-shadow);
}
.lv-card__head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.lv-card__icon {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(226, 184, 102, .15);
  color: var(--lv-gold);
}
.lv-card__icon svg {
  width: 26px;
  height: 26px;
}
.lv-card__title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--lv-navy);
}
.lv-contact__intro {
  max-width: 820px;
  margin: 0 auto 3rem;
  text-align: center;
  font-size: 1.05rem;
  line-height: 2;
  color: #52616b;
}
.lv-form .wpcf7-form p {
  margin: 0 0 1.25rem;
}
.lv-form label {
  display: block;
  font-size: .95rem;
  font-weight: 700;
  color: var(--lv-navy);
  margin-bottom: .5rem;
}
.lv-form input[type=text], .lv-form input[type=email], .lv-form input[type=tel], .lv-form input[type=url], .lv-form input[type=number], .lv-form textarea, .lv-form select {
  width: 100%;
  padding: .95rem 1.1rem;
  border: 1px solid rgba(10, 40, 55, .15);
  border-radius: 12px;
  background: #fbfbfa;
  font-family: inherit;
  font-size: 1rem;
  color: var(--lv-navy);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.lv-form textarea {
  min-height: 150px;
  resize: vertical;
}
.lv-form input:focus, .lv-form textarea:focus, .lv-form select:focus {
  outline: none;
  border-color: var(--lv-gold);
  box-shadow: 0 0 0 3px rgba(226, 184, 102, .18);
}
.lv-form input::placeholder, .lv-form textarea::placeholder {
  color: #9aa6ad;
}
.lv-form .wpcf7-submit, .lv-form button[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  width: 100%;
  padding: 1rem 1.5rem;
  border: 0;
  border-radius: 12px;
  background: #0b71b7;
  color: #fff;
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
}
.lv-form .wpcf7-submit:hover, .lv-form button[type=submit]:hover {
  background: #095a92;
  transform: translateY(-1px);
}
@media (max-width: 992px) {
  .lv-pharm-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .lv-contact-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .lv-pharm-grid {
    grid-template-columns: 1fr;
  }
}
.lv-home {
  font-family: var(--lv-font);
  background: var(--lv-cream);
  overflow-x: hidden;
}
.lv-home * {
  box-sizing: border-box;
}
.bg-aurora {
  background: radial-gradient(60% 50% at 20% 30%, var(--navy) 0%, transparent 60%), radial-gradient(50% 50% at 80% 70%, var(--leaf) 0%, transparent 60%), linear-gradient(135deg, var(--navy-deep) 0%, #061a24 100%);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(60% 50% at 20% 30%, color-mix(in oklab, var(--navy) 55%, transparent) 0%, transparent 60%), radial-gradient(50% 50% at 80% 70%, color-mix(in oklab, var(--leaf) 35%, transparent) 0%, transparent 60%), linear-gradient(135deg, var(--navy-deep) 0%, #061a24 100%);
  }
}
.text-gradient-luxury {
  background: linear-gradient(120deg, #ffffff 0%, var(--gold) 50%, #ffffff 100%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(120deg, #ffffff 0%, color-mix(in oklab, var(--gold) 70%, white) 50%, #ffffff 100%);
  }
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.text-gradient-brand {
  background: linear-gradient(120deg, var(--navy-deep), var(--navy) 60%, var(--leaf));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.glass {
  background: color-mix(in oklab, white 70%, transparent);
  backdrop-filter: blur(20px) saturate(140%);
  border: 1px solid color-mix(in oklab, white 60%, transparent);
}
.glass-dark {
  background: var(--navy-deep);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--navy-deep) 55%, transparent);
  }
  backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid color-mix(in oklab, white 12%, transparent);
}
.shadow-luxury {
  box-shadow: var(--shadow-luxury);
}
.shadow-soft {
  box-shadow: var(--shadow-soft);
}
.shadow-glow {
  box-shadow: var(--shadow-glow);
}
.container-luxury {
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
.hairline {
  height: 1px;
  background: linear-gradient(to right, transparent, var(--navy), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(to right, transparent, color-mix(in oklab, var(--navy) 40%, transparent), transparent);
  }
}
@keyframes float-slow {
  0%, 100% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-18px) rotate(1deg);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes drift {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  100% {
    transform: translate(40px, -120px);
    opacity: 0;
  }
}
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--navy) 45%, transparent);
  }
  50% {
    box-shadow: 0 0 0 18px transparent;
  }
}
@keyframes drift-slow {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20px, -30px);
  }
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: none;
  }
}
.animate-float {
  animation: float-slow 7s ease-in-out infinite;
}
.animate-pulse-glow {
  animation: pulse-glow 3s ease-out infinite;
}
.animate-drift {
  animation: drift-slow 14s ease-in-out infinite;
}
.fade-up {
  opacity: 0;
  transform: translateY(24px);
  animation: fadeUp .9s ease-out forwards;
}
.bg-grid-luxury {
  background-image: linear-gradient(var(--navy-deep) 1px, transparent 1px), linear-gradient(90deg, var(--navy-deep) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(color-mix(in oklab, var(--navy-deep) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--navy-deep) 8%, transparent) 1px, transparent 1px);
  }
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 30%, transparent 80%);
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 30%, transparent 80%);
}
.bg-noise {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 220px 220px;
}
.bg-hero-cinematic {
  background-color: #082b3a;
  background-image: radial-gradient(ellipse 70% 60% at 15% 25%, rgba(11,113,183,0.55) 0%, transparent 65%), radial-gradient(ellipse 60% 55% at 85% 75%, rgba(18,83,118,0.65) 0%, transparent 65%), radial-gradient(ellipse 55% 50% at 50% 110%, rgba(27,25,26,0.85) 0%, transparent 70%), conic-gradient(from 200deg at 70% 30%, rgba(8,43,58,0.85), transparent 45%), linear-gradient(180deg, #125376 0%, #082b3a 45%, #1b191a 100%);
}
.lv-cf7-glass .wpcf7-form {
  display: grid;
  gap: 1rem;
}
.lv-cf7-glass .wpcf7-form p {
  margin: 0;
}
.lv-cf7-glass label {
  display: block;
  color: #fff;
  font-size: .9rem;
  font-weight: 600;
}
.lv-cf7-glass .wpcf7-form-control-wrap {
  display: block;
  margin-top: .45rem;
}
.lv-cf7-glass input[type="text"], .lv-cf7-glass input[type="email"], .lv-cf7-glass input[type="tel"], .lv-cf7-glass input[type="url"], .lv-cf7-glass input[type="number"], .lv-cf7-glass select, .lv-cf7-glass textarea {
  width: 100%;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: .75rem;
  padding: .8rem 1rem;
  color: #fff;
  font-family: inherit;
  font-size: .95rem;
  text-align: right;
  transition: border-color .2s ease;
}
.lv-cf7-glass input::placeholder, .lv-cf7-glass textarea::placeholder {
  color: rgba(255, 255, 255, .4);
}
.lv-cf7-glass input:focus, .lv-cf7-glass select:focus, .lv-cf7-glass textarea:focus {
  outline: none;
  border-color: var(--gold);
}
.lv-cf7-glass textarea {
  min-height: 130px;
  resize: vertical;
}
.lv-cf7-glass select option {
  color: #111;
}
.lv-cf7-glass .wpcf7-submit {
  width: 100%;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--navy-deep);
  padding: .95rem 1.5rem;
  font-family: inherit;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: box-shadow .2s ease, transform .15s ease;
}
.lv-cf7-glass .wpcf7-submit:hover {
  box-shadow: var(--shadow-glow);
  transform: translateY(-1px);
}
.lv-cf7-glass .wpcf7-spinner {
  margin-inline: auto;
}
.lv-cf7-glass .wpcf7-response-output {
  margin: .25rem 0 0 !important;
  padding: .75rem 1rem;
  border-radius: .75rem;
  border-color: rgba(255, 255, 255, .3) !important;
  color: #fff;
}
.lv-cf7-glass .wpcf7-not-valid-tip {
  color: #ffd7d7;
  font-size: .8rem;
  margin-top: .3rem;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.inset-0 {
  inset: 0;
}
.inset-x-0 {
  inset-inline: 0;
}
.inset-x-4 {
  inset-inline: calc(var(--spacing) * 4);
}
.-start-2 {
  inset-inline-start: calc(var(--spacing) * -2);
}
.-start-10 {
  inset-inline-start: calc(var(--spacing) * -10);
}
.-start-32 {
  inset-inline-start: calc(var(--spacing) * -32);
}
.start-2 {
  inset-inline-start: calc(var(--spacing) * 2);
}
.start-4 {
  inset-inline-start: calc(var(--spacing) * 4);
}
.start-6 {
  inset-inline-start: calc(var(--spacing) * 6);
}
.start-\[-10\%\] {
  inset-inline-start: -10%;
}
.start-\[5\%\] {
  inset-inline-start: 5%;
}
.-end-2 {
  inset-inline-end: calc(var(--spacing) * -2);
}
.-end-32 {
  inset-inline-end: calc(var(--spacing) * -32);
}
.end-0 {
  inset-inline-end: calc(var(--spacing) * 0);
}
.end-4 {
  inset-inline-end: calc(var(--spacing) * 4);
}
.end-6 {
  inset-inline-end: calc(var(--spacing) * 6);
}
.end-\[-10\%\] {
  inset-inline-end: -10%;
}
.-top-10 {
  top: calc(var(--spacing) * -10);
}
.-top-32 {
  top: calc(var(--spacing) * -32);
}
.-top-48 {
  top: calc(var(--spacing) * -48);
}
.top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.top-1\/3 {
  top: calc(1 / 3 * 100%);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-6 {
  top: calc(var(--spacing) * 6);
}
.top-10 {
  top: calc(var(--spacing) * 10);
}
.top-24 {
  top: calc(var(--spacing) * 24);
}
.-right-2 {
  right: calc(var(--spacing) * -2);
}
.-right-10 {
  right: calc(var(--spacing) * -10);
}
.-right-32 {
  right: calc(var(--spacing) * -32);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.right-\[-10\%\] {
  right: -10%;
}
.right-\[5\%\] {
  right: 5%;
}
.-bottom-2 {
  bottom: calc(var(--spacing) * -2);
}
.-bottom-32 {
  bottom: calc(var(--spacing) * -32);
}
.-bottom-56 {
  bottom: calc(var(--spacing) * -56);
}
.bottom-0 {
  bottom: 0;
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.bottom-16 {
  bottom: calc(var(--spacing) * 16);
}
.-left-2 {
  left: calc(var(--spacing) * -2);
}
.-left-32 {
  left: calc(var(--spacing) * -32);
}
.left-0 {
  left: 0;
}
.left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-6 {
  left: calc(var(--spacing) * 6);
}
.left-\[-10\%\] {
  left: -10%;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.m-auto {
  margin: auto;
}
.mx-1 {
  margin-inline: var(--spacing);
}
.mx-auto {
  margin-inline: auto;
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.me-2 {
  margin-inline-end: calc(var(--spacing) * 2);
}
.mt-1 {
  margin-top: var(--spacing);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
  margin-top: calc(var(--spacing) * 12);
}
.mt-14 {
  margin-top: calc(var(--spacing) * 14);
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
.mb-0 {
  margin-bottom: 0;
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-11 {
  height: calc(var(--spacing) * 11);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-40 {
  height: calc(var(--spacing) * 40);
}
.h-44 {
  height: calc(var(--spacing) * 44);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-\[380px\] {
  height: 380px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[460px\] {
  height: 460px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[560px\] {
  height: 560px;
}
.h-\[680px\] {
  height: 680px;
}
.h-\[720px\] {
  height: 720px;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-\[380px\] {
  width: 380px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[460px\] {
  width: 460px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[680px\] {
  width: 680px;
}
.w-\[720px\] {
  width: 720px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-6 {
  --tw-translate-y: calc(var(--spacing) * 6);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-x-\[-1\] {
  --tw-scale-x: -1;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-180 {
  rotate: 180deg;
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-none {
  list-style-type: none;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: var(--spacing);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-7 {
  gap: calc(var(--spacing) * 7);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-12 {
  gap: calc(var(--spacing) * 12);
}
.space-y-2\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-2xl {
  border-radius: calc(var(--radius) + 8px);
}
.rounded-3xl {
  border-radius: calc(var(--radius) + 12px);
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-\[var\(--navy\)\]\/10 {
  border-color: var(--navy);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--navy) 10%, transparent);
  }
}
.border-\[var\(--navy\)\]\/15 {
  border-color: var(--navy);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--navy) 15%, transparent);
  }
}
.border-border {
  border-color: var(--border);
}
.border-white\/5 {
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.border-white\/8 {
  border-color: color-mix(in srgb, #fff 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
  }
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.border-white\/15 {
  border-color: color-mix(in srgb, #fff 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
.border-white\/20 {
  border-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.border-white\/30 {
  border-color: color-mix(in srgb, #fff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
.bg-\[\#0a1a22\] {
  background-color: #0a1a22;
}
.bg-\[color\:var\(--cream\)\] {
  background-color: var(--cream);
}
.bg-\[color\:var\(--gold\)\] {
  background-color: var(--gold);
}
.bg-\[color\:var\(--gold\)\]\/10 {
  background-color: var(--gold);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--gold) 10%, transparent);
  }
}
.bg-\[color\:var\(--gold\)\]\/20 {
  background-color: var(--gold);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--gold) 20%, transparent);
  }
}
.bg-\[color\:var\(--leaf\)\] {
  background-color: var(--leaf);
}
.bg-\[color\:var\(--leaf\)\]\/20 {
  background-color: var(--leaf);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--leaf) 20%, transparent);
  }
}
.bg-\[color\:var\(--leaf\)\]\/30 {
  background-color: var(--leaf);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--leaf) 30%, transparent);
  }
}
.bg-\[color\:var\(--navy\)\]\/30 {
  background-color: var(--navy);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--navy) 30%, transparent);
  }
}
.bg-\[color\:var\(--navy\)\]\/40 {
  background-color: var(--navy);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--navy) 40%, transparent);
  }
}
.bg-\[var\(--leaf\)\]\/15 {
  background-color: var(--leaf);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--leaf) 15%, transparent);
  }
}
.bg-\[var\(--navy\)\] {
  background-color: var(--navy);
}
.bg-\[var\(--navy-deep\)\] {
  background-color: var(--navy-deep);
}
.bg-background {
  background-color: var(--background);
}
.bg-border {
  background-color: var(--border);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.bg-white\/60 {
  background-color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.bg-white\/70 {
  background-color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[radial-gradient\(circle\,color-mix\(in_oklab\,var\(--gold\)_22\%\,transparent\)\,transparent_70\%\)\] {
  background-image: radial-gradient(circle,var(--gold),transparent 70%);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle,color-mix(in oklab,var(--gold) 22%,transparent),transparent 70%);
  }
}
.bg-\[radial-gradient\(circle\,color-mix\(in_oklab\,var\(--leaf\)_45\%\,transparent\)\,transparent_65\%\)\] {
  background-image: radial-gradient(circle,var(--leaf),transparent 65%);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle,color-mix(in oklab,var(--leaf) 45%,transparent),transparent 65%);
  }
}
.bg-\[radial-gradient\(circle\,color-mix\(in_oklab\,var\(--leaf\)_55\%\,transparent\)\,transparent_70\%\)\] {
  background-image: radial-gradient(circle,var(--leaf),transparent 70%);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle,color-mix(in oklab,var(--leaf) 55%,transparent),transparent 70%);
  }
}
.bg-\[radial-gradient\(circle\,color-mix\(in_oklab\,var\(--navy\)_70\%\,transparent\)\,transparent_70\%\)\] {
  background-image: radial-gradient(circle,var(--navy),transparent 70%);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle,color-mix(in oklab,var(--navy) 70%,transparent),transparent 70%);
  }
}
.from-\[color\:var\(--cream\)\] {
  --tw-gradient-from: var(--cream);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[var\(--navy\)\] {
  --tw-gradient-from: var(--navy);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[var\(--navy-deep\)\] {
  --tw-gradient-from: var(--navy-deep);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white\/5 {
  --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-\[var\(--navy\)\] {
  --tw-gradient-via: var(--navy);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-white {
  --tw-gradient-via: var(--color-white);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[color\:var\(--cream\)\] {
  --tw-gradient-to: var(--cream);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[var\(--leaf\)\] {
  --tw-gradient-to: var(--leaf);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[var\(--navy\)\] {
  --tw-gradient-to: var(--navy);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[var\(--navy-deep\)\] {
  --tw-gradient-to: var(--navy-deep);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-white {
  --tw-gradient-to: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.fill-\[color\:var\(--gold\)\] {
  fill: var(--gold);
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-7 {
  padding: calc(var(--spacing) * 7);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-10 {
  padding: calc(var(--spacing) * 10);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
  padding-inline: calc(var(--spacing) * 7);
}
.px-9 {
  padding-inline: calc(var(--spacing) * 9);
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10);
}
.py-1 {
  padding-block: var(--spacing);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.py-28 {
  padding-block: calc(var(--spacing) * 28);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pb-0 {
  padding-bottom: 0;
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.text-center {
  text-align: center;
}
.font-arabic {
  font-family: "Tajawal", "Cairo", system-ui, sans-serif;
}
.font-display {
  font-family: "Tajawal", "Playfair Display", "Cormorant Garamond", serif;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[13px\] {
  font-size: 13px;
}
.leading-\[1\.9\] {
  --tw-leading: 1.9;
  line-height: 1.9;
}
.leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.leading-loose {
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\] {
  --tw-tracking: 0.3em;
  letter-spacing: 0.3em;
}
.tracking-\[0\.25em\] {
  --tw-tracking: 0.25em;
  letter-spacing: 0.25em;
}
.tracking-\[0\.45em\] {
  --tw-tracking: 0.45em;
  letter-spacing: 0.45em;
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-\[color\:var\(--gold\)\] {
  color: var(--gold);
}
.text-\[var\(--leaf\)\] {
  color: var(--leaf);
}
.text-\[var\(--navy\)\] {
  color: var(--navy);
}
.text-\[var\(--navy\)\]\/20 {
  color: var(--navy);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--navy) 20%, transparent);
  }
}
.text-\[var\(--navy-deep\)\] {
  color: var(--navy-deep);
}
.text-foreground {
  color: var(--foreground);
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.text-white {
  color: var(--color-white);
}
.text-white\/15 {
  color: color-mix(in srgb, #fff 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
.text-white\/40 {
  color: color-mix(in srgb, #fff 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.text-white\/60 {
  color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.text-white\/70 {
  color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.text-white\/85 {
  color: color-mix(in srgb, #fff 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
}
.text-white\/90 {
  color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.line-through {
  text-decoration-line: line-through;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-10 {
  opacity: 10%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-60 {
  opacity: 60%;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-90 {
  opacity: 90%;
}
.opacity-\[0\.18\] {
  opacity: 0.18;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-2xl {
  --tw-blur: blur(var(--blur-2xl));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-3xl {
  --tw-blur: blur(var(--blur-3xl));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[120px\] {
  --tw-blur: blur(120px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[140px\] {
  --tw-blur: blur(140px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-0 {
  --tw-brightness: brightness(0%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-2xl {
  --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_20px_40px_rgba\(11\,113\,183\,0\.4\)\] {
  --tw-drop-shadow-size: drop-shadow(0 20px 40px var(--tw-drop-shadow-color, rgba(11,113,183,0.4)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_20px_40px_rgba\(11\,113\,183\,0\.45\)\] {
  --tw-drop-shadow-size: drop-shadow(0 20px 40px var(--tw-drop-shadow-color, rgba(11,113,183,0.45)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_30px_80px_rgba\(11\,113\,183\,0\.5\)\] {
  --tw-drop-shadow-size: drop-shadow(0 30px 80px var(--tw-drop-shadow-color, rgba(11,113,183,0.5)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_40px_80px_rgba\(43\,152\,34\,0\.35\)\] {
  --tw-drop-shadow-size: drop-shadow(0 40px 80px var(--tw-drop-shadow-color, rgba(43,152,34,0.35)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.group-open\:rotate-45 {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }
}
.group-hover\:-translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:translate-y-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:text-\[var\(--navy\)\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--navy);
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.first\:border-t-0 {
  &:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.first\:pt-0 {
  &:first-child {
    padding-top: 0;
  }
}
.hover\:-translate-y-1 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:border-\[var\(--navy\)\]\/30 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--navy);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--navy) 30%, transparent);
      }
    }
  }
}
.hover\:bg-\[color\:var\(--gold\)\]\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--gold);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--gold) 20%, transparent);
      }
    }
  }
}
.hover\:bg-\[var\(--navy-deep\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--navy-deep);
    }
  }
}
.hover\:bg-white {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
}
.hover\:bg-white\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
}
.hover\:text-\[var\(--leaf\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--leaf);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:opacity-90 {
  &:hover {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
.sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:inline-flex {
  @media (width >= 48rem) {
    display: inline-flex;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:p-10 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.md\:p-20 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 20);
  }
}
.md\:text-2xl {
  @media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.md\:text-3xl {
  @media (width >= 48rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.md\:text-4xl {
  @media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.md\:text-5xl {
  @media (width >= 48rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.md\:text-6xl {
  @media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
.lg\:-start-6 {
  @media (width >= 64rem) {
    inset-inline-start: calc(var(--spacing) * -6);
  }
}
.lg\:-end-6 {
  @media (width >= 64rem) {
    inset-inline-end: calc(var(--spacing) * -6);
  }
}
.lg\:-right-6 {
  @media (width >= 64rem) {
    right: calc(var(--spacing) * -6);
  }
}
.lg\:-left-6 {
  @media (width >= 64rem) {
    left: calc(var(--spacing) * -6);
  }
}
.lg\:col-span-2 {
  @media (width >= 64rem) {
    grid-column: span 2 / span 2;
  }
}
.lg\:col-span-4 {
  @media (width >= 64rem) {
    grid-column: span 4 / span 4;
  }
}
.lg\:col-span-5 {
  @media (width >= 64rem) {
    grid-column: span 5 / span 5;
  }
}
.lg\:col-span-6 {
  @media (width >= 64rem) {
    grid-column: span 6 / span 6;
  }
}
.lg\:col-span-7 {
  @media (width >= 64rem) {
    grid-column: span 7 / span 7;
  }
}
.lg\:col-span-8 {
  @media (width >= 64rem) {
    grid-column: span 8 / span 8;
  }
}
.lg\:mx-0 {
  @media (width >= 64rem) {
    margin-inline: 0;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:h-56 {
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 56);
  }
}
.lg\:h-60 {
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 60);
  }
}
.lg\:h-\[520px\] {
  @media (width >= 64rem) {
    height: 520px;
  }
}
.lg\:h-\[560px\] {
  @media (width >= 64rem) {
    height: 560px;
  }
}
.lg\:h-\[620px\] {
  @media (width >= 64rem) {
    height: 620px;
  }
}
.lg\:w-\[520px\] {
  @media (width >= 64rem) {
    width: 520px;
  }
}
.lg\:w-\[560px\] {
  @media (width >= 64rem) {
    width: 560px;
  }
}
.lg\:w-\[620px\] {
  @media (width >= 64rem) {
    width: 620px;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-12 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.lg\:justify-start {
  @media (width >= 64rem) {
    justify-content: flex-start;
  }
}
.lg\:py-32 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 32);
  }
}
.lg\:text-right {
  @media (width >= 64rem) {
    text-align: right;
  }
}
.lg\:text-start {
  @media (width >= 64rem) {
    text-align: start;
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden {
  &::-webkit-details-marker {
    display: none;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }
  }
}