/*!
 * Theme six
 */
@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: Mabry Pro, IBM Plex Sans Arabic, sans-serif;
    --font-family-secondary: PolySans, IBM Plex Sans Arabic, serif;
    --font-family-tertiary: Mabry Pro, IBM Plex Sans Arabic, serif;
    --font-family-serif: Playfair Display, IBM Plex Sans Arabic, serif;
    --radius: 8px;
    --border-radius: 8px;
    --color-primary: #3B82F6;
    --bs-primary-rgb: 59, 130, 246;
    --color-primary-: #3B82F6;
    --bs-primary--rgb: 59, 130, 246;
    --color-primary-10: rgb(239, 246, 255);
    --bs-primary-10-rgb: 239, 246, 255;
    --color-primary-25: rgb(219, 234, 254);
    --bs-primary-25-rgb: 219, 234, 254;
    --color-primary-50: rgb(191, 219, 254);
    --bs-primary-50-rgb: 191, 219, 254;
    --color-primary-100: rgb(147, 197, 253);
    --bs-primary-100-rgb: 147, 197, 253;
    --color-primary-200: rgb(96, 165, 250);
    --bs-primary-200-rgb: 96, 165, 250;
    --color-primary-300: rgb(59, 130, 246);
    --bs-primary-300-rgb: 59, 130, 246;
    --color-primary-400: rgb(37, 99, 235);
    --bs-primary-400-rgb: 37, 99, 235;
    --color-primary-500: #3B82F6;
    --bs-primary-500-rgb: 59, 130, 246;
    --color-primary-600: rgb(29, 78, 216);
    --bs-primary-600-rgb: 29, 78, 216;
    --color-primary-700: rgb(30, 64, 175);
    --bs-primary-700-rgb: 30, 64, 175;
    --color-primary-800: rgb(30, 58, 138);
    --bs-primary-800-rgb: 30, 58, 138;
    --color-primary-900: rgb(30, 41, 59);
    --bs-primary-900-rgb: 30, 41, 59;
    --color-primary-950: rgb(15, 23, 42);
    --bs-primary-950-rgb: 15, 23, 42;
    --color-secondary: #fef1e7;
    --bs-secondary-rgb: 254, 241, 231;
    --color-secondary-: #fef1e7;
    --bs-secondary--rgb: 254, 241, 231;
    --color-secondary-10: rgb(254.97, 254.58, 254.28);
    --bs-secondary-10-rgb: 255, 255, 254;
    --color-secondary-25: rgb(254.95, 254.3, 253.8);
    --bs-secondary-25-rgb: 255, 254, 254;
    --color-secondary-50: rgb(254.9, 253.6, 252.6);
    --bs-secondary-50-rgb: 255, 254, 253;
    --color-secondary-100: rgb(254.8, 252.2, 250.2);
    --bs-secondary-100-rgb: 255, 252, 250;
    --color-secondary-200: rgb(254.6, 249.4, 245.4);
    --bs-secondary-200-rgb: 255, 249, 245;
    --color-secondary-300: rgb(254.4, 246.6, 240.6);
    --bs-secondary-300-rgb: 254, 247, 241;
    --color-secondary-400: rgb(254.2, 243.8, 235.8);
    --bs-secondary-400-rgb: 254, 244, 236;
    --color-secondary-500: #fef1e7;
    --bs-secondary-500-rgb: 254, 241, 231;
    --color-secondary-600: rgb(203.2, 192.8, 184.8);
    --bs-secondary-600-rgb: 203, 193, 185;
    --color-secondary-700: rgb(152.4, 144.6, 138.6);
    --bs-secondary-700-rgb: 152, 145, 139;
    --color-secondary-800: rgb(101.6, 96.4, 92.4);
    --bs-secondary-800-rgb: 102, 96, 92;
    --color-secondary-900: rgb(50.8, 48.2, 46.2);
    --bs-secondary-900-rgb: 51, 48, 46;
    --color-secondary-950: rgb(25.4, 24.1, 23.1);
    --bs-secondary-950-rgb: 25, 24, 23;
    --color-tertiary: #DBEAFE;
    --bs-tertiary-rgb: 229, 253, 197;
    --color-tertiary-: #DBEAFE;
    --bs-tertiary--rgb: 229, 253, 197;
    --color-tertiary-10: rgb(239, 246, 255);
    --bs-tertiary-10-rgb: 254, 255, 253;
    --color-tertiary-25: rgb(219, 234, 254);
    --bs-tertiary-25-rgb: 254, 255, 252;
    --color-tertiary-50: rgb(191, 219, 254);
    --bs-tertiary-50-rgb: 252, 255, 249;
    --color-tertiary-100: rgb(147, 197, 253);
    --bs-tertiary-100-rgb: 250, 255, 243;
    --color-tertiary-200: rgb(96, 165, 250);
    --bs-tertiary-200-rgb: 245, 254, 232;
    --color-tertiary-300: rgb(59, 130, 246);
    --bs-tertiary-300-rgb: 239, 254, 220;
    --color-tertiary-400: rgb(37, 99, 235);
    --bs-tertiary-400-rgb: 234, 253, 209;
    --color-tertiary-500: #DBEAFE;
    --bs-tertiary-500-rgb: 229, 253, 197;
    --color-tertiary-600: rgb(29, 78, 216);
    --bs-tertiary-600-rgb: 183, 202, 158;
    --color-tertiary-700: rgb(30, 64, 175);
    --bs-tertiary-700-rgb: 137, 152, 118;
    --color-tertiary-800: rgb(30, 58, 138);
    --bs-tertiary-800-rgb: 92, 101, 79;
    --color-tertiary-900: rgb(30, 41, 59);
    --bs-tertiary-900-rgb: 46, 51, 39;
    --color-tertiary-950: rgb(15, 23, 42);
    --bs-tertiary-950-rgb: 23, 25, 20;
    --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: #292352;
    --bs-gray-rgb: 41, 35, 82;
    --color-gray-: #292352;
    --bs-gray--rgb: 41, 35, 82;
    --color-gray-10: rgb(248.58, 248.4, 249.81);
    --bs-gray-10-rgb: 249, 248, 250;
    --color-gray-25: rgb(244.3, 244, 246.35);
    --bs-gray-25-rgb: 244, 244, 246;
    --color-gray-50: rgb(233.6, 233, 237.7);
    --bs-gray-50-rgb: 234, 233, 238;
    --color-gray-100: rgb(212.2, 211, 220.4);
    --bs-gray-100-rgb: 212, 211, 220;
    --color-gray-200: rgb(169.4, 167, 185.8);
    --bs-gray-200-rgb: 169, 167, 186;
    --color-gray-300: rgb(126.6, 123, 151.2);
    --bs-gray-300-rgb: 127, 123, 151;
    --color-gray-400: rgb(83.8, 79, 116.6);
    --bs-gray-400-rgb: 84, 79, 117;
    --color-gray-500: #292352;
    --bs-gray-500-rgb: 41, 35, 82;
    --color-gray-600: rgb(32.8, 28, 65.6);
    --bs-gray-600-rgb: 33, 28, 66;
    --color-gray-700: rgb(24.6, 21, 49.2);
    --bs-gray-700-rgb: 25, 21, 49;
    --color-gray-800: rgb(16.4, 14, 32.8);
    --bs-gray-800-rgb: 16, 14, 33;
    --color-gray-900: rgb(8.2, 7, 16.4);
    --bs-gray-900-rgb: 8, 7, 16;
    --color-gray-950: rgb(4.1, 3.5, 8.2);
    --bs-gray-950-rgb: 4, 3, 8;
    --sizes-heading-display-1-size: 8rem;
    --sizes-heading-display-1-lh: 1;
    --sizes-heading-display-1-lp: -0.24rem;
    --sizes-heading-display-2-size: 6rem;
    --sizes-heading-display-2-lh: 1;
    --sizes-heading-display-2-lp: -0.18rem;
    --sizes-heading-display-3-size: 5rem;
    --sizes-heading-display-3-lh: 1;
    --sizes-heading-display-3-lp: -0.15rem;
    --sizes-heading-display-4-size: 4.5rem;
    --sizes-heading-display-4-lh: 1;
    --sizes-heading-display-4-lp: -0.135rem;
    --sizes-heading-display-5-size: 4rem;
    --sizes-heading-display-5-lh: 1;
    --sizes-heading-display-5-lp: -0.12rem;
    --sizes-heading-display-6-size: 3.25rem;
    --sizes-heading-display-6-lh: 1;
    --sizes-heading-display-6-lp: -0.105rem;
    --sizes-heading-h1-size: 3rem;
    --sizes-heading-h1-lh: 1.1;
    --sizes-heading-h1-lp: -0.09rem;
    --sizes-heading-h2-size: 2.5rem;
    --sizes-heading-h2-lh: 1.1;
    --sizes-heading-h2-lp: -0.06rem;
    --sizes-heading-h3-size: 2rem;
    --sizes-heading-h3-lh: 1.1;
    --sizes-heading-h3-lp: -0.0525rem;
    --sizes-heading-h4-size: 1.5rem;
    --sizes-heading-h4-lh: 1.2;
    --sizes-heading-h4-lp: -0.045rem;
    --sizes-heading-h5-size: 1.25rem;
    --sizes-heading-h5-lh: 1.2;
    --sizes-heading-h5-lp: -0.03rem;
    --sizes-heading-h6-size: 1.125rem;
    --sizes-heading-h6-lh: 1.2;
    --sizes-heading-h6-lp: -0.03rem;
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    --bs-border-opacity: 1
}

.from-primary {
    --uc-gradient-from: #3B82F6;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.to-primary-25 {
    --uc-gradient-to: rgb(243.1, 248.05, 247.3)
}

.to-primary-100 {
    --uc-gradient-to: rgb(207.4, 227.2, 224.2)
}

.to-primary-700 {
    --uc-gradient-to: rgb(10.2, 69.6, 60.6)
}

.to-primary-800 {
    --uc-gradient-to: rgb(6.8, 46.4, 40.4)
}

:where(.uc-dark) .dark\:from-primary-700 {
    --uc-gradient-from: rgb(10.2, 69.6, 60.6) !important;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.from-secondary {
    --uc-gradient-from: #fef1e7;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.to-tertiary {
    --uc-gradient-to: #DBEAFE
}

.from-tertiary {
    --uc-gradient-from: #DBEAFE;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.from-tertiary-200 {
    --uc-gradient-from: rgb(244.6, 254.2, 231.8);
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.from-tertiary-600 {
    --uc-gradient-from: rgb(183.2, 202.4, 157.6);
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:to-tertiary {
    --uc-gradient-to: #DBEAFE !important
}

:where(.uc-dark) .dark\:from-tertiary-200 {
    --uc-gradient-from: rgb(244.6, 254.2, 231.8) !important;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:from-tertiary-700 {
    --uc-gradient-from: rgb(137.4, 151.8, 118.2) !important;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:to-tertiary-800 {
    --uc-gradient-to: rgb(91.6, 101.2, 78.8) !important
}

:where(.uc-dark) .dark\:from-tertiary-800 {
    --uc-gradient-from: rgb(91.6, 101.2, 78.8) !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(24.6, 21, 49.2);
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.from-gray-800 {
    --uc-gradient-from: rgb(16.4, 14, 32.8);
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

.to-gray-900 {
    --uc-gradient-to: rgb(8.2, 7, 16.4)
}

:where(.uc-dark) .dark\:from-gray-700 {
    --uc-gradient-from: rgb(24.6, 21, 49.2) !important;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:from-gray-800 {
    --uc-gradient-from: rgb(16.4, 14, 32.8) !important;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:to-gray-900 {
    --uc-gradient-to: rgb(8.2, 7, 16.4) !important
}

:where(.uc-dark) .dark\:from-gray-900 {
    --uc-gradient-from: rgb(8.2, 7, 16.4) !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: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !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: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.uc-dark .dark\:bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !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: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !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: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !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: rgba(var(--bs-tertiary-600-rgb), var(--bs-border-opacity)) !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: rgba(var(--bs-tertiary-700-rgb), var(--bs-bg-opacity)) !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: rgba(var(--bs-tertiary-800-rgb), var(--bs-bg-opacity)) !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: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !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: #fff;
    --bs-btn-bg: #3B82F6;
    --bs-btn-border-color: #3B82F6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(37, 99, 235);
    --bs-btn-hover-border-color: rgb(37, 99, 235);
    --bs-btn-focus-shadow-rgb: 59, 130, 246;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(29, 78, 216);
    --bs-btn-active-border-color: rgb(29, 78, 216);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3B82F6;
    --bs-btn-disabled-border-color: #3B82F6
}

.btn-primary-200 {
    --bs-btn-color: #000;
    --bs-btn-bg: rgb(96, 165, 250);
    --bs-btn-border-color: rgb(96, 165, 250);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(59, 130, 246);
    --bs-btn-hover-border-color: rgb(59, 130, 246);
    --bs-btn-focus-shadow-rgb: 207, 227, 224;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(37, 99, 235);
    --bs-btn-active-border-color: rgb(37, 99, 235);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: rgb(96, 165, 250);
    --bs-btn-disabled-border-color: rgb(96, 165, 250)
}

.btn-primary-700 {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(10.2, 69.6, 60.6);
    --bs-btn-border-color: rgb(10.2, 69.6, 60.6);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(6.8, 46.4, 40.4);
    --bs-btn-hover-border-color: rgb(6.8, 46.4, 40.4);
    --bs-btn-focus-shadow-rgb: 14, 93, 81;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(3.4, 23.2, 20.2);
    --bs-btn-active-border-color: rgb(3.4, 23.2, 20.2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(10.2, 69.6, 60.6);
    --bs-btn-disabled-border-color: rgb(10.2, 69.6, 60.6)
}

.btn-outline-primary {
    --bs-btn-color: #3B82F6;
    --bs-btn-border-color: #3B82F6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3B82F6;
    --bs-btn-hover-border-color: #3B82F6;
    --bs-btn-focus-shadow-rgb: 17, 116, 101;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(29, 78, 216);
    --bs-btn-active-border-color: rgb(29, 78, 216);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3B82F6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3B82F6;
    --bs-gradient: none
}

.btn-alt-primary {
    background: #fff !important;
    color: #3B82F6 !important
}

.btn-alt-primary:focus,
.btn-alt-primary:hover {
    background: #3B82F6 !important;
    color: #fff !important
}

.btn-ghost-primary {
    background: rgb(231.2, 241.1, 239.6) !important;
    color: #3B82F6 !important
}

.btn-ghost-primary:focus,
.btn-ghost-primary:hover {
    background: rgb(207.4, 227.2, 224.2) !important;
    color: #3B82F6 !important
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #fef1e7;
    --bs-btn-border-color: #fef1e7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(203.2, 192.8, 184.8);
    --bs-btn-hover-border-color: rgb(203.2, 192.8, 184.8);
    --bs-btn-focus-shadow-rgb: 254, 244, 236;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(152.4, 144.6, 138.6);
    --bs-btn-active-border-color: rgb(152.4, 144.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: #fef1e7;
    --bs-btn-disabled-border-color: #fef1e7
}

.btn-tertiary {
    --bs-btn-color: #000;
    --bs-btn-bg: #DBEAFE;
    --bs-btn-border-color: #DBEAFE;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(59, 130, 246);
    --bs-btn-hover-border-color: rgb(59, 130, 246);
    --bs-btn-focus-shadow-rgb: 234, 253, 209;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(137.4, 151.8, 118.2);
    --bs-btn-active-border-color: rgb(137.4, 151.8, 118.2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #DBEAFE;
    --bs-btn-disabled-border-color: #DBEAFE
}

.btn-outline-tertiary {
    --bs-btn-color: #000;
    --bs-btn-border-color: #DBEAFE;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #DBEAFE;
    --bs-btn-hover-border-color: #DBEAFE;
    --bs-btn-focus-shadow-rgb: 229, 253, 197;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(137.4, 151.8, 118.2);
    --bs-btn-active-border-color: rgb(137.4, 151.8, 118.2);
    --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: #DBEAFE;
    --bs-gradient: none
}

.btn-ghost-tertiary {
    background: rgb(252.4, 254.8, 249.2) !important;
    color: #000 !important
}

.btn-ghost-tertiary:focus,
.btn-ghost-tertiary:hover {
    background: rgb(147, 197, 253) !important;
    color: #000 !important
}

.btn-gray {
    --bs-btn-color: #fff;
    --bs-btn-bg: #292352;
    --bs-btn-border-color: #292352;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(32.8, 28, 65.6);
    --bs-btn-hover-border-color: rgb(32.8, 28, 65.6);
    --bs-btn-focus-shadow-rgb: 84, 79, 117;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(24.6, 21, 49.2);
    --bs-btn-active-border-color: rgb(24.6, 21, 49.2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #292352;
    --bs-btn-disabled-border-color: #292352
}

.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: .1 !important
}

.opacity-20 {
    opacity: .2 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-40 {
    opacity: .4 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-60 {
    opacity: .6 !important
}

.opacity-70 {
    opacity: .7 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-80 {
    opacity: .8 !important
}

:where(.uc-dark) .dark\:opacity-80 {
    opacity: .8 !important
}

:where(.uc-dark) .dark\:opacity-90 {
    opacity: .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
}

.uc-navbar-container:not(.uc-navbar-transparent) {
    background: rgba(0, 0, 0, 0) !important
}

.uc-navbar-dropdown-nav>li>a:where(.uc-dark),
:where(.uc-dark) .uc-navbar-dropdown-nav>li>a {
    color: var(--color-tertiary-200)
}

.uc-table-light.uc-table-divider>:first-child>tr:not(:first-child),
.uc-table-light.uc-table-divider>:not(:first-child)>tr,
.uc-table-light.uc-table-divider>tr:not(:first-child) {
    border-color: #dccdcb !important
}