/*!
 * Theme Eleven
 */
@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: Open Sauce Sans,IBM Plex Sans Arabic,sans-serif;
    --font-family-secondary: Open Sauce Sans,IBM Plex Sans Arabic,serif;
    --font-family-tertiary: Open Sauce Sans,IBM Plex Sans Arabic,serif;
    --font-family-serif: Optician Sans,IBM Plex Sans Arabic,serif;
    --radius: 50rem;
    --border-radius: 50rem;
    --color-primary: #0F8465;
    --bs-primary-rgb: 15,132,101;
    --color-primary-: #0F8465;
    --bs-primary--rgb: 15,132,101;
    --color-primary-10: rgb(247.8, 251.31, 250.38);
    --bs-primary-10-rgb: 248,251,250;
    --color-primary-25: rgb(243, 248.85, 247.3);
    --bs-primary-25-rgb: 243,249,247;
    --color-primary-50: rgb(231, 242.7, 239.6);
    --bs-primary-50-rgb: 231,243,240;
    --color-primary-100: rgb(207, 230.4, 224.2);
    --bs-primary-100-rgb: 207,230,224;
    --color-primary-200: rgb(159, 205.8, 193.4);
    --bs-primary-200-rgb: 159,206,193;
    --color-primary-300: rgb(111, 181.2, 162.6);
    --bs-primary-300-rgb: 111,181,163;
    --color-primary-400: rgb(63, 156.6, 131.8);
    --bs-primary-400-rgb: 63,157,132;
    --color-primary-500: #0F8465;
    --bs-primary-500-rgb: 15,132,101;
    --color-primary-600: rgb(12, 105.6, 80.8);
    --bs-primary-600-rgb: 12,106,81;
    --color-primary-700: rgb(9, 79.2, 60.6);
    --bs-primary-700-rgb: 9,79,61;
    --color-primary-800: rgb(6, 52.8, 40.4);
    --bs-primary-800-rgb: 6,53,40;
    --color-primary-900: rgb(3, 26.4, 20.2);
    --bs-primary-900-rgb: 3,26,20;
    --color-primary-950: rgb(1.5, 13.2, 10.1);
    --bs-primary-950-rgb: 1,13,10;
    --color-secondary: #F6F4F0;
    --bs-secondary-rgb: 246,244,240;
    --color-secondary-: #F6F4F0;
    --bs-secondary--rgb: 246,244,240;
    --color-secondary-10: rgb(254.73, 254.67, 254.55);
    --bs-secondary-10-rgb: 255,255,255;
    --color-secondary-25: rgb(254.55, 254.45, 254.25);
    --bs-secondary-25-rgb: 255,254,254;
    --color-secondary-50: rgb(254.1, 253.9, 253.5);
    --bs-secondary-50-rgb: 254,254,254;
    --color-secondary-100: rgb(253.2, 252.8, 252);
    --bs-secondary-100-rgb: 253,253,252;
    --color-secondary-200: rgb(251.4, 250.6, 249);
    --bs-secondary-200-rgb: 251,251,249;
    --color-secondary-300: rgb(249.6, 248.4, 246);
    --bs-secondary-300-rgb: 250,248,246;
    --color-secondary-400: rgb(247.8, 246.2, 243);
    --bs-secondary-400-rgb: 248,246,243;
    --color-secondary-500: #F6F4F0;
    --bs-secondary-500-rgb: 246,244,240;
    --color-secondary-600: rgb(196.8, 195.2, 192);
    --bs-secondary-600-rgb: 197,195,192;
    --color-secondary-700: rgb(147.6, 146.4, 144);
    --bs-secondary-700-rgb: 148,146,144;
    --color-secondary-800: rgb(98.4, 97.6, 96);
    --bs-secondary-800-rgb: 98,98,96;
    --color-secondary-900: rgb(49.2, 48.8, 48);
    --bs-secondary-900-rgb: 49,49,48;
    --color-secondary-950: rgb(24.6, 24.4, 24);
    --bs-secondary-950-rgb: 25,24,24;
    --color-tertiary: #87D038;
    --bs-tertiary-rgb: 135,208,56;
    --color-tertiary-: #87D038;
    --bs-tertiary--rgb: 135,208,56;
    --color-tertiary-10: rgb(251.4, 253.59, 249.03);
    --bs-tertiary-10-rgb: 251,254,249;
    --color-tertiary-25: rgb(249, 252.65, 245.05);
    --bs-tertiary-25-rgb: 249,253,245;
    --color-tertiary-50: rgb(243, 250.3, 235.1);
    --bs-tertiary-50-rgb: 243,250,235;
    --color-tertiary-100: rgb(231, 245.6, 215.2);
    --bs-tertiary-100-rgb: 231,246,215;
    --color-tertiary-200: rgb(207, 236.2, 175.4);
    --bs-tertiary-200-rgb: 207,236,175;
    --color-tertiary-300: rgb(183, 226.8, 135.6);
    --bs-tertiary-300-rgb: 183,227,136;
    --color-tertiary-400: rgb(159, 217.4, 95.8);
    --bs-tertiary-400-rgb: 159,217,96;
    --color-tertiary-500: #87D038;
    --bs-tertiary-500-rgb: 135,208,56;
    --color-tertiary-600: rgb(108, 166.4, 44.8);
    --bs-tertiary-600-rgb: 108,166,45;
    --color-tertiary-700: rgb(81, 124.8, 33.6);
    --bs-tertiary-700-rgb: 81,125,34;
    --color-tertiary-800: rgb(54, 83.2, 22.4);
    --bs-tertiary-800-rgb: 54,83,22;
    --color-tertiary-900: rgb(27, 41.6, 11.2);
    --bs-tertiary-900-rgb: 27,42,11;
    --color-tertiary-950: rgb(13.5, 20.8, 5.6);
    --bs-tertiary-950-rgb: 13,21,6;
    --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.32rem;
    --sizes-heading-display-2-size: 6rem;
    --sizes-heading-display-2-lh: 1;
    --sizes-heading-display-2-lp: -0.24rem;
    --sizes-heading-display-3-size: 5rem;
    --sizes-heading-display-3-lh: 1;
    --sizes-heading-display-3-lp: -0.2rem;
    --sizes-heading-display-4-size: 4.5rem;
    --sizes-heading-display-4-lh: 1;
    --sizes-heading-display-4-lp: -0.18rem;
    --sizes-heading-display-5-size: 4rem;
    --sizes-heading-display-5-lh: 1;
    --sizes-heading-display-5-lp: -0.16rem;
    --sizes-heading-display-6-size: 3.25rem;
    --sizes-heading-display-6-lh: 1;
    --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: 1.125rem;
    --sizes-heading-h6-lh: 1.2;
    --sizes-heading-h6-lp: -0.04rem;
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    --bs-border-opacity: 1
}

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

.to-primary-25 {
    --uc-gradient-to: rgb(243, 248.85, 247.3)
}

.to-primary-100 {
    --uc-gradient-to: rgb(207, 230.4, 224.2)
}

.to-primary-700 {
    --uc-gradient-to: rgb(9, 79.2, 60.6)
}

.to-primary-800 {
    --uc-gradient-to: rgb(6, 52.8, 40.4)
}

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

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

.to-tertiary {
    --uc-gradient-to: #87D038
}

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

.from-tertiary-200 {
    --uc-gradient-from: rgb(207, 236.2, 175.4);
    --uc-gradient-stops: var(--uc-gradient-from),var(--uc-gradient-to)
}

.from-tertiary-600 {
    --uc-gradient-from: rgb(108, 166.4, 44.8);
    --uc-gradient-stops: var(--uc-gradient-from),var(--uc-gradient-to)
}

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

:where(.uc-dark) .dark\:from-tertiary-200 {
    --uc-gradient-from: rgb(207, 236.2, 175.4)!important;
    --uc-gradient-stops: var(--uc-gradient-from),var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:from-tertiary-700 {
    --uc-gradient-from: rgb(81, 124.8, 33.6)!important;
    --uc-gradient-stops: var(--uc-gradient-from),var(--uc-gradient-to)
}

:where(.uc-dark) .dark\:to-tertiary-800 {
    --uc-gradient-to: rgb(54, 83.2, 22.4)!important
}

:where(.uc-dark) .dark\:from-tertiary-800 {
    --uc-gradient-from: rgb(54, 83.2, 22.4)!important;
    --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: 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
}

.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: #0F8465;
    --bs-btn-border-color: #0F8465;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(12, 105.6, 80.8);
    --bs-btn-hover-border-color: rgb(12, 105.6, 80.8);
    --bs-btn-focus-shadow-rgb: 63,157,132;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(9, 79.2, 60.6);
    --bs-btn-active-border-color: rgb(9, 79.2, 60.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0F8465;
    --bs-btn-disabled-border-color: #0F8465
}

.btn-primary-200 {
    --bs-btn-color: #000;
    --bs-btn-bg: rgb(159, 205.8, 193.4);
    --bs-btn-border-color: rgb(159, 205.8, 193.4);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(111, 181.2, 162.6);
    --bs-btn-hover-border-color: rgb(111, 181.2, 162.6);
    --bs-btn-focus-shadow-rgb: 207,230,224;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(63, 156.6, 131.8);
    --bs-btn-active-border-color: rgb(63, 156.6, 131.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: rgb(159, 205.8, 193.4);
    --bs-btn-disabled-border-color: rgb(159, 205.8, 193.4)
}

.btn-primary-700 {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(9, 79.2, 60.6);
    --bs-btn-border-color: rgb(9, 79.2, 60.6);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(6, 52.8, 40.4);
    --bs-btn-hover-border-color: rgb(6, 52.8, 40.4);
    --bs-btn-focus-shadow-rgb: 12,106,81;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(3, 26.4, 20.2);
    --bs-btn-active-border-color: rgb(3, 26.4, 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(9, 79.2, 60.6);
    --bs-btn-disabled-border-color: rgb(9, 79.2, 60.6)
}

.btn-outline-primary {
    --bs-btn-color: #0F8465;
    --bs-btn-border-color: #0F8465;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0F8465;
    --bs-btn-hover-border-color: #0F8465;
    --bs-btn-focus-shadow-rgb: 15,132,101;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(9, 79.2, 60.6);
    --bs-btn-active-border-color: rgb(9, 79.2, 60.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0F8465;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0F8465;
    --bs-gradient: none
}

.btn-alt-primary {
    background: #fff!important;
    color: #0f8465!important
}

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

.btn-ghost-primary {
    background: rgb(231,242.7,239.6)!important;
    color: #0f8465!important
}

.btn-ghost-primary:focus,.btn-ghost-primary:hover {
    background: rgb(207,230.4,224.2)!important;
    color: #0f8465!important
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #F6F4F0;
    --bs-btn-border-color: #F6F4F0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(196.8, 195.2, 192);
    --bs-btn-hover-border-color: rgb(196.8, 195.2, 192);
    --bs-btn-focus-shadow-rgb: 248,246,243;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(147.6, 146.4, 144);
    --bs-btn-active-border-color: rgb(147.6, 146.4, 144);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F6F4F0;
    --bs-btn-disabled-border-color: #F6F4F0
}

.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #87D038;
    --bs-btn-border-color: #87D038;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(108, 166.4, 44.8);
    --bs-btn-hover-border-color: rgb(108, 166.4, 44.8);
    --bs-btn-focus-shadow-rgb: 159,217,96;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(81, 124.8, 33.6);
    --bs-btn-active-border-color: rgb(81, 124.8, 33.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #87D038;
    --bs-btn-disabled-border-color: #87D038
}

.btn-outline-tertiary {
    --bs-btn-color: #87D038;
    --bs-btn-border-color: #87D038;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #87D038;
    --bs-btn-hover-border-color: #87D038;
    --bs-btn-focus-shadow-rgb: 135,208,56;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(81, 124.8, 33.6);
    --bs-btn-active-border-color: rgb(81, 124.8, 33.6);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #87D038;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #87D038;
    --bs-gradient: none
}

.btn-ghost-tertiary {
    background: rgb(243,250.3,235.1)!important;
    color: #87d038!important
}

.btn-ghost-tertiary:focus,.btn-ghost-tertiary:hover {
    background: rgb(231,245.6,215.2)!important;
    color: #000!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));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background: linear-gradient(45deg,var(--color-primary),var(--color-tertiary),var(--color-tertiary));
    background-size: 200%;
    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
}

.gradient-hover {
    position: relative;
    overflow: hidden
}

.gradient-hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-900);
    opacity: 0;
    transition: 250ms
}

.gradient-hover:hover::after {
    opacity: .1
}