/*!
 * Theme four
 */
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,600;1,400;1,600&family=IBM+Plex+Sans+Arabic:wght@400;700&display=swap);
:root {
  --font-family-primary: PolySans,IBM Plex Sans Arabic,sans-serif;
  --font-family-secondary: PolySans,IBM Plex Sans Arabic,serif;
  --font-family-tertiary: PolySans,IBM Plex Sans Arabic,serif;
  --font-family-serif: Playfair Display,IBM Plex Sans Arabic,serif;
  --radius: 8px;
  --border-radius: 8px;
  --color-color-primary: #FF6A68;
  --bs-color-primary-rgb: 255,106,104;
  --color-color-yellow: #ffef5e;
  --bs-color-yellow-rgb: 255,239,94;
  --color-color-gray: #f5f5f5;
  --bs-color-gray-rgb: 245,245,245;
  --color-color-green: #1AD598;
  --bs-color-green-rgb: 26,213,152;
  --color-color-blue: #012538;
  --bs-color-blue-rgb: 1,37,56;
  --sizes-heading-display-1-size: 8rem;
  --sizes-heading-display-1-lh: 1;
  --sizes-heading-display-1-lp: -0.16rem;
  --sizes-heading-display-2-size: 6rem;
  --sizes-heading-display-2-lh: 1;
  --sizes-heading-display-2-lp: -0.12rem;
  --sizes-heading-display-3-size: 5rem;
  --sizes-heading-display-3-lh: 1;
  --sizes-heading-display-3-lp: -0.1rem;
  --sizes-heading-display-4-size: 4.5rem;
  --sizes-heading-display-4-lh: 1;
  --sizes-heading-display-4-lp: -0.09rem;
  --sizes-heading-display-5-size: 4rem;
  --sizes-heading-display-5-lh: 1;
  --sizes-heading-display-5-lp: -0.08rem;
  --sizes-heading-display-6-size: 3.25rem;
  --sizes-heading-display-6-lh: 1;
  --sizes-heading-display-6-lp: -0.07rem;
  --sizes-heading-h1-size: 3rem;
  --sizes-heading-h1-lh: 1.1;
  --sizes-heading-h1-lp: -0.06rem;
  --sizes-heading-h2-size: 2.5rem;
  --sizes-heading-h2-lh: 1.1;
  --sizes-heading-h2-lp: -0.04rem;
  --sizes-heading-h3-size: 2rem;
  --sizes-heading-h3-lh: 1.1;
  --sizes-heading-h3-lp: -0.035rem;
  --sizes-heading-h4-size: 1.5rem;
  --sizes-heading-h4-lh: 1.2;
  --sizes-heading-h4-lp: -0.03rem;
  --sizes-heading-h5-size: 1.25rem;
  --sizes-heading-h5-lh: 1.2;
  --sizes-heading-h5-lp: -0.02rem;
  --sizes-heading-h6-size: 1.125rem;
  --sizes-heading-h6-lh: 1.2;
  --sizes-heading-h6-lp: -0.02rem
}
:root {
  --bs-bg-opacity: 1;
  --bs-text-opacity: 1;
  --bs-border-opacity: 1
}
:where(.uc-dark) .dark\:bg-white,
:where(.uc-dark) .dark\:bg-white-hover:hover,
:where(.uc-dark) .dark\:hover\:bg-white:hover,
:where(.uc-dark) .dark\:bg-white-focus:focus,
:where(.uc-dark) .dark\:focus\:bg-white:focus {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}
:where(.uc-dark) .dark\:bg-black,
:where(.uc-dark) .dark\:bg-black-hover:hover,
:where(.uc-dark) .dark\:hover\:bg-black:hover,
:where(.uc-dark) .dark\:bg-black-focus:focus,
:where(.uc-dark) .dark\:focus\:bg-black:focus {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}
:where(.uc-dark) .dark\:bg-dark,
:where(.uc-dark) .dark\:bg-dark-hover:hover,
:where(.uc-dark) .dark\:hover\:bg-dark:hover,
:where(.uc-dark) .dark\:bg-dark-focus:focus,
:where(.uc-dark) .dark\:focus\:bg-dark:focus {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}
:where(.uc-dark) .dark\:text-white,
:where(.uc-dark) .dark\:text-white-hover:hover,
:where(.uc-dark) .dark\:hover\:text-white:hover,
:where(.uc-dark) .dark\:text-white-focus:focus,
:where(.uc-dark) .dark\:focus\:text-white:focus {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}
:where(.uc-dark) .dark\:text-black,
:where(.uc-dark) .dark\:text-black-hover:hover,
:where(.uc-dark) .dark\:hover\:text-black:hover,
:where(.uc-dark) .dark\:text-black-focus:focus,
:where(.uc-dark) .dark\:focus\:text-black:focus {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}
:where(.uc-dark) .dark\:text-dark,
:where(.uc-dark) .dark\:text-dark-hover:hover,
:where(.uc-dark) .dark\:hover\:text-dark:hover,
:where(.uc-dark) .dark\:text-dark-focus:focus,
:where(.uc-dark) .dark\:focus\:text-dark:focus {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}
:where(.uc-dark) .dark\:border-white,
:where(.uc-dark) .dark\:border-white-hover:hover,
:where(.uc-dark) .dark\:hover\:border-white:hover,
:where(.uc-dark) .dark\:border-white-focus:focus,
:where(.uc-dark) .dark\:focus\:border-white:focus {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}
:where(.uc-dark) .dark\:border-black,
:where(.uc-dark) .dark\:border-black-hover:hover,
:where(.uc-dark) .dark\:hover\:border-black:hover,
:where(.uc-dark) .dark\:border-black-focus:focus,
:where(.uc-dark) .dark\:focus\:border-black:focus {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}
:where(.uc-dark) .dark\:border-dark,
:where(.uc-dark) .dark\:border-dark-hover:hover,
:where(.uc-dark) .dark\:hover\:border-dark:hover,
:where(.uc-dark) .dark\:border-dark-focus:focus,
:where(.uc-dark) .dark\:focus\:border-dark:focus {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-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-1 {
  font-size: var(--sizes-heading-display-1-size) !important;
  line-height: var(--sizes-heading-display-1-lh) !important;
  letter-spacing: var(--sizes-heading-display-1-lp) !important
}
.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
}
.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
}
.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
}
.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
}
.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
}
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-1 {
    font-size: var(--sizes-heading-display-1-size) !important;
    line-height: var(--sizes-heading-display-1-lh) !important;
    letter-spacing: var(--sizes-heading-display-1-lp) !important
  }
  .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-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
  }
  .sm\: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
  }
  .sm\: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
  }
  .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
  }
  .sm\: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: 768px) {
  .md\:display-1 {
    font-size: var(--sizes-heading-display-1-size) !important;
    line-height: var(--sizes-heading-display-1-lh) !important;
    letter-spacing: var(--sizes-heading-display-1-lp) !important
  }
  .md\: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
  }
  .md\: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
  }
  .md\: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
  }
  .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
  }
  .md\: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: 992px) {
  .lg\:display-1 {
    font-size: var(--sizes-heading-display-1-size) !important;
    line-height: var(--sizes-heading-display-1-lh) !important;
    letter-spacing: var(--sizes-heading-display-1-lp) !important
  }
  .lg\: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
  }
  .lg\: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
  }
  .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-1 {
    font-size: var(--sizes-heading-display-1-size) !important;
    line-height: var(--sizes-heading-display-1-lh) !important;
    letter-spacing: var(--sizes-heading-display-1-lp) !important
  }
  .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
  }
  .xl\: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: 1400px) {
  .xxl\:display-1 {
    font-size: var(--sizes-heading-display-1-size) !important;
    line-height: var(--sizes-heading-display-1-lh) !important;
    letter-spacing: var(--sizes-heading-display-1-lp) !important
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
  .xxl\: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
  }
}
.btn {
  border-radius: var(--border-radius);
  font-family: var(--font-family-tertiary);
  font-weight: 700
}
.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: transparent
}
.text-muted {
  --bs-text-opacity: 0.5
}
.text-muted {
  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-0 {
  opacity: 0 !important
}
.hover\:opacity-0:hover {
  opacity: 0 !important
}
:where(.uc-dark) .dark\:opacity-0 {
  opacity: 0 !important
}
:where(.uc-dark) .dark\:hover\:opacity-0:hover {
  opacity: 0 !important
}
.opacity-5 {
  opacity: 0.05 !important
}
.hover\:opacity-5:hover {
  opacity: 0.05 !important
}
:where(.uc-dark) .dark\:opacity-5 {
  opacity: 0.05 !important
}
:where(.uc-dark) .dark\:hover\:opacity-5:hover {
  opacity: 0.05 !important
}
.opacity-10 {
  opacity: 0.1 !important
}
.hover\:opacity-10:hover {
  opacity: 0.1 !important
}
:where(.uc-dark) .dark\:opacity-10 {
  opacity: 0.1 !important
}
:where(.uc-dark) .dark\:hover\:opacity-10:hover {
  opacity: 0.1 !important
}
.opacity-15 {
  opacity: 0.15 !important
}
.hover\:opacity-15:hover {
  opacity: 0.15 !important
}
:where(.uc-dark) .dark\:opacity-15 {
  opacity: 0.15 !important
}
:where(.uc-dark) .dark\:hover\:opacity-15:hover {
  opacity: 0.15 !important
}
.opacity-20 {
  opacity: 0.2 !important
}
.hover\:opacity-20:hover {
  opacity: 0.2 !important
}
:where(.uc-dark) .dark\:opacity-20 {
  opacity: 0.2 !important
}
:where(.uc-dark) .dark\:hover\:opacity-20:hover {
  opacity: 0.2 !important
}
.opacity-25 {
  opacity: 0.25 !important
}
.hover\:opacity-25:hover {
  opacity: 0.25 !important
}
:where(.uc-dark) .dark\:opacity-25 {
  opacity: 0.25 !important
}
:where(.uc-dark) .dark\:hover\:opacity-25:hover {
  opacity: 0.25 !important
}
.opacity-30 {
  opacity: 0.3 !important
}
.hover\:opacity-30:hover {
  opacity: 0.3 !important
}
:where(.uc-dark) .dark\:opacity-30 {
  opacity: 0.3 !important
}
:where(.uc-dark) .dark\:hover\:opacity-30:hover {
  opacity: 0.3 !important
}
.opacity-35 {
  opacity: 0.35 !important
}
.hover\:opacity-35:hover {
  opacity: 0.35 !important
}
:where(.uc-dark) .dark\:opacity-35 {
  opacity: 0.35 !important
}
:where(.uc-dark) .dark\:hover\:opacity-35:hover {
  opacity: 0.35 !important
}
.opacity-40 {
  opacity: 0.4 !important
}
.hover\:opacity-40:hover {
  opacity: 0.4 !important
}
:where(.uc-dark) .dark\:opacity-40 {
  opacity: 0.4 !important
}
:where(.uc-dark) .dark\:hover\:opacity-40:hover {
  opacity: 0.4 !important
}
.opacity-45 {
  opacity: 0.45 !important
}
.hover\:opacity-45:hover {
  opacity: 0.45 !important
}
:where(.uc-dark) .dark\:opacity-45 {
  opacity: 0.45 !important
}
:where(.uc-dark) .dark\:hover\:opacity-45:hover {
  opacity: 0.45 !important
}
.opacity-50 {
  opacity: 0.5 !important
}
.hover\:opacity-50:hover {
  opacity: 0.5 !important
}
:where(.uc-dark) .dark\:opacity-50 {
  opacity: 0.5 !important
}
:where(.uc-dark) .dark\:hover\:opacity-50:hover {
  opacity: 0.5 !important
}
.opacity-55 {
  opacity: 0.55 !important
}
.hover\:opacity-55:hover {
  opacity: 0.55 !important
}
:where(.uc-dark) .dark\:opacity-55 {
  opacity: 0.55 !important
}
:where(.uc-dark) .dark\:hover\:opacity-55:hover {
  opacity: 0.55 !important
}
.opacity-60 {
  opacity: 0.6 !important
}
.hover\:opacity-60:hover {
  opacity: 0.6 !important
}
:where(.uc-dark) .dark\:opacity-60 {
  opacity: 0.6 !important
}
:where(.uc-dark) .dark\:hover\:opacity-60:hover {
  opacity: 0.6 !important
}
.opacity-65 {
  opacity: 0.65 !important
}
.hover\:opacity-65:hover {
  opacity: 0.65 !important
}
:where(.uc-dark) .dark\:opacity-65 {
  opacity: 0.65 !important
}
:where(.uc-dark) .dark\:hover\:opacity-65:hover {
  opacity: 0.65 !important
}
.opacity-70 {
  opacity: 0.7 !important
}
.hover\:opacity-70:hover {
  opacity: 0.7 !important
}
:where(.uc-dark) .dark\:opacity-70 {
  opacity: 0.7 !important
}
:where(.uc-dark) .dark\:hover\:opacity-70:hover {
  opacity: 0.7 !important
}
.opacity-75 {
  opacity: 0.75 !important
}
.hover\:opacity-75:hover {
  opacity: 0.75 !important
}
:where(.uc-dark) .dark\:opacity-75 {
  opacity: 0.75 !important
}
:where(.uc-dark) .dark\:hover\:opacity-75:hover {
  opacity: 0.75 !important
}
.opacity-80 {
  opacity: 0.8 !important
}
.hover\:opacity-80:hover {
  opacity: 0.8 !important
}
:where(.uc-dark) .dark\:opacity-80 {
  opacity: 0.8 !important
}
:where(.uc-dark) .dark\:hover\:opacity-80:hover {
  opacity: 0.8 !important
}
.opacity-85 {
  opacity: 0.85 !important
}
.hover\:opacity-85:hover {
  opacity: 0.85 !important
}
:where(.uc-dark) .dark\:opacity-85 {
  opacity: 0.85 !important
}
:where(.uc-dark) .dark\:hover\:opacity-85:hover {
  opacity: 0.85 !important
}
.opacity-90 {
  opacity: 0.9 !important
}
.hover\:opacity-90:hover {
  opacity: 0.9 !important
}
:where(.uc-dark) .dark\:opacity-90 {
  opacity: 0.9 !important
}
:where(.uc-dark) .dark\:hover\:opacity-90:hover {
  opacity: 0.9 !important
}
.opacity-95 {
  opacity: 0.95 !important
}
.hover\:opacity-95:hover {
  opacity: 0.95 !important
}
:where(.uc-dark) .dark\:opacity-95 {
  opacity: 0.95 !important
}
:where(.uc-dark) .dark\:hover\:opacity-95:hover {
  opacity: 0.95 !important
}
.opacity-100 {
  opacity: 1 !important
}
.hover\:opacity-100:hover {
  opacity: 1 !important
}
:where(.uc-dark) .dark\:opacity-100 {
  opacity: 1 !important
}
:where(.uc-dark) .dark\:hover\:opacity-100:hover {
  opacity: 1 !important
}
.bg-opacity-0 {
  --bs-bg-opacity: 0 !important
}
.hover\:bg-opacity-0:hover {
  --bs-bg-opacity: 0 !important
}
:where(.uc-dark) .dark\:bg-opacity-0 {
  --bs-bg-opacity: 0 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-0:hover {
  --bs-bg-opacity: 0 !important
}
.bg-opacity-5 {
  --bs-bg-opacity: 0.05 !important
}
.hover\:bg-opacity-5:hover {
  --bs-bg-opacity: 0.05 !important
}
:where(.uc-dark) .dark\:bg-opacity-5 {
  --bs-bg-opacity: 0.05 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-5:hover {
  --bs-bg-opacity: 0.05 !important
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1 !important
}
.hover\:bg-opacity-10:hover {
  --bs-bg-opacity: 0.1 !important
}
:where(.uc-dark) .dark\:bg-opacity-10 {
  --bs-bg-opacity: 0.1 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-10:hover {
  --bs-bg-opacity: 0.1 !important
}
.bg-opacity-15 {
  --bs-bg-opacity: 0.15 !important
}
.hover\:bg-opacity-15:hover {
  --bs-bg-opacity: 0.15 !important
}
:where(.uc-dark) .dark\:bg-opacity-15 {
  --bs-bg-opacity: 0.15 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-15:hover {
  --bs-bg-opacity: 0.15 !important
}
.bg-opacity-20 {
  --bs-bg-opacity: 0.2 !important
}
.hover\:bg-opacity-20:hover {
  --bs-bg-opacity: 0.2 !important
}
:where(.uc-dark) .dark\:bg-opacity-20 {
  --bs-bg-opacity: 0.2 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-20:hover {
  --bs-bg-opacity: 0.2 !important
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25 !important
}
.hover\:bg-opacity-25:hover {
  --bs-bg-opacity: 0.25 !important
}
:where(.uc-dark) .dark\:bg-opacity-25 {
  --bs-bg-opacity: 0.25 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-25:hover {
  --bs-bg-opacity: 0.25 !important
}
.bg-opacity-30 {
  --bs-bg-opacity: 0.3 !important
}
.hover\:bg-opacity-30:hover {
  --bs-bg-opacity: 0.3 !important
}
:where(.uc-dark) .dark\:bg-opacity-30 {
  --bs-bg-opacity: 0.3 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-30:hover {
  --bs-bg-opacity: 0.3 !important
}
.bg-opacity-35 {
  --bs-bg-opacity: 0.35 !important
}
.hover\:bg-opacity-35:hover {
  --bs-bg-opacity: 0.35 !important
}
:where(.uc-dark) .dark\:bg-opacity-35 {
  --bs-bg-opacity: 0.35 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-35:hover {
  --bs-bg-opacity: 0.35 !important
}
.bg-opacity-40 {
  --bs-bg-opacity: 0.4 !important
}
.hover\:bg-opacity-40:hover {
  --bs-bg-opacity: 0.4 !important
}
:where(.uc-dark) .dark\:bg-opacity-40 {
  --bs-bg-opacity: 0.4 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-40:hover {
  --bs-bg-opacity: 0.4 !important
}
.bg-opacity-45 {
  --bs-bg-opacity: 0.45 !important
}
.hover\:bg-opacity-45:hover {
  --bs-bg-opacity: 0.45 !important
}
:where(.uc-dark) .dark\:bg-opacity-45 {
  --bs-bg-opacity: 0.45 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-45:hover {
  --bs-bg-opacity: 0.45 !important
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5 !important
}
.hover\:bg-opacity-50:hover {
  --bs-bg-opacity: 0.5 !important
}
:where(.uc-dark) .dark\:bg-opacity-50 {
  --bs-bg-opacity: 0.5 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-50:hover {
  --bs-bg-opacity: 0.5 !important
}
.bg-opacity-55 {
  --bs-bg-opacity: 0.55 !important
}
.hover\:bg-opacity-55:hover {
  --bs-bg-opacity: 0.55 !important
}
:where(.uc-dark) .dark\:bg-opacity-55 {
  --bs-bg-opacity: 0.55 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-55:hover {
  --bs-bg-opacity: 0.55 !important
}
.bg-opacity-60 {
  --bs-bg-opacity: 0.6 !important
}
.hover\:bg-opacity-60:hover {
  --bs-bg-opacity: 0.6 !important
}
:where(.uc-dark) .dark\:bg-opacity-60 {
  --bs-bg-opacity: 0.6 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-60:hover {
  --bs-bg-opacity: 0.6 !important
}
.bg-opacity-65 {
  --bs-bg-opacity: 0.65 !important
}
.hover\:bg-opacity-65:hover {
  --bs-bg-opacity: 0.65 !important
}
:where(.uc-dark) .dark\:bg-opacity-65 {
  --bs-bg-opacity: 0.65 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-65:hover {
  --bs-bg-opacity: 0.65 !important
}
.bg-opacity-70 {
  --bs-bg-opacity: 0.7 !important
}
.hover\:bg-opacity-70:hover {
  --bs-bg-opacity: 0.7 !important
}
:where(.uc-dark) .dark\:bg-opacity-70 {
  --bs-bg-opacity: 0.7 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-70:hover {
  --bs-bg-opacity: 0.7 !important
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75 !important
}
.hover\:bg-opacity-75:hover {
  --bs-bg-opacity: 0.75 !important
}
:where(.uc-dark) .dark\:bg-opacity-75 {
  --bs-bg-opacity: 0.75 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-75:hover {
  --bs-bg-opacity: 0.75 !important
}
.bg-opacity-80 {
  --bs-bg-opacity: 0.8 !important
}
.hover\:bg-opacity-80:hover {
  --bs-bg-opacity: 0.8 !important
}
:where(.uc-dark) .dark\: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-85 {
  --bs-bg-opacity: 0.85 !important
}
.hover\:bg-opacity-85:hover {
  --bs-bg-opacity: 0.85 !important
}
:where(.uc-dark) .dark\:bg-opacity-85 {
  --bs-bg-opacity: 0.85 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-85:hover {
  --bs-bg-opacity: 0.85 !important
}
.bg-opacity-90 {
  --bs-bg-opacity: 0.9 !important
}
.hover\:bg-opacity-90:hover {
  --bs-bg-opacity: 0.9 !important
}
:where(.uc-dark) .dark\:bg-opacity-90 {
  --bs-bg-opacity: 0.9 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-90:hover {
  --bs-bg-opacity: 0.9 !important
}
.bg-opacity-95 {
  --bs-bg-opacity: 0.95 !important
}
.hover\:bg-opacity-95:hover {
  --bs-bg-opacity: 0.95 !important
}
:where(.uc-dark) .dark\:bg-opacity-95 {
  --bs-bg-opacity: 0.95 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-95:hover {
  --bs-bg-opacity: 0.95 !important
}
.bg-opacity-100 {
  --bs-bg-opacity: 1 !important
}
.hover\:bg-opacity-100:hover {
  --bs-bg-opacity: 1 !important
}
:where(.uc-dark) .dark\:bg-opacity-100 {
  --bs-bg-opacity: 1 !important
}
:where(.uc-dark) .dark\:hover\:bg-opacity-100:hover {
  --bs-bg-opacity: 1 !important
}
.text-opacity-0 {
  --bs-text-opacity: 0 !important
}
.hover\:text-opacity-0:hover {
  --bs-text-opacity: 0 !important
}
:where(.uc-dark) .dark\:text-opacity-0 {
  --bs-text-opacity: 0 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-0:hover {
  --bs-text-opacity: 0 !important
}
.text-opacity-5 {
  --bs-text-opacity: 0.05 !important
}
.hover\:text-opacity-5:hover {
  --bs-text-opacity: 0.05 !important
}
:where(.uc-dark) .dark\:text-opacity-5 {
  --bs-text-opacity: 0.05 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-5:hover {
  --bs-text-opacity: 0.05 !important
}
.text-opacity-10 {
  --bs-text-opacity: 0.1 !important
}
.hover\:text-opacity-10:hover {
  --bs-text-opacity: 0.1 !important
}
:where(.uc-dark) .dark\:text-opacity-10 {
  --bs-text-opacity: 0.1 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-10:hover {
  --bs-text-opacity: 0.1 !important
}
.text-opacity-15 {
  --bs-text-opacity: 0.15 !important
}
.hover\:text-opacity-15:hover {
  --bs-text-opacity: 0.15 !important
}
:where(.uc-dark) .dark\:text-opacity-15 {
  --bs-text-opacity: 0.15 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-15:hover {
  --bs-text-opacity: 0.15 !important
}
.text-opacity-20 {
  --bs-text-opacity: 0.2 !important
}
.hover\:text-opacity-20:hover {
  --bs-text-opacity: 0.2 !important
}
:where(.uc-dark) .dark\:text-opacity-20 {
  --bs-text-opacity: 0.2 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-20:hover {
  --bs-text-opacity: 0.2 !important
}
.text-opacity-25 {
  --bs-text-opacity: 0.25 !important
}
.hover\:text-opacity-25:hover {
  --bs-text-opacity: 0.25 !important
}
:where(.uc-dark) .dark\:text-opacity-25 {
  --bs-text-opacity: 0.25 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-25:hover {
  --bs-text-opacity: 0.25 !important
}
.text-opacity-30 {
  --bs-text-opacity: 0.3 !important
}
.hover\:text-opacity-30:hover {
  --bs-text-opacity: 0.3 !important
}
:where(.uc-dark) .dark\:text-opacity-30 {
  --bs-text-opacity: 0.3 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-30:hover {
  --bs-text-opacity: 0.3 !important
}
.text-opacity-35 {
  --bs-text-opacity: 0.35 !important
}
.hover\:text-opacity-35:hover {
  --bs-text-opacity: 0.35 !important
}
:where(.uc-dark) .dark\:text-opacity-35 {
  --bs-text-opacity: 0.35 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-35:hover {
  --bs-text-opacity: 0.35 !important
}
.text-opacity-40 {
  --bs-text-opacity: 0.4 !important
}
.hover\:text-opacity-40:hover {
  --bs-text-opacity: 0.4 !important
}
:where(.uc-dark) .dark\:text-opacity-40 {
  --bs-text-opacity: 0.4 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-40:hover {
  --bs-text-opacity: 0.4 !important
}
.text-opacity-45 {
  --bs-text-opacity: 0.45 !important
}
.hover\:text-opacity-45:hover {
  --bs-text-opacity: 0.45 !important
}
:where(.uc-dark) .dark\:text-opacity-45 {
  --bs-text-opacity: 0.45 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-45:hover {
  --bs-text-opacity: 0.45 !important
}
.text-opacity-50 {
  --bs-text-opacity: 0.5 !important
}
.hover\:text-opacity-50:hover {
  --bs-text-opacity: 0.5 !important
}
:where(.uc-dark) .dark\:text-opacity-50 {
  --bs-text-opacity: 0.5 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-50:hover {
  --bs-text-opacity: 0.5 !important
}
.text-opacity-55 {
  --bs-text-opacity: 0.55 !important
}
.hover\:text-opacity-55:hover {
  --bs-text-opacity: 0.55 !important
}
:where(.uc-dark) .dark\:text-opacity-55 {
  --bs-text-opacity: 0.55 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-55:hover {
  --bs-text-opacity: 0.55 !important
}
.text-opacity-60 {
  --bs-text-opacity: 0.6 !important
}
.hover\:text-opacity-60:hover {
  --bs-text-opacity: 0.6 !important
}
:where(.uc-dark) .dark\:text-opacity-60 {
  --bs-text-opacity: 0.6 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-60:hover {
  --bs-text-opacity: 0.6 !important
}
.text-opacity-65 {
  --bs-text-opacity: 0.65 !important
}
.hover\:text-opacity-65:hover {
  --bs-text-opacity: 0.65 !important
}
:where(.uc-dark) .dark\:text-opacity-65 {
  --bs-text-opacity: 0.65 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-65:hover {
  --bs-text-opacity: 0.65 !important
}
.text-opacity-70 {
  --bs-text-opacity: 0.7 !important
}
.hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7 !important
}
:where(.uc-dark) .dark\:text-opacity-70 {
  --bs-text-opacity: 0.7 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7 !important
}
.text-opacity-75 {
  --bs-text-opacity: 0.75 !important
}
.hover\:text-opacity-75:hover {
  --bs-text-opacity: 0.75 !important
}
:where(.uc-dark) .dark\:text-opacity-75 {
  --bs-text-opacity: 0.75 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-75:hover {
  --bs-text-opacity: 0.75 !important
}
.text-opacity-80 {
  --bs-text-opacity: 0.8 !important
}
.hover\:text-opacity-80:hover {
  --bs-text-opacity: 0.8 !important
}
:where(.uc-dark) .dark\:text-opacity-80 {
  --bs-text-opacity: 0.8 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-80:hover {
  --bs-text-opacity: 0.8 !important
}
.text-opacity-85 {
  --bs-text-opacity: 0.85 !important
}
.hover\:text-opacity-85:hover {
  --bs-text-opacity: 0.85 !important
}
:where(.uc-dark) .dark\:text-opacity-85 {
  --bs-text-opacity: 0.85 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-85:hover {
  --bs-text-opacity: 0.85 !important
}
.text-opacity-90 {
  --bs-text-opacity: 0.9 !important
}
.hover\:text-opacity-90:hover {
  --bs-text-opacity: 0.9 !important
}
:where(.uc-dark) .dark\:text-opacity-90 {
  --bs-text-opacity: 0.9 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-90:hover {
  --bs-text-opacity: 0.9 !important
}
.text-opacity-95 {
  --bs-text-opacity: 0.95 !important
}
.hover\:text-opacity-95:hover {
  --bs-text-opacity: 0.95 !important
}
:where(.uc-dark) .dark\:text-opacity-95 {
  --bs-text-opacity: 0.95 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-95:hover {
  --bs-text-opacity: 0.95 !important
}
.text-opacity-100 {
  --bs-text-opacity: 1 !important
}
.hover\:text-opacity-100:hover {
  --bs-text-opacity: 1 !important
}
:where(.uc-dark) .dark\:text-opacity-100 {
  --bs-text-opacity: 1 !important
}
:where(.uc-dark) .dark\:hover\:text-opacity-100:hover {
  --bs-text-opacity: 1 !important
}
.border-opacity-0 {
  --bs-border-opacity: 0 !important
}
.hover\:border-opacity-0:hover {
  --bs-border-opacity: 0 !important
}
:where(.uc-dark) .dark\:border-opacity-0 {
  --bs-border-opacity: 0 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-0:hover {
  --bs-border-opacity: 0 !important
}
.border-opacity-5 {
  --bs-border-opacity: 0.05 !important
}
.hover\:border-opacity-5:hover {
  --bs-border-opacity: 0.05 !important
}
:where(.uc-dark) .dark\:border-opacity-5 {
  --bs-border-opacity: 0.05 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-5:hover {
  --bs-border-opacity: 0.05 !important
}
.border-opacity-10 {
  --bs-border-opacity: 0.1 !important
}
.hover\:border-opacity-10:hover {
  --bs-border-opacity: 0.1 !important
}
:where(.uc-dark) .dark\:border-opacity-10 {
  --bs-border-opacity: 0.1 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-10:hover {
  --bs-border-opacity: 0.1 !important
}
.border-opacity-15 {
  --bs-border-opacity: 0.15 !important
}
.hover\:border-opacity-15:hover {
  --bs-border-opacity: 0.15 !important
}
:where(.uc-dark) .dark\:border-opacity-15 {
  --bs-border-opacity: 0.15 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-15:hover {
  --bs-border-opacity: 0.15 !important
}
.border-opacity-20 {
  --bs-border-opacity: 0.2 !important
}
.hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2 !important
}
:where(.uc-dark) .dark\:border-opacity-20 {
  --bs-border-opacity: 0.2 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2 !important
}
.border-opacity-25 {
  --bs-border-opacity: 0.25 !important
}
.hover\:border-opacity-25:hover {
  --bs-border-opacity: 0.25 !important
}
:where(.uc-dark) .dark\:border-opacity-25 {
  --bs-border-opacity: 0.25 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-25:hover {
  --bs-border-opacity: 0.25 !important
}
.border-opacity-30 {
  --bs-border-opacity: 0.3 !important
}
.hover\:border-opacity-30:hover {
  --bs-border-opacity: 0.3 !important
}
:where(.uc-dark) .dark\:border-opacity-30 {
  --bs-border-opacity: 0.3 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-30:hover {
  --bs-border-opacity: 0.3 !important
}
.border-opacity-35 {
  --bs-border-opacity: 0.35 !important
}
.hover\:border-opacity-35:hover {
  --bs-border-opacity: 0.35 !important
}
:where(.uc-dark) .dark\:border-opacity-35 {
  --bs-border-opacity: 0.35 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-35:hover {
  --bs-border-opacity: 0.35 !important
}
.border-opacity-40 {
  --bs-border-opacity: 0.4 !important
}
.hover\:border-opacity-40:hover {
  --bs-border-opacity: 0.4 !important
}
:where(.uc-dark) .dark\:border-opacity-40 {
  --bs-border-opacity: 0.4 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-40:hover {
  --bs-border-opacity: 0.4 !important
}
.border-opacity-45 {
  --bs-border-opacity: 0.45 !important
}
.hover\:border-opacity-45:hover {
  --bs-border-opacity: 0.45 !important
}
:where(.uc-dark) .dark\:border-opacity-45 {
  --bs-border-opacity: 0.45 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-45:hover {
  --bs-border-opacity: 0.45 !important
}
.border-opacity-50 {
  --bs-border-opacity: 0.5 !important
}
.hover\:border-opacity-50:hover {
  --bs-border-opacity: 0.5 !important
}
:where(.uc-dark) .dark\:border-opacity-50 {
  --bs-border-opacity: 0.5 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-50:hover {
  --bs-border-opacity: 0.5 !important
}
.border-opacity-55 {
  --bs-border-opacity: 0.55 !important
}
.hover\:border-opacity-55:hover {
  --bs-border-opacity: 0.55 !important
}
:where(.uc-dark) .dark\:border-opacity-55 {
  --bs-border-opacity: 0.55 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-55:hover {
  --bs-border-opacity: 0.55 !important
}
.border-opacity-60 {
  --bs-border-opacity: 0.6 !important
}
.hover\:border-opacity-60:hover {
  --bs-border-opacity: 0.6 !important
}
:where(.uc-dark) .dark\:border-opacity-60 {
  --bs-border-opacity: 0.6 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-60:hover {
  --bs-border-opacity: 0.6 !important
}
.border-opacity-65 {
  --bs-border-opacity: 0.65 !important
}
.hover\:border-opacity-65:hover {
  --bs-border-opacity: 0.65 !important
}
:where(.uc-dark) .dark\:border-opacity-65 {
  --bs-border-opacity: 0.65 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-65:hover {
  --bs-border-opacity: 0.65 !important
}
.border-opacity-70 {
  --bs-border-opacity: 0.7 !important
}
.hover\:border-opacity-70:hover {
  --bs-border-opacity: 0.7 !important
}
:where(.uc-dark) .dark\:border-opacity-70 {
  --bs-border-opacity: 0.7 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-70:hover {
  --bs-border-opacity: 0.7 !important
}
.border-opacity-75 {
  --bs-border-opacity: 0.75 !important
}
.hover\:border-opacity-75:hover {
  --bs-border-opacity: 0.75 !important
}
:where(.uc-dark) .dark\:border-opacity-75 {
  --bs-border-opacity: 0.75 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-75:hover {
  --bs-border-opacity: 0.75 !important
}
.border-opacity-80 {
  --bs-border-opacity: 0.8 !important
}
.hover\:border-opacity-80:hover {
  --bs-border-opacity: 0.8 !important
}
:where(.uc-dark) .dark\:border-opacity-80 {
  --bs-border-opacity: 0.8 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-80:hover {
  --bs-border-opacity: 0.8 !important
}
.border-opacity-85 {
  --bs-border-opacity: 0.85 !important
}
.hover\:border-opacity-85:hover {
  --bs-border-opacity: 0.85 !important
}
:where(.uc-dark) .dark\:border-opacity-85 {
  --bs-border-opacity: 0.85 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-85:hover {
  --bs-border-opacity: 0.85 !important
}
.border-opacity-90 {
  --bs-border-opacity: 0.9 !important
}
.hover\:border-opacity-90:hover {
  --bs-border-opacity: 0.9 !important
}
:where(.uc-dark) .dark\:border-opacity-90 {
  --bs-border-opacity: 0.9 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-90:hover {
  --bs-border-opacity: 0.9 !important
}
.border-opacity-95 {
  --bs-border-opacity: 0.95 !important
}
.hover\:border-opacity-95:hover {
  --bs-border-opacity: 0.95 !important
}
:where(.uc-dark) .dark\:border-opacity-95 {
  --bs-border-opacity: 0.95 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-95:hover {
  --bs-border-opacity: 0.95 !important
}
.border-opacity-100 {
  --bs-border-opacity: 1 !important
}
.hover\:border-opacity-100:hover {
  --bs-border-opacity: 1 !important
}
:where(.uc-dark) .dark\:border-opacity-100 {
  --bs-border-opacity: 1 !important
}
:where(.uc-dark) .dark\:hover\:border-opacity-100:hover {
  --bs-border-opacity: 1 !important
}
.uc-navbar-container:not(.uc-navbar-transparent) {
  background: transparent !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: #e7e3e0 !important
}