/*!
 * Theme two (updated to purple)
 */
@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-primary: 'Yekan Bakh';
    --font-family-primary: 'Yekan Bakh';
    --font-family-secondary: 'Yekan Bakh';
    --font-family-tertiary: 'Yekan Bakh';
    --font-family-serif: 'Yekan Bakh';
    --radius: 50rem;
    --border-radius: 50rem;
    --color-primary: #6B46C1;
    --bs-primary-rgb: 107, 70, 193;
    --color-primary-: #6B46C1;
    --bs-primary--rgb: 107, 70, 193;
    --color-primary-10: rgb(249.7, 247.3, 252.4);
    --bs-primary-10-rgb: 250, 247, 252;
    --color-primary-25: rgb(246.25, 242.5, 250.25);
    --bs-primary-25-rgb: 246, 243, 250;
    --color-primary-50: rgb(238.5, 230, 245.5);
    --bs-primary-50-rgb: 239, 230, 246;
    --color-primary-100: rgb(221, 205, 236);
    --bs-primary-100-rgb: 221, 205, 236;
    --color-primary-200: rgb(186, 160, 217);
    --bs-primary-200-rgb: 186, 160, 217;
    --color-primary-300: rgb(151, 115, 198);
    --bs-primary-300-rgb: 151, 115, 198;
    --color-primary-400: rgb(116, 70, 179);
    --bs-primary-400-rgb: 116, 70, 179;
    --color-primary-500: #6B46C1;
    --bs-primary-500-rgb: 107, 70, 193;
    --color-primary-600: rgb(85.6, 56, 154.4);
    --bs-primary-600-rgb: 86, 56, 154;
    --color-primary-700: rgb(64.2, 42, 115.8);
    --bs-primary-700-rgb: 64, 42, 116;
    --color-primary-800: rgb(42.8, 28, 77.2);
    --bs-primary-800-rgb: 43, 28, 77;
    --color-primary-900: rgb(21.4, 14, 38.6);
    --bs-primary-900-rgb: 21, 14, 39;
    --color-primary-950: rgb(10.7, 7, 19.3);
    --bs-primary-950-rgb: 11, 7, 19;
    --color-secondary: #E6DEF1FF;
    --bs-secondary-rgb: 230, 222, 241;
    --color-secondary-: #E6DEF1FF;
    --bs-secondary--rgb: 241, 226, 222;
    --color-secondary-10: rgb(254.58, 254.13, 254.01);
    --bs-secondary-10-rgb: 255, 254, 254;
    --color-secondary-25: rgb(254.3, 253.55, 253.35);
    --bs-secondary-25-rgb: 254, 254, 253;
    --color-secondary-50: rgb(253.6, 252.1, 251.7);
    --bs-secondary-50-rgb: 254, 252, 252;
    --color-secondary-100: rgb(252.2, 249.2, 248.4);
    --bs-secondary-100-rgb: 252, 249, 248;
    --color-secondary-200: rgb(249.4, 243.4, 241.8);
    --bs-secondary-200-rgb: 249, 243, 242;
    --color-secondary-300: rgb(246.6, 237.6, 235.2);
    --bs-secondary-300-rgb: 247, 238, 235;
    --color-secondary-400: rgb(243.8, 231.8, 228.6);
    --bs-secondary-400-rgb: 244, 232, 229;
    --color-secondary-500: #f1e2de;
    --bs-secondary-500-rgb: 241, 226, 222;
    --color-secondary-600: rgb(192.8, 180.8, 177.6);
    --bs-secondary-600-rgb: 193, 181, 178;
    --color-secondary-700: rgb(144.6, 135.6, 133.2);
    --bs-secondary-700-rgb: 145, 136, 133;
    --color-secondary-800: rgb(96.4, 90.4, 88.8);
    --bs-secondary-800-rgb: 96, 90, 89;
    --color-secondary-900: rgb(48.2, 45.2, 44.4);
    --bs-secondary-900-rgb: 48, 45, 44;
    --color-secondary-950: rgb(24.1, 22.6, 22.2);
    --bs-secondary-950-rgb: 24, 23, 22;
    --color-gray: #45454c;
    --bs-gray-rgb: 69, 69, 76;
    --color-gray-: #45454c;
    --bs-gray--rgb: 69, 69, 76;
    --color-gray-10: rgb(249.42, 249.42, 249.63);
    --bs-gray-10-rgb: 249, 249, 250;
    --color-gray-25: rgb(245.7, 245.7, 246.05);
    --bs-gray-25-rgb: 246, 246, 246;
    --color-gray-50: rgb(236.4, 236.4, 237.1);
    --bs-gray-50-rgb: 236, 236, 237;
    --color-gray-100: rgb(217.8, 217.8, 219.2);
    --bs-gray-100-rgb: 218, 218, 219;
    --color-gray-200: rgb(180.6, 180.6, 183.4);
    --bs-gray-200-rgb: 181, 181, 183;
    --color-gray-300: rgb(143.4, 143.4, 147.6);
    --bs-gray-300-rgb: 143, 143, 148;
    --color-gray-400: rgb(106.2, 106.2, 111.8);
    --bs-gray-400-rgb: 106, 106, 112;
    --color-gray-500: #45454c;
    --bs-gray-500-rgb: 69, 69, 76;
    --color-gray-600: rgb(55.2, 55.2, 60.8);
    --bs-gray-600-rgb: 55, 55, 61;
    --color-gray-700: rgb(41.4, 41.4, 45.6);
    --bs-gray-700-rgb: 41, 41, 46;
    --color-gray-800: rgb(27.6, 27.6, 30.4);
    --bs-gray-800-rgb: 28, 28, 30;
    --color-gray-900: rgb(13.8, 13.8, 15.2);
    --bs-gray-900-rgb: 14, 14, 15;
    --color-gray-950: rgb(6.9, 6.9, 7.6);
    --bs-gray-950-rgb: 7, 7, 8;
    --sizes-heading-display-1-size: 6rem;
    --sizes-heading-display-1-lh: 1.5;
    --sizes-heading-display-1-lp: -0.32rem;
    --sizes-heading-display-2-size: 4rem;
    --sizes-heading-display-2-lh: 1.5;
    --sizes-heading-display-2-lp: -0.24rem;
    --sizes-heading-display-3-size: 3.5rem;
    --sizes-heading-display-3-lh: 1.5;
    --sizes-heading-display-3-lp: -0.2rem;
    --sizes-heading-display-4-size: 3rem;
    --sizes-heading-display-4-lh: 1.5;
    --sizes-heading-display-4-lp: -0.18rem;
    --sizes-heading-display-5-size: 2.5rem;
    --sizes-heading-display-5-lh: 1.5;
    --sizes-heading-display-5-lp: -0.16rem;
    --sizes-heading-display-6-size: 2rem;
    --sizes-heading-display-6-lh: 1.5;
    --sizes-heading-display-6-lp: -0.14rem;
    --sizes-heading-h1-size: 3rem;
    --sizes-heading-h1-lh: 1.1;
    --sizes-heading-h1-lp: -0.12rem;
    --sizes-heading-h2-size: 2.5rem;
    --sizes-heading-h2-lh: 1.1;
    --sizes-heading-h2-lp: -0.08rem;
    --sizes-heading-h3-size: 2rem;
    --sizes-heading-h3-lh: 1.1;
    --sizes-heading-h3-lp: -0.07rem;
    --sizes-heading-h4-size: 1.5rem;
    --sizes-heading-h4-lh: 1.2;
    --sizes-heading-h4-lp: -0.06rem;
    --sizes-heading-h5-size: 1.25rem;
    --sizes-heading-h5-lh: 1.2;
    --sizes-heading-h5-lp: -0.04rem;
    --sizes-heading-h6-size: 1rem;
    --sizes-heading-h6-lh: 1.2;
    --sizes-heading-h6-lp: -0.004rem;
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    --bs-border-opacity: 1;
}

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

.to-primary-25 {
    --uc-gradient-to: rgb(246.25, 242.5, 250.25);
}

.to-primary-100 {
    --uc-gradient-to: rgb(221, 205, 236);
}

.to-primary-700 {
    --uc-gradient-to: rgb(64.2, 42, 115.8);
}

.to-primary-800 {
    --uc-gradient-to: rgb(42.8, 28, 77.2);
}

:where(.uc-dark) .dark\:from-primary-700 {
    --uc-gradient-from: rgb(64.2, 42, 115.8) !important;
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

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

.from-gray-700 {
    --uc-gradient-from: rgb(41.4, 41.4, 45.6);
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

.from-gray-800 {
    --uc-gradient-from: rgb(27.6, 27.6, 30.4);
    --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

.to-gray-900 {
    --uc-gradient-to: rgb(13.8, 13.8, 15.2);
}

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

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

:where(.uc-dark) .dark\:to-gray-900 {
    --uc-gradient-to: rgb(13.8, 13.8, 15.2) !important;
}

:where(.uc-dark) .dark\:from-gray-900 {
    --uc-gradient-from: rgb(13.8, 13.8, 15.2) !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;
}
.text-golden {
    --bs-text-opacity: 1;
    color: #c1a246 !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-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: 500;
}
.btn-golden {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c1a246;
    --bs-btn-border-color: #c19e46;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(85.6, 56, 154.4);
    --bs-btn-hover-border-color: rgb(85.6, 56, 154.4);
    --bs-btn-focus-shadow-rgb: 116, 70, 179;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(64.2, 42, 115.8);
    --bs-btn-active-border-color: rgb(64.2, 42, 115.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c1a846;
    --bs-btn-disabled-border-color: #c19646;
}
.btn-golden:hover,.btn-golden.active, .btn-golden.show, .btn-golden:first-child:active, :not(.btn-golden-check)+.btn-golden:active{
    background-color: #c1a246;
    border-color: #c1a246;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6B46C1;
    --bs-btn-border-color: #6B46C1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(85.6, 56, 154.4);
    --bs-btn-hover-border-color: rgb(85.6, 56, 154.4);
    --bs-btn-focus-shadow-rgb: 116, 70, 179;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(64.2, 42, 115.8);
    --bs-btn-active-border-color: rgb(64.2, 42, 115.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6B46C1;
    --bs-btn-disabled-border-color: #6B46C1;
}

.btn-primary-200 {
    --bs-btn-color: #000;
    --bs-btn-bg: rgb(186, 160, 217);
    --bs-btn-border-color: rgb(186, 160, 217);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(151, 115, 198);
    --bs-btn-hover-border-color: rgb(151, 115, 198);
    --bs-btn-focus-shadow-rgb: 221, 205, 236;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(116, 70, 179);
    --bs-btn-active-border-color: rgb(116, 70, 179);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: rgb(186, 160, 217);
    --bs-btn-disabled-border-color: rgb(186, 160, 217);
}

.btn-primary-700 {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(64.2, 42, 115.8);
    --bs-btn-border-color: rgb(64.2, 42, 115.8);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(42.8, 28, 77.2);
    --bs-btn-hover-border-color: rgb(42.8, 28, 77.2);
    --bs-btn-focus-shadow-rgb: 86, 56, 154;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(21.4, 14, 38.6);
    --bs-btn-active-border-color: rgb(21.4, 14, 38.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(64.2, 42, 115.8);
    --bs-btn-disabled-border-color: rgb(64.2, 42, 115.8);
}

.btn-outline-primary {
    --bs-btn-color: #6B46C1;
    --bs-btn-border-color: #6B46C1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6B46C1;
    --bs-btn-hover-border-color: #6B46C1;
    --bs-btn-focus-shadow-rgb: 107, 70, 193;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(64.2, 42, 115.8);
    --bs-btn-active-border-color: rgb(64.2, 42, 115.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6B46C1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6B46C1;
    --bs-gradient: none;
}

.btn-alt-primary {
    background: #fff !important;
    color: #6B46C1 !important;
}

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

.btn-ghost-primary {
    background: rgb(238.5, 230, 245.5) !important;
    color: #6B46C1 !important;
}

.btn-ghost-primary:focus,
.btn-ghost-primary:hover {
    background: rgb(221, 205, 236) !important;
    color: #6B46C1 !important;
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #f1e2de;
    --bs-btn-border-color: #f1e2de;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(192.8, 180.8, 177.6);
    --bs-btn-hover-border-color: rgb(192.8, 180.8, 177.6);
    --bs-btn-focus-shadow-rgb: 244, 232, 229;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(144.6, 135.6, 133.2);
    --bs-btn-active-border-color: rgb(144.6, 135.6, 133.2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f1e2de;
    --bs-btn-disabled-border-color: #f1e2de;
}

.btn-gray {
    --bs-btn-color: #fff;
    --bs-btn-bg: #45454c;
    --bs-btn-border-color: #45454c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(55.2, 55.2, 60.8);
    --bs-btn-hover-border-color: rgb(55.2, 55.2, 60.8);
    --bs-btn-focus-shadow-rgb: 106, 106, 112;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(41.4, 41.4, 45.6);
    --bs-btn-active-border-color: rgb(41.4, 41.4, 45.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #45454c;
    --bs-btn-disabled-border-color: #45454c;
}

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