/*!
 * Theme five
 */
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,600;1,400;1,600&family=IBM+Plex+Sans+Arabic:wght@400;700&display=swap);
:root {
  --font-family-primary: PolySans, IBM Plex Sans Arabic, sans-serif;
  --font-family-secondary: PolySans, IBM Plex Sans Arabic, serif;
  --font-family-tertiary: PolySans, IBM Plex Sans Arabic, serif;
  --font-family-serif: Playfair Display, IBM Plex Sans Arabic, serif;
  --radius: 8px;
  --border-radius: 8px;
  --color-primary: #00ec4b;
  --bs-primary-rgb: 193, 255, 180;
  --color-primary-: #00ec4b;
  --bs-primary--rgb: 193, 255, 180;
  --color-primary-10: rgb(253.14, 255, 252.75);
  --bs-primary-10-rgb: 253, 255, 253;
  --color-primary-25: rgb(251.9, 255, 251.25);
  --bs-primary-25-rgb: 252, 255, 251;
  --color-primary-50: rgb(248.8, 255, 247.5);
  --bs-primary-50-rgb: 249, 255, 248;
  --color-primary-100: rgb(242.6, 255, 240);
  --bs-primary-100-rgb: 243, 255, 240;
  --color-primary-200: rgb(230.2, 255, 225);
  --bs-primary-200-rgb: 230, 255, 225;
  --color-primary-300: rgb(217.8, 255, 210);
  --bs-primary-300-rgb: 218, 255, 210;
  --color-primary-400: rgb(205.4, 255, 195);
  --bs-primary-400-rgb: 205, 255, 195;
  --color-primary-500: #00ec4b;
  --bs-primary-500-rgb: 193, 255, 180;
  --color-primary-600: rgb(154.4, 204, 144);
  --bs-primary-600-rgb: 154, 204, 144;
  --color-primary-700: rgb(115.8, 153, 108);
  --bs-primary-700-rgb: 116, 153, 108;
  --color-primary-800: rgb(77.2, 102, 72);
  --bs-primary-800-rgb: 77, 102, 72;
  --color-primary-900: rgb(38.6, 51, 36);
  --bs-primary-900-rgb: 39, 51, 36;
  --color-primary-950: rgb(19.3, 25.5, 18);
  --bs-primary-950-rgb: 19, 25, 18;
  --color-secondary: #f3ece7;
  --bs-secondary-rgb: 243, 236, 231;
  --color-secondary-: #f3ece7;
  --bs-secondary--rgb: 243, 236, 231;
  --color-secondary-10: rgb(254.64, 254.43, 254.28);
  --bs-secondary-10-rgb: 255, 254, 254;
  --color-secondary-25: rgb(254.4, 254.05, 253.8);
  --bs-secondary-25-rgb: 254, 254, 254;
  --color-secondary-50: rgb(253.8, 253.1, 252.6);
  --bs-secondary-50-rgb: 254, 253, 253;
  --color-secondary-100: rgb(252.6, 251.2, 250.2);
  --bs-secondary-100-rgb: 253, 251, 250;
  --color-secondary-200: rgb(250.2, 247.4, 245.4);
  --bs-secondary-200-rgb: 250, 247, 245;
  --color-secondary-300: rgb(247.8, 243.6, 240.6);
  --bs-secondary-300-rgb: 248, 244, 241;
  --color-secondary-400: rgb(245.4, 239.8, 235.8);
  --bs-secondary-400-rgb: 245, 240, 236;
  --color-secondary-500: #f3ece7;
  --bs-secondary-500-rgb: 243, 236, 231;
  --color-secondary-600: rgb(194.4, 188.8, 184.8);
  --bs-secondary-600-rgb: 194, 189, 185;
  --color-secondary-700: rgb(145.8, 141.6, 138.6);
  --bs-secondary-700-rgb: 146, 142, 139;
  --color-secondary-800: rgb(97.2, 94.4, 92.4);
  --bs-secondary-800-rgb: 97, 94, 92;
  --color-secondary-900: rgb(48.6, 47.2, 46.2);
  --bs-secondary-900-rgb: 49, 47, 46;
  --color-secondary-950: rgb(24.3, 23.6, 23.1);
  --bs-secondary-950-rgb: 24, 24, 23;
  --color-tertiary: #0c5263;
  --bs-tertiary-rgb: 12, 82, 99;
  --color-tertiary-: #0c5263;
  --bs-tertiary--rgb: 12, 82, 99;
  --color-tertiary-10: rgb(247.71, 249.81, 250.32);
  --bs-tertiary-10-rgb: 248, 250, 250;
  --color-tertiary-25: rgb(242.85, 246.35, 247.2);
  --bs-tertiary-25-rgb: 243, 246, 247;
  --color-tertiary-50: rgb(230.7, 237.7, 239.4);
  --bs-tertiary-50-rgb: 231, 238, 239;
  --color-tertiary-100: rgb(206.4, 220.4, 223.8);
  --bs-tertiary-100-rgb: 206, 220, 224;
  --color-tertiary-200: rgb(157.8, 185.8, 192.6);
  --bs-tertiary-200-rgb: 158, 186, 193;
  --color-tertiary-300: rgb(109.2, 151.2, 161.4);
  --bs-tertiary-300-rgb: 109, 151, 161;
  --color-tertiary-400: rgb(60.6, 116.6, 130.2);
  --bs-tertiary-400-rgb: 61, 117, 130;
  --color-tertiary-500: #0c5263;
  --bs-tertiary-500-rgb: 12, 82, 99;
  --color-tertiary-600: rgb(9.6, 65.6, 79.2);
  --bs-tertiary-600-rgb: 10, 66, 79;
  --color-tertiary-700: rgb(7.2, 49.2, 59.4);
  --bs-tertiary-700-rgb: 7, 49, 59;
  --color-tertiary-800: rgb(4.8, 32.8, 39.6);
  --bs-tertiary-800-rgb: 5, 33, 40;
  --color-tertiary-900: rgb(2.4, 16.4, 19.8);
  --bs-tertiary-900-rgb: 2, 16, 20;
  --color-tertiary-950: rgb(1.2, 8.2, 9.9);
  --bs-tertiary-950-rgb: 1, 8, 10;
  --color-quaternary: #d4d7c2;
  --bs-quaternary-rgb: 212, 215, 194;
  --color-quaternary-: #d4d7c2;
  --bs-quaternary--rgb: 212, 215, 194;
  --color-quaternary-10: rgb(253.71, 253.8, 253.17);
  --bs-quaternary-10-rgb: 254, 254, 253;
  --color-quaternary-25: rgb(252.85, 253, 251.95);
  --bs-quaternary-25-rgb: 253, 253, 252;
  --color-quaternary-50: rgb(250.7, 251, 248.9);
  --bs-quaternary-50-rgb: 251, 251, 249;
  --color-quaternary-100: rgb(246.4, 247, 242.8);
  --bs-quaternary-100-rgb: 246, 247, 243;
  --color-quaternary-200: rgb(237.8, 239, 230.6);
  --bs-quaternary-200-rgb: 238, 239, 231;
  --color-quaternary-300: rgb(229.2, 231, 218.4);
  --bs-quaternary-300-rgb: 229, 231, 218;
  --color-quaternary-400: rgb(220.6, 223, 206.2);
  --bs-quaternary-400-rgb: 221, 223, 206;
  --color-quaternary-500: #d4d7c2;
  --bs-quaternary-500-rgb: 212, 215, 194;
  --color-quaternary-600: rgb(169.6, 172, 155.2);
  --bs-quaternary-600-rgb: 170, 172, 155;
  --color-quaternary-700: rgb(127.2, 129, 116.4);
  --bs-quaternary-700-rgb: 127, 129, 116;
  --color-quaternary-800: rgb(84.8, 86, 77.6);
  --bs-quaternary-800-rgb: 85, 86, 78;
  --color-quaternary-900: rgb(42.4, 43, 38.8);
  --bs-quaternary-900-rgb: 42, 43, 39;
  --color-quaternary-950: rgb(21.2, 21.5, 19.4);
  --bs-quaternary-950-rgb: 21, 21, 19;
  --color-gray: #31393a;
  --bs-gray-rgb: 49, 57, 58;
  --color-gray-: #31393a;
  --bs-gray--rgb: 49, 57, 58;
  --color-gray-10: rgb(248.82, 249.06, 249.09);
  --bs-gray-10-rgb: 249, 249, 249;
  --color-gray-25: rgb(244.7, 245.1, 245.15);
  --bs-gray-25-rgb: 245, 245, 245;
  --color-gray-50: rgb(234.4, 235.2, 235.3);
  --bs-gray-50-rgb: 234, 235, 235;
  --color-gray-100: rgb(213.8, 215.4, 215.6);
  --bs-gray-100-rgb: 214, 215, 216;
  --color-gray-200: rgb(172.6, 175.8, 176.2);
  --bs-gray-200-rgb: 173, 176, 176;
  --color-gray-300: rgb(131.4, 136.2, 136.8);
  --bs-gray-300-rgb: 131, 136, 137;
  --color-gray-400: rgb(90.2, 96.6, 97.4);
  --bs-gray-400-rgb: 90, 97, 97;
  --color-gray-500: #31393a;
  --bs-gray-500-rgb: 49, 57, 58;
  --color-gray-600: rgb(39.2, 45.6, 46.4);
  --bs-gray-600-rgb: 39, 46, 46;
  --color-gray-700: rgb(29.4, 34.2, 34.8);
  --bs-gray-700-rgb: 29, 34, 35;
  --color-gray-800: rgb(19.6, 22.8, 23.2);
  --bs-gray-800-rgb: 20, 23, 23;
  --color-gray-900: rgb(9.8, 11.4, 11.6);
  --bs-gray-900-rgb: 10, 11, 12;
  --color-gray-950: rgb(4.9, 5.7, 5.8);
  --bs-gray-950-rgb: 5, 6, 6;
  --sizes-heading-display-1-size: 8rem;
  --sizes-heading-display-1-lh: 1;
  --sizes-heading-display-1-lp: -0.16rem;
  --sizes-heading-display-2-size: 6rem;
  --sizes-heading-display-2-lh: 1;
  --sizes-heading-display-2-lp: -0.12rem;
  --sizes-heading-display-3-size: 5rem;
  --sizes-heading-display-3-lh: 1;
  --sizes-heading-display-3-lp: -0.1rem;
  --sizes-heading-display-4-size: 4.5rem;
  --sizes-heading-display-4-lh: 1;
  --sizes-heading-display-4-lp: -0.09rem;
  --sizes-heading-display-5-size: 4rem;
  --sizes-heading-display-5-lh: 1;
  --sizes-heading-display-5-lp: -0.08rem;
  --sizes-heading-display-6-size: 3.25rem;
  --sizes-heading-display-6-lh: 1;
  --sizes-heading-display-6-lp: -0.07rem;
  --sizes-heading-h1-size: 3rem;
  --sizes-heading-h1-lh: 1.1;
  --sizes-heading-h1-lp: -0.06rem;
  --sizes-heading-h2-size: 2.5rem;
  --sizes-heading-h2-lh: 1.1;
  --sizes-heading-h2-lp: -0.04rem;
  --sizes-heading-h3-size: 2rem;
  --sizes-heading-h3-lh: 1.1;
  --sizes-heading-h3-lp: -0.035rem;
  --sizes-heading-h4-size: 1.5rem;
  --sizes-heading-h4-lh: 1.2;
  --sizes-heading-h4-lp: -0.03rem;
  --sizes-heading-h5-size: 1.25rem;
  --sizes-heading-h5-lh: 1.2;
  --sizes-heading-h5-lp: -0.02rem;
  --sizes-heading-h6-size: 1.125rem;
  --sizes-heading-h6-lh: 1.2;
  --sizes-heading-h6-lp: -0.02rem;
  --bs-bg-opacity: 1;
  --bs-text-opacity: 1;
  --bs-border-opacity: 1;
}
.from-primary {
  --uc-gradient-from: #00ec4b;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.to-primary-25 {
  --uc-gradient-to: rgb(251.9, 255, 251.25);
}

@keyframes moveY {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(15px);
  }
}

.animate-translateY {
  animation: moveY 1s linear 50ms infinite alternate;
}
.to-primary-100 {
  --uc-gradient-to: rgb(242.6, 255, 240);
}
.to-primary-700 {
  --uc-gradient-to: rgb(115.8, 153, 108);
}
.to-primary-800 {
  --uc-gradient-to: rgb(77.2, 102, 72);
}
:where(.uc-dark) .dark\:from-primary-700 {
  --uc-gradient-from: rgb(115.8, 153, 108) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-secondary {
  --uc-gradient-from: #f3ece7;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.to-tertiary {
  --uc-gradient-to: #292a2a;
}
.from-tertiary {
  --uc-gradient-from: #292a2a;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-tertiary-200 {
  --uc-gradient-from: rgb(157.8, 185.8, 192.6);
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-tertiary-600 {
  --uc-gradient-from: rgb(9.6, 65.6, 79.2);
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:to-tertiary {
  --uc-gradient-to: #0c5263 !important;
}
:where(.uc-dark) .dark\:from-tertiary-200 {
  --uc-gradient-from: rgb(157.8, 185.8, 192.6) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:from-tertiary-700 {
  --uc-gradient-from: rgb(35 35 35 / 79%) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:to-tertiary-800 {
  --uc-gradient-to: rgb(0, 0, 0) !important;
}
:where(.uc-dark) .dark\:from-tertiary-800 {
  --uc-gradient-from: rgb(0 0 0) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.to-quaternary {
  --uc-gradient-to: #d4d7c2;
}
.from-quaternary {
  --uc-gradient-from: #d4d7c2;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-gray-700 {
  --uc-gradient-from: rgb(29.4, 34.2, 34.8);
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-gray-800 {
  --uc-gradient-from: rgb(19.6, 22.8, 23.2);
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.to-gray-900 {
  --uc-gradient-to: rgb(9.8, 11.4, 11.6);
}
:where(.uc-dark) .dark\:from-gray-700 {
  --uc-gradient-from: rgb(29.4, 34.2, 34.8) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:from-gray-800 {
  --uc-gradient-from: rgb(19.6, 22.8, 23.2) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:to-gray-900 {
  --uc-gradient-to: rgb(9.8, 11.4, 11.6) !important;
}
:where(.uc-dark) .dark\:from-gray-900 {
  --uc-gradient-from: rgb(9.8, 11.4, 11.6) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: #00ec4b !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:text-primary {
  --bs-text-opacity: 1;
  color: rgb(0 236 75) !important;
}
.uc-dark .dark\:bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgb(0 236 75) !important;
}
.uc-dark .dark\:border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.bg-primary-25 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-25-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-primary-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-50-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-primary-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-100-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.text-primary-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-200-rgb), var(--bs-text-opacity)) !important;
}
.bg-primary-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-primary-300 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-300-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-primary-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-400-rgb), var(--bs-text-opacity)) !important;
}
.bg-primary-400 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-400-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:text-primary-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-400-rgb), var(--bs-text-opacity)) !important;
}
.bg-primary-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-600-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-primary-600 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-600-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.hover\:text-primary-600:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-600-rgb), var(--bs-text-opacity)) !important;
}
.text-primary-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-700-rgb), var(--bs-text-opacity)) !important;
}
.bg-primary-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-700-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:text-primary-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-700-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-primary-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-700-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:hover\:text-primary-700:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-700-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-secondary-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-200-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-300-rgb), var(--bs-text-opacity)) !important;
}
.bg-secondary-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.hover\:bg-secondary-300:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-secondary-600 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-600-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-secondary-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-900-rgb), var(--bs-text-opacity)) !important;
}
.text-tertiary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important;
}
.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: #00ec4b !important ;
}
.border-tertiary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-tertiary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:text-tertiary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgb(0 236 75) !important;
}
.uc-dark .dark\:border-tertiary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-tertiary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.bg-tertiary-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-50-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-tertiary-50 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-tertiary-50-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-tertiary-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-100-rgb), var(--bs-text-opacity)) !important;
}
.border-tertiary-100 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-tertiary-100-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-tertiary-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-200-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:text-tertiary-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-200-rgb), var(--bs-text-opacity)) !important;
}
.bg-tertiary-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:hover\:bg-tertiary-300:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.text-tertiary-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-400-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:text-tertiary-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-400-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-tertiary-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-600-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-tertiary-600 {
  --bs-border-opacity: 1;
  border-color: #ffffff2e !important;
}
.text-tertiary-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-700-rgb), var(--bs-text-opacity)) !important;
}
.bg-tertiary-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-700-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:bg-tertiary-700 {
  --bs-bg-opacity: 1;
  background-color:#1f1f1f78 !important;
}
.bg-tertiary-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-800-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:bg-tertiary-800 {
  --bs-bg-opacity: 1;
  background-color: #0f0f0f  !important;
}
.text-tertiary-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-900-rgb), var(--bs-text-opacity)) !important;
}
.bg-quaternary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-quaternary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:text-quaternary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-quaternary-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-quaternary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-quaternary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-quaternary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-quaternary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-gray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}
.bg-gray-25 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-25-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-gray-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-50-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-gray-50 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-50-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.hover\:bg-gray-50:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-50-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.text-gray-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
}
.bg-gray-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-100-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-gray-100 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-100-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:text-gray-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-gray-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-100-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.text-gray-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important;
}
.border-gray-200 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-200-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:text-gray-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important;
}
.text-gray-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important;
}
.bg-gray-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-gray-300 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-300-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:text-gray-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-gray-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-300-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-gray-300 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-300-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-gray-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:border-gray-400 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-400-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.text-gray-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:border-gray-500 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-500-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:hover\:bg-gray-500:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-500-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.text-gray-600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-gray-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-600-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-gray-600 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-600-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.hover\:bg-gray-600:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-600-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:text-gray-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important;
}
.uc-dark .dark\:bg-gray-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-700-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-gray-700 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-700-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:hover\:bg-gray-700:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-700-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-gray-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-800-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:bg-gray-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-800-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-gray-800 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-800-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:hover\:bg-gray-800:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-800-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}
.bg-gray-900 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-gray-900 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:bg-gray-900 {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.uc-dark .dark\:border-gray-900 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.uc-dark .dark\:hover\:text-gray-900:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}
:where(.uc-dark) .dark\:bg-white,
:where(.uc-dark) .dark\:hover\:bg-white:hover {
  --bs-bg-opacity: 1;
  background-color: rgb(110 110 110) !important;
}
:where(.uc-dark) .dark\:bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
:where(.uc-dark) .dark\:hover\:text-white:hover,
:where(.uc-dark) .dark\:text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
:where(.uc-dark) .dark\:hover\:text-dark:hover,
:where(.uc-dark) .dark\:text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
:where(.uc-dark) .dark\:border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
body {
  font-family: var(--font-primary);
  font-weight: 400;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
  font-weight: 700;
}
.display-5 {
  font-size: var(--sizes-heading-display-5-size) !important;
  line-height: var(--sizes-heading-display-5-lh) !important;
  letter-spacing: var(--sizes-heading-display-5-lp) !important;
}
.h1,
h1 {
  font-size: var(--sizes-heading-h1-size) !important;
  line-height: var(--sizes-heading-h1-lh) !important;
  letter-spacing: var(--sizes-heading-h1-lp) !important;
}
.h2,
h2 {
  font-size: var(--sizes-heading-h2-size) !important;
  line-height: var(--sizes-heading-h2-lh) !important;
  letter-spacing: var(--sizes-heading-h2-lp) !important;
}
.h3,
h3 {
  font-size: var(--sizes-heading-h3-size) !important;
  line-height: var(--sizes-heading-h3-lh) !important;
  letter-spacing: var(--sizes-heading-h3-lp) !important;
}
.h4,
h4 {
  font-size: var(--sizes-heading-h4-size) !important;
  line-height: var(--sizes-heading-h4-lh) !important;
  letter-spacing: var(--sizes-heading-h4-lp) !important;
}
.h5,
h5 {
  font-size: var(--sizes-heading-h5-size) !important;
  line-height: var(--sizes-heading-h5-lh) !important;
  letter-spacing: var(--sizes-heading-h5-lp) !important;
}
.h6,
h6 {
  font-size: var(--sizes-heading-h6-size) !important;
  line-height: var(--sizes-heading-h6-lh) !important;
  letter-spacing: var(--sizes-heading-h6-lp) !important;
}
@media (min-width: 459px) {
  .sm\:display-2 {
    font-size: var(--sizes-heading-display-2-size) !important;
    line-height: var(--sizes-heading-display-2-lh) !important;
    letter-spacing: var(--sizes-heading-display-2-lp) !important;
  }
  .sm\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  .sm\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  .sm\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  .sm\:h4 {
    font-size: var(--sizes-heading-h4-size) !important;
    line-height: var(--sizes-heading-h4-lh) !important;
    letter-spacing: var(--sizes-heading-h4-lp) !important;
  }
  .sm\:h5 {
    font-size: var(--sizes-heading-h5-size) !important;
    line-height: var(--sizes-heading-h5-lh) !important;
    letter-spacing: var(--sizes-heading-h5-lp) !important;
  }
}
@media (min-width: 768px) {
  .md\:display-5 {
    font-size: var(--sizes-heading-display-5-size) !important;
    line-height: var(--sizes-heading-display-5-lh) !important;
    letter-spacing: var(--sizes-heading-display-5-lp) !important;
  }
  .md\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  .md\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  .md\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  .md\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  .md\:h4 {
    font-size: var(--sizes-heading-h4-size) !important;
    line-height: var(--sizes-heading-h4-lh) !important;
    letter-spacing: var(--sizes-heading-h4-lp) !important;
  }
  .md\:h5 {
    font-size: var(--sizes-heading-h5-size) !important;
    line-height: var(--sizes-heading-h5-lh) !important;
    letter-spacing: var(--sizes-heading-h5-lp) !important;
  }
}
@media (min-width: 992px) {
  .lg\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
  .lg\:display-5 {
    font-size: var(--sizes-heading-display-5-size) !important;
    line-height: var(--sizes-heading-display-5-lh) !important;
    letter-spacing: var(--sizes-heading-display-5-lp) !important;
  }
  .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  .lg\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  .lg\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  .lg\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  .lg\:h4 {
    font-size: var(--sizes-heading-h4-size) !important;
    line-height: var(--sizes-heading-h4-lh) !important;
    letter-spacing: var(--sizes-heading-h4-lp) !important;
  }
  .lg\:h5 {
    font-size: var(--sizes-heading-h5-size) !important;
    line-height: var(--sizes-heading-h5-lh) !important;
    letter-spacing: var(--sizes-heading-h5-lp) !important;
  }
  .lg\:h6 {
    font-size: var(--sizes-heading-h6-size) !important;
    line-height: var(--sizes-heading-h6-lh) !important;
    letter-spacing: var(--sizes-heading-h6-lp) !important;
  }
}
@media (min-width: 1200px) {
  .xl\:display-2 {
    font-size: var(--sizes-heading-display-2-size) !important;
    line-height: var(--sizes-heading-display-2-lh) !important;
    letter-spacing: var(--sizes-heading-display-2-lp) !important;
  }
  .xl\:display-3 {
    font-size: var(--sizes-heading-display-3-size) !important;
    line-height: var(--sizes-heading-display-3-lh) !important;
    letter-spacing: var(--sizes-heading-display-3-lp) !important;
  }
  .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
  .xl\:display-5 {
    font-size: var(--sizes-heading-display-5-size) !important;
    line-height: var(--sizes-heading-display-5-lh) !important;
    letter-spacing: var(--sizes-heading-display-5-lp) !important;
  }
  .xl\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  .xl\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  .xl\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  .xl\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  .xl\:h4 {
    font-size: var(--sizes-heading-h4-size) !important;
    line-height: var(--sizes-heading-h4-lh) !important;
    letter-spacing: var(--sizes-heading-h4-lp) !important;
  }
  .xl\:h5 {
    font-size: var(--sizes-heading-h5-size) !important;
    line-height: var(--sizes-heading-h5-lh) !important;
    letter-spacing: var(--sizes-heading-h5-lp) !important;
  }
}
.btn {
  border-radius: var(--border-radius);
  font-family: var(--font-family-tertiary);
  font-weight: 700;
}
.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #00ec4b;
  --bs-btn-border-color: #00ec4b;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(154.4, 204, 144);
  --bs-btn-hover-border-color: rgb(154.4, 204, 144);
  --bs-btn-focus-shadow-rgb: 205, 255, 195;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(115.8, 153, 108);
  --bs-btn-active-border-color: rgb(115.8, 153, 108);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00ec4b;
  --bs-btn-disabled-border-color: #00ec4b;
}
.btn-primary-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(230.2, 255, 225);
  --bs-btn-border-color: rgb(230.2, 255, 225);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(217.8, 255, 210);
  --bs-btn-hover-border-color: rgb(217.8, 255, 210);
  --bs-btn-focus-shadow-rgb: 243, 255, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(205.4, 255, 195);
  --bs-btn-active-border-color: rgb(205.4, 255, 195);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(230.2, 255, 225);
  --bs-btn-disabled-border-color: rgb(230.2, 255, 225);
}
.btn-primary-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(115.8, 153, 108);
  --bs-btn-border-color: rgb(115.8, 153, 108);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(77.2, 102, 72);
  --bs-btn-hover-border-color: rgb(77.2, 102, 72);
  --bs-btn-focus-shadow-rgb: 154, 204, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(38.6, 51, 36);
  --bs-btn-active-border-color: rgb(38.6, 51, 36);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(115.8, 153, 108);
  --bs-btn-disabled-border-color: rgb(115.8, 153, 108);
}
.btn-outline-primary {
  --bs-btn-color: #000;
  --bs-btn-border-color: #00ec4b;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #00ec4b;
  --bs-btn-hover-border-color: #00ec4b;
  --bs-btn-focus-shadow-rgb: 193, 255, 180;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(115.8, 153, 108);
  --bs-btn-active-border-color: rgb(115.8, 153, 108);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00ec4b;
  --bs-gradient: none;
}
.btn-alt-primary {
  background: #fff !important;
  color: #000 !important;
}
.btn-alt-primary:focus,
.btn-alt-primary:hover {
  background: #00ec4b !important;
  color: #000 !important;
}
.btn-ghost-primary {
  background: rgb(248.8, 255, 247.5) !important;
  color: #000 !important;
}
.btn-ghost-primary:focus,
.btn-ghost-primary:hover {
  background: rgb(242.6, 255, 240) !important;
  color: #000 !important;
}
.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #f3ece7;
  --bs-btn-border-color: #f3ece7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(194.4, 188.8, 184.8);
  --bs-btn-hover-border-color: rgb(194.4, 188.8, 184.8);
  --bs-btn-focus-shadow-rgb: 245, 240, 236;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(145.8, 141.6, 138.6);
  --bs-btn-active-border-color: rgb(145.8, 141.6, 138.6);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3ece7;
  --bs-btn-disabled-border-color: #f3ece7;
}
.btn-tertiary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3c3b3b;
  --bs-btn-border-color: #3c3b3b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(9.6, 65.6, 79.2);
  --bs-btn-hover-border-color: rgb(9.6, 65.6, 79.2);
  --bs-btn-focus-shadow-rgb: 61, 117, 130;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(7.2, 49.2, 59.4);
  --bs-btn-active-border-color: rgb(7.2, 49.2, 59.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0c5263;
  --bs-btn-disabled-border-color: #0c5263;
}
.btn-outline-tertiary {
  --bs-btn-color: #00ec4b;
  --bs-btn-border-color: #00ec4b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00ec4b;
  --bs-btn-hover-border-color: #00ec4b;
  --bs-btn-focus-shadow-rgb: 12, 82, 99;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(7.2, 49.2, 59.4);
  --bs-btn-active-border-color: rgb(7.2, 49.2, 59.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00ec4ba7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00ec4b;
  --bs-gradient: none;
}
.btn-ghost-tertiary {
  background: rgb(230.7, 237.7, 239.4) !important;
  color: #0c5263 !important;
}
.btn-ghost-tertiary:focus,
.btn-ghost-tertiary:hover {
  background: rgb(206.4, 220.4, 223.8) !important;
  color: #0c5263 !important;
}
.btn-gray {
  --bs-btn-color: #fff;
  --bs-btn-bg: #31393a;
  --bs-btn-border-color: #31393a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(39.2, 45.6, 46.4);
  --bs-btn-hover-border-color: rgb(39.2, 45.6, 46.4);
  --bs-btn-focus-shadow-rgb: 90, 97, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(29.4, 34.2, 34.8);
  --bs-btn-active-border-color: rgb(29.4, 34.2, 34.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #31393a;
  --bs-btn-disabled-border-color: #31393a;
}
.text-gradient {
  background-color: var(--gradient-first);
  background-image: linear-gradient(
    var(--gradient-angle),
    var(--gradient-first),
    var(--gradient-second)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.text-muted {
  --bs-text-opacity: 0.5;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-muted:where(.uc-dark),
:where(.uc-dark) .text-muted {
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.opacity-10 {
  opacity: 0.1 !important;
}
.opacity-20 {
  opacity: 0.2 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-70 {
  opacity: 0.7 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
:where(.uc-dark) .dark\:opacity-80 {
  opacity: 0.8 !important;
}
:where(.uc-dark) .dark\:opacity-90 {
  opacity: 0.9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
:where(.uc-dark) .dark\:bg-opacity-0 {
  --bs-bg-opacity: 0 !important;
}
.bg-opacity-5,
.hover\:bg-opacity-5:hover {
  --bs-bg-opacity: 0.05 !important;
}
:where(.uc-dark) .dark\:bg-opacity-5 {
  --bs-bg-opacity: 0.05 !important;
}
.bg-opacity-10,
.hover\:bg-opacity-10:hover {
  --bs-bg-opacity: 0.1 !important;
}
:where(.uc-dark) .dark\:bg-opacity-10 {
  --bs-bg-opacity: 0.1 !important;
}
.bg-opacity-15 {
  --bs-bg-opacity: 0.15 !important;
}
:where(.uc-dark) .dark\:bg-opacity-15 {
  --bs-bg-opacity: 0.15 !important;
}
.bg-opacity-40 {
  --bs-bg-opacity: 0.4 !important;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5 !important;
}
:where(.uc-dark) .dark\:bg-opacity-50 {
  --bs-bg-opacity: 0.5 !important;
}
.bg-opacity-70,
.hover\:bg-opacity-70:hover {
  --bs-bg-opacity: 0.7 !important;
}
.bg-opacity-80 {
  --bs-bg-opacity: 0.8 !important;
}
:where(.uc-dark) .dark\:hover\:bg-opacity-80:hover {
  --bs-bg-opacity: 0.8 !important;
}
.bg-opacity-90,
.hover\:bg-opacity-90:hover {
  --bs-bg-opacity: 0.9 !important;
}
:where(.uc-dark) .dark\:text-opacity-10 {
  --bs-text-opacity: 0.1 !important;
}
.text-opacity-20 {
  --bs-text-opacity: 0.2 !important;
}
:where(.uc-dark) .dark\:text-opacity-50 {
  --bs-text-opacity: 0.5 !important;
}
.text-opacity-60 {
  --bs-text-opacity: 0.6 !important;
}
:where(.uc-dark) .dark\:text-opacity-60 {
  --bs-text-opacity: 0.6 !important;
}
.hover\:text-opacity-70:hover,
.text-opacity-70 {
  --bs-text-opacity: 0.7 !important;
}
:where(.uc-dark) .dark\:text-opacity-70 {
  --bs-text-opacity: 0.7 !important;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75 !important;
}
.text-opacity-80 {
  --bs-text-opacity: 0.8 !important;
}
:where(.uc-dark) .dark\:text-opacity-100 {
  --bs-text-opacity: 1 !important;
}
:where(.uc-dark) .dark\:border-opacity-0 {
  --bs-border-opacity: 0 !important;
}
.border-opacity-5 {
  --bs-border-opacity: 0.05 !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1 !important;
}
:where(.uc-dark) .dark\:border-opacity-10 {
  --bs-border-opacity: 0.1 !important;
}
.border-opacity-15 {
  --bs-border-opacity: 0.15 !important;
}
:where(.uc-dark) .dark\:border-opacity-15 {
  --bs-border-opacity: 0.15 !important;
}
.border-opacity-20 {
  --bs-border-opacity: 0.2 !important;
}
:where(.uc-dark) .dark\:border-opacity-20 {
  --bs-border-opacity: 0.2 !important;
}
:where(.uc-dark) .dark\:border-opacity-30 {
  --bs-border-opacity: 0.3 !important;
}
.hover\:border-opacity-40:hover {
  --bs-border-opacity: 0.4 !important;
}