.rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.bg-red-dark {
    --tw-bg-opacity: 1;
    background-color: #af8484;
}

.bg-purple-d {
    background-color: #E4D7FF;
}

.dark\:bg-red-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: #af8484;
}

.dark\:bg-purple-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: #939199;
}

.dark\:bg-yellow-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: #c7cb9c;
}

.dark\:bg-pink-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: #9d8995;
}

.border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgb(4 108 78 / var(--tw-border-opacity));
}

.dark\:border-green-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(49 196 141 / var(--tw-border-opacity));
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-size: 100% 100%;
}

.dark table thead tr.intro-x td:before {
    color: white;
}

@media screen and (min-width: 1024px) and (max-width: 1165px) {
    .lg\:text-4xl {
        font-size: 1.7rem !important;
        line-height: 2rem !important;
    }
}

@media (max-width: 987px) {
    .mobile-height {
        height: 250px;
    }
}

.bottom-16 {
    bottom: 4rem;
}

.left-18 {
    left: 8rem;
}

.right-5 {
    right: 1.25rem;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

.z-51 {
    z-index: 51;
}

.-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

.mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.-mb-12 {
    margin-bottom: -3rem
}

.-mb-16 {
    margin-bottom: -4rem
}

.-ml-16 {
    margin-left: -4rem
}

.mb-11 {
    margin-bottom: 2.75rem;
}

.mr-px {
    margin-right: 1px
}

.mr-5 {
    margin-right: 2.5rem;
}

.mr-20 {
    margin-right: 5.125rem;
}

.\!h-72 {
    height: 18rem !important;
}

.h-1 {
    height: 0.25rem;
}

.h-22px {
    height: 22px;
}

.h-30px {
    height: 30px;
}

.h-30 {
    height: 7.5rem;
}

.h-36 {
    height: 9rem;
}

.h-72 {
    height: 18rem;
}

.h-screen-16 {
    height: calc(100vh - 64px);
}

.h-screen-22 {
    height: calc(100vh - 88px);
}

.h-screen-70 {
    height: calc(100vh - 283px);
}

.max-h-16 {
    max-height: 4rem;
}

.max-h-20 {
    max-height: 5rem;
}

.max-h-65v {
    max-height: 65vh;
}

.max-h-70v {
    max-height: 70vh;
}

.max-h-screen {
    max-height: 100vh
}

.w-1 {
    width: 0.25rem
}

.w-4125 {
    width: 41.25rem;
}

.w-92 {
    width: 23rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-2\/4 {
    width: 50%
}

.w-1\/5 {
    width: 20%
}

.w-4\/5 {
    width: 80%
}

.w-1\/6 {
    width: 16.666667%
}

.w-2\/6 {
    width: 33.333333%
}

.w-3\/6 {
    width: 50%
}

.w-4\/6 {
    width: 66.666667%
}

.w-5\/6 {
    width: 83.333333%
}

.w-1\/12 {
    width: 8.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-3\/12 {
    width: 25%
}

.w-4\/12 {
    width: 33.333333%
}

.w-5\/12 {
    width: 41.666667%
}

.w-6\/12 {
    width: 50%
}

.w-7\/12 {
    width: 58.333333%
}

.w-8\/12 {
    width: 66.666667%
}

.w-9\/12 {
    width: 75%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.min-w-5 {
    min-width: 5;
}

.min-w-60 {
    min-width: 15rem
}

.max-w-10 {
    max-width: 2.5rem
}

.max-w-4125 {
    max-width: 41.25rem;
}

.max-w-60 {
    max-width: 15rem
}

.max-w-8375 {
    max-width: 83.75rem;
}

.max-w-\[200px\] {
    max-width: 200px;
}

.max-w-2xs {
    max-width: 16rem;
}

.-rotate-6 {
    --tw-rotate: -6deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-6 {
    --tw-rotate: 6deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.list-none {
    list-style-type: none
}

.gap-y-1 {
    row-gap: 0.25rem;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem
}

.rounded-\[40px\] {
    border-radius: 40px;
}

.rounded-\[10px\] {
    border-radius: 10px;
}

.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}

.rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.rounded-tr-xl {
    border-top-right-radius: 0.75rem;
}

.border-b-primary-600 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: hsla(var(--color-primary-h),
            var(--color-primary-s),
            var(--color-primary-l),
            var(--tw-border-opacity)) !important;
}

.border-slate-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.border-b-white {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.bg-\[\#fdfdfd\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.bg-emerald-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(167 243 208 / var(--tw-bg-opacity));
}

.bg-gray-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 246 249 / var(--tw-bg-opacity));
}

.bg-green-20 {
    background-color: #DCEFE2;
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-gray-800 {
    --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(31, 41, 55, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-zinc-900 {
    --tw-gradient-from: #18181b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(24, 24, 27, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-primary-400 {
    --tw-gradient-to: hsl(var(--color-primary-h),
            var(--color-primary-s),
            calc(var(--color-primary-l) + 12%)) var(--tw-gradient-to-position);
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px-18 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem
}

.py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.px-40 {
    padding-left: 10rem;
    padding-right: 10rem
}

.py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem
}

.px-48 {
    padding-left: 12rem;
    padding-right: 12rem
}

.py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem
}

.px-56 {
    padding-left: 14rem;
    padding-right: 14rem
}

.py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem
}

.px-64 {
    padding-left: 16rem;
    padding-right: 16rem
}

.py-px {
    padding-bottom: 1px;
    padding-top: 1px;
}

.pb-64 {
    padding-bottom: 16rem;
}

.pl-20 {
    padding-left: 5rem
}

.pt-28 {
    padding-top: 7rem
}

.pt-24 {
    padding-top: 6rem
}

.pr-24 {
    padding-right: 6rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pl-24 {
    padding-left: 6rem
}

.pt-32 {
    padding-top: 8rem
}

.pr-32 {
    padding-right: 8rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pl-32 {
    padding-left: 8rem
}

.pt-40 {
    padding-top: 10rem
}

.pr-40 {
    padding-right: 10rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pl-40 {
    padding-left: 10rem
}

.pt-48 {
    padding-top: 12rem
}

.pr-48 {
    padding-right: 12rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pl-48 {
    padding-left: 12rem
}

.pt-56 {
    padding-top: 14rem
}

.pr-56 {
    padding-right: 14rem
}

.pb-56 {
    padding-bottom: 14rem
}

.pl-56 {
    padding-left: 14rem
}

.pt-64 {
    padding-top: 16rem
}

.pr-64 {
    padding-right: 16rem
}

.pb-64 {
    padding-bottom: 16rem
}

.pb-px {
    padding-bottom: 1px
}

.pl-64 {
    padding-left: 16rem
}

.pr-3px {
    padding-right: 3px;
}

.pt-22 {
    padding-top: 5.5rem;
}

.line-height-1 {
    line-height: 1rem;
}

.font-extralight {
    font-weight: 200;
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 0 / var(--tw-bg-opacity));
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 160 8 / var(--tw-bg-opacity));
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10 / var(--tw-bg-opacity));
}

.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(142 75 16 / var(--tw-bg-opacity));
}

.bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 95 70 / var(--tw-bg-opacity));
}

.text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(253 246 178 / var(--tw-text-opacity));
}

.text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgb(252 233 106 / var(--tw-text-opacity));
}

.text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgb(253 253 234 / var(--tw-text-opacity));
}

.text-emerald-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70 / var(--tw-text-opacity));
}

.text-primary-300 {
    --tw-text-opacity: 1;
    color: hsla(var(--color-primary-h),
            var(--color-primary-s),
            calc(var(--color-primary-l) + 18%),
            var(--tw-text-opacity));
}

.dark .dark\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10 / var(--tw-bg-opacity));
}

.dark .dark\:bg-yellow-600\/60 {
    background-color: rgb(159 88 10 / 0.6);
}

.dark .dark\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(253 246 178 / var(--tw-text-opacity));
}

.dark .dark\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgb(253 253 234 / var(--tw-text-opacity));
}

.dark .dark\:text-fuchsia-500 {
    --tw-text-opacity: 1;
    color: rgb(217 70 239 / var(--tw-text-opacity));
}

.dark .dark\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(251 213 213 / var(--tw-border-opacity));
}

.dark .dark\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 180 / var(--tw-border-opacity));
}

.dark .dark\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(249 128 128 / var(--tw-border-opacity));
}

.dark .dark\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.dark .dark\:hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 180 / var(--tw-border-opacity));
}

.dark .dark\:hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(249 128 128 / var(--tw-border-opacity));
}

.dark .text-primary-600 {
    color: white;
}

.dark .text-primary-700 {
    color: white;
}

.text-green-hena {
    --tw-text-opacity: 1;
    color: rgb(41 81 53 / var(--tw-text-opacity));
}

.text-yellow-hena {
    --tw-text-opacity: 1;
    color: rgb(224 230 33 / var(--tw-text-opacity));
}

.text-purple-hena {
    --tw-text-opacity: 1;
    color: rgb(194 166 225 / var(--tw-text-opacity));
}

.text-orange-hena {
    --tw-text-opacity: 1;
    color: rgb(255 108 55 / var(--tw-text-opacity));
}

.text-teal-hena {
    --tw-text-opacity: 1;
    color: rgb(59 212 174 / var(--tw-text-opacity));
}

.text-pink-hena {
    --tw-text-opacity: 1;
    color: rgb(252 163 187 / var(--tw-text-opacity));
}

.bg-green-hena {
    --tw-bg-opacity: 1;
    background-color: rgb(41 81 53 / var(--tw-bg-opacity));
}

.bg-yellow-hena {
    --tw-bg-opacity: 1;
    background-color: rgb(224 230 33 / var(--tw-bg-opacity));
}

.bg-purple-hena {
    --tw-bg-opacity: 1;
    background-color: rgb(194 166 225 / var(--tw-bg-opacity));
}

.bg-orange-hena {
    --tw-bg-opacity: 1;
    background-color: rgb(255 108 55 / var(--tw-bg-opacity));
}

.bg-teal-hena {
    --tw-bg-opacity: 1;
    background-color: rgb(59 212 174 / var(--tw-bg-opacity));
}

.bg-pink-hena {
    --tw-bg-opacity: 1;
    background-color: rgb(252 163 187 / var(--tw-bg-opacity));
}

.border-green-hena {
    --tw-border-opacity: 1;
    border-color: rgb(41 81 53 / var(--tw-border-opacity));
}

.border-yellow-hena {
    --tw-border-opacity: 1;
    border-color: rgb(224 230 33 / var(--tw-border-opacity));
}

.border-purple-hena {
    --tw-border-opacity: 1;
    border-color: rgb(194 166 225 / var(--tw-border-opacity));
}

.border-orange-hena {
    --tw-border-opacity: 1;
    border-color: rgb(255 108 55 / var(--tw-border-opacity));
}

.border-teal-hena {
    --tw-border-opacity: 1;
    border-color: rgb(59 212 174 / var(--tw-border-opacity));
}

.border-pink-hena {
    --tw-border-opacity: 1;
    border-color: rgb(252 163 187 / var(--tw-border-opacity));
}

.text-orange-salam {
    --tw-text-opacity: 1;
    color: rgb(242 100 59 / var(--tw-text-opacity));
}

.text-blue-salam-1 {
    --tw-text-opacity: 1;
    color: rgb(33 51 104 / var(--tw-text-opacity));
}

.text-blue-salam-2 {
    --tw-text-opacity: 1;
    color: rgb(66 106 179 / var(--tw-text-opacity));
}

.text-blue-salam-3 {
    --tw-text-opacity: 1;
    color: rgb(91 135 158 / var(--tw-text-opacity));
}

.text-blue-salam-4 {
    --tw-text-opacity: 1;
    color: rgb(162 209 221 / var(--tw-text-opacity));
}

.text-blue-salam-5 {
    --tw-text-opacity: 1;
    color: rgb(0 66 91 / var(--tw-text-opacity));
}

.text-blue-salam-6 {
    --tw-text-opacity: 1;
    color: rgb(0 121 123 / var(--tw-text-opacity));
}

.text-orange-salam-1 {
    --tw-text-opacity: 1;
    color: rgb(145 85 83 / var(--tw-text-opacity));
}

.text-orange-salam-2 {
    --tw-text-opacity: 1;
    color: rgb(215 160 129 / var(--tw-text-opacity));
}

.text-orange-salam-3 {
    --tw-text-opacity: 1;
    color: rgb(245 132 94 / var(--tw-text-opacity));
}

.text-orange-salam-4 {
    --tw-text-opacity: 1;
    color: rgb(254 220 198 / var(--tw-text-opacity));
}

.text-orange-salam-5 {
    --tw-text-opacity: 1;
    color: rgb(249 157 51 / var(--tw-text-opacity));
}

.text-orange-salam-6 {
    --tw-text-opacity: 1;
    color: rgb(223 109 39 / var(--tw-text-opacity));
}

.text-gray-salam-1 {
    --tw-text-opacity: 1;
    color: rgb(230 231 232 / var(--tw-text-opacity));
}

.text-gray-salam-2 {
    --tw-text-opacity: 1;
    color: rgb(209 211 212 / var(--tw-text-opacity));
}

.text-gray-salam-3 {
    --tw-text-opacity: 1;
    color: rgb(188 190 192 / var(--tw-text-opacity));
}

.bg-orange-salam {
    --tw-bg-opacity: 1;
    background-color: rgb(242 100 59 / var(--tw-bg-opacity));
}

.bg-blue-salam-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 51 104 / var(--tw-bg-opacity));
}

.bg-blue-salam-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(66 106 179 / var(--tw-bg-opacity));
}

.bg-blue-salam-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(91 135 158 / var(--tw-bg-opacity));
}

.bg-blue-salam-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(162 209 221 / var(--tw-bg-opacity));
}

.bg-blue-salam-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 66 91 / var(--tw-bg-opacity));
}

.bg-blue-salam-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 121 123 / var(--tw-bg-opacity));
}

.bg-orange-salam-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(145 85 83 / var(--tw-bg-opacity));
}

.bg-orange-salam-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(215 160 129 / var(--tw-bg-opacity));
}

.bg-orange-salam-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 132 94 / var(--tw-bg-opacity));
}

.bg-orange-salam-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 198 / var(--tw-bg-opacity));
}

.bg-orange-salam-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 157 51 / var(--tw-bg-opacity));
}

.bg-orange-salam-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(223 109 39 / var(--tw-bg-opacity));
}

.bg-gray-salam-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
}

.bg-gray-salam-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 211 212 / var(--tw-bg-opacity));
}

.bg-gray-salam-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 190 192 / var(--tw-bg-opacity));
}

.border-orange-salam {
    --tw-border-opacity: 1;
    border-color: rgb(242 100 59 / var(--tw-border-opacity));
}

.border-blue-salam-1 {
    --tw-border-opacity: 1;
    border-color: rgb(33 51 104 / var(--tw-border-opacity));
}

.border-blue-salam-2 {
    --tw-border-opacity: 1;
    border-color: rgb(66 106 179 / var(--tw-border-opacity));
}

.border-blue-salam-3 {
    --tw-border-opacity: 1;
    border-color: rgb(91 135 158 / var(--tw-border-opacity));
}

.border-blue-salam-4 {
    --tw-border-opacity: 1;
    border-color: rgb(162 209 221 / var(--tw-border-opacity));
}

.border-blue-salam-5 {
    --tw-border-opacity: 1;
    border-color: rgb(0 66 91 / var(--tw-border-opacity));
}

.border-blue-salam-6 {
    --tw-border-opacity: 1;
    border-color: rgb(0 121 123 / var(--tw-border-opacity));
}

.border-orange-salam-1 {
    --tw-border-opacity: 1;
    border-color: rgb(145 85 83 / var(--tw-border-opacity));
}

.border-orange-salam-2 {
    --tw-border-opacity: 1;
    border-color: rgb(215 160 129 / var(--tw-border-opacity));
}

.border-orange-salam-3 {
    --tw-border-opacity: 1;
    border-color: rgb(245 132 94 / var(--tw-border-opacity));
}

.border-orange-salam-4 {
    --tw-border-opacity: 1;
    border-color: rgb(254 220 198 / var(--tw-border-opacity));
}

.border-orange-salam-5 {
    --tw-border-opacity: 1;
    border-color: rgb(249 157 51 / var(--tw-border-opacity));
}

.border-orange-salam-6 {
    --tw-border-opacity: 1;
    border-color: rgb(223 109 39 / var(--tw-border-opacity));
}

.border-gray-salam-1 {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 232 / var(--tw-border-opacity));
}

.border-gray-salam-2 {
    --tw-border-opacity: 1;
    border-color: rgb(209 211 212 / var(--tw-border-opacity));
}

.border-gray-salam-3 {
    --tw-border-opacity: 1;
    border-color: rgb(188 190 192 / var(--tw-border-opacity));
}

.group:hover .group-hover\:text-orange-salam {
    --tw-text-opacity: 1;
    color: rgb(242 100 59 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-salam-1 {
    --tw-text-opacity: 1;
    color: rgb(33 51 104 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-salam-2 {
    --tw-text-opacity: 1;
    color: rgb(66 106 179 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-salam-3 {
    --tw-text-opacity: 1;
    color: rgb(91 135 158 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-salam-4 {
    --tw-text-opacity: 1;
    color: rgb(162 209 221 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-salam-5 {
    --tw-text-opacity: 1;
    color: rgb(0 66 91 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-salam-6 {
    --tw-text-opacity: 1;
    color: rgb(0 121 123 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-salam-1 {
    --tw-text-opacity: 1;
    color: rgb(145 85 83 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-salam-2 {
    --tw-text-opacity: 1;
    color: rgb(215 160 129 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-salam-3 {
    --tw-text-opacity: 1;
    color: rgb(245 132 94 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-salam-4 {
    --tw-text-opacity: 1;
    color: rgb(254 220 198 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-salam-5 {
    --tw-text-opacity: 1;
    color: rgb(249 157 51 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-salam-6 {
    --tw-text-opacity: 1;
    color: rgb(223 109 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-salam-1 {
    --tw-text-opacity: 1;
    color: rgb(230 231 232 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-salam-2 {
    --tw-text-opacity: 1;
    color: rgb(209 211 212 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-salam-3 {
    --tw-text-opacity: 1;
    color: rgb(188 190 192 / var(--tw-text-opacity));
}

.group:hover .group-hover\:bg-orange-salam {
    --tw-bg-opacity: 1;
    background-color: rgb(242 100 59 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-salam-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 51 104 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-salam-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(66 106 179 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-salam-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(91 135 158 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-salam-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(162 209 221 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-salam-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 66 91 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-salam-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 121 123 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-orange-salam-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(145 85 83 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-orange-salam-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(215 160 129 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-orange-salam-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 132 94 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-orange-salam-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 198 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-orange-salam-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 157 51 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-orange-salam-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(223 109 39 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-salam-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-salam-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 211 212 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-salam-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 190 192 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:border-orange-salam {
    --tw-border-opacity: 1;
    border-color: rgb(242 100 59 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-salam-1 {
    --tw-border-opacity: 1;
    border-color: rgb(33 51 104 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-salam-2 {
    --tw-border-opacity: 1;
    border-color: rgb(66 106 179 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-salam-3 {
    --tw-border-opacity: 1;
    border-color: rgb(91 135 158 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-salam-4 {
    --tw-border-opacity: 1;
    border-color: rgb(162 209 221 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-salam-5 {
    --tw-border-opacity: 1;
    border-color: rgb(0 66 91 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-salam-6 {
    --tw-border-opacity: 1;
    border-color: rgb(0 121 123 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-orange-salam-1 {
    --tw-border-opacity: 1;
    border-color: rgb(145 85 83 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-orange-salam-2 {
    --tw-border-opacity: 1;
    border-color: rgb(215 160 129 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-orange-salam-3 {
    --tw-border-opacity: 1;
    border-color: rgb(245 132 94 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-orange-salam-4 {
    --tw-border-opacity: 1;
    border-color: rgb(254 220 198 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-orange-salam-5 {
    --tw-border-opacity: 1;
    border-color: rgb(249 157 51 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-orange-salam-6 {
    --tw-border-opacity: 1;
    border-color: rgb(223 109 39 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-salam-1 {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 232 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-salam-2 {
    --tw-border-opacity: 1;
    border-color: rgb(209 211 212 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-salam-3 {
    --tw-border-opacity: 1;
    border-color: rgb(188 190 192 / var(--tw-border-opacity));
}

.hover\:text-orange-salam:hover {
    --tw-text-opacity: 1;
    color: rgb(242 100 59 / var(--tw-text-opacity));
}

.hover\:text-blue-salam-1:hover {
    --tw-text-opacity: 1;
    color: rgb(33 51 104 / var(--tw-text-opacity));
}

.hover\:text-blue-salam-2:hover {
    --tw-text-opacity: 1;
    color: rgb(66 106 179 / var(--tw-text-opacity));
}

.hover\:text-blue-salam-3:hover {
    --tw-text-opacity: 1;
    color: rgb(91 135 158 / var(--tw-text-opacity));
}

.hover\:text-blue-salam-4:hover {
    --tw-text-opacity: 1;
    color: rgb(162 209 221 / var(--tw-text-opacity));
}

.hover\:text-blue-salam-5:hover {
    --tw-text-opacity: 1;
    color: rgb(0 66 91 / var(--tw-text-opacity));
}

.hover\:text-blue-salam-6:hover {
    --tw-text-opacity: 1;
    color: rgb(0 121 123 / var(--tw-text-opacity));
}

.hover\:text-orange-salam-1:hover {
    --tw-text-opacity: 1;
    color: rgb(145 85 83 / var(--tw-text-opacity));
}

.hover\:text-orange-salam-2:hover {
    --tw-text-opacity: 1;
    color: rgb(215 160 129 / var(--tw-text-opacity));
}

.hover\:text-orange-salam-3:hover {
    --tw-text-opacity: 1;
    color: rgb(245 132 94 / var(--tw-text-opacity));
}

.hover\:text-orange-salam-4:hover {
    --tw-text-opacity: 1;
    color: rgb(254 220 198 / var(--tw-text-opacity));
}

.hover\:text-orange-salam-5:hover {
    --tw-text-opacity: 1;
    color: rgb(249 157 51 / var(--tw-text-opacity));
}

.hover\:text-orange-salam-6:hover {
    --tw-text-opacity: 1;
    color: rgb(223 109 39 / var(--tw-text-opacity));
}

.hover\:text-gray-salam-1:hover {
    --tw-text-opacity: 1;
    color: rgb(230 231 232 / var(--tw-text-opacity));
}

.hover\:text-gray-salam-2:hover {
    --tw-text-opacity: 1;
    color: rgb(209 211 212 / var(--tw-text-opacity));
}

.hover\:text-gray-salam-3:hover {
    --tw-text-opacity: 1;
    color: rgb(188 190 192 / var(--tw-text-opacity));
}

.hover\:bg-orange-salam:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 100 59 / var(--tw-bg-opacity));
}

.hover\:bg-blue-salam-1:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(33 51 104 / var(--tw-bg-opacity));
}

.hover\:bg-blue-salam-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(66 106 179 / var(--tw-bg-opacity));
}

.hover\:bg-blue-salam-3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(91 135 158 / var(--tw-bg-opacity));
}

.hover\:bg-blue-salam-4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(162 209 221 / var(--tw-bg-opacity));
}

.hover\:bg-blue-salam-5:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 66 91 / var(--tw-bg-opacity));
}

.hover\:bg-blue-salam-6:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 121 123 / var(--tw-bg-opacity));
}

.hover\:bg-orange-salam-1:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(145 85 83 / var(--tw-bg-opacity));
}

.hover\:bg-orange-salam-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(215 160 129 / var(--tw-bg-opacity));
}

.hover\:bg-orange-salam-3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 132 94 / var(--tw-bg-opacity));
}

.hover\:bg-orange-salam-4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 198 / var(--tw-bg-opacity));
}

.hover\:bg-orange-salam-5:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 157 51 / var(--tw-bg-opacity));
}

.hover\:bg-orange-salam-6:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(223 109 39 / var(--tw-bg-opacity));
}

.hover\:bg-gray-salam-1:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
}

.hover\:bg-gray-salam-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 211 212 / var(--tw-bg-opacity));
}

.hover\:bg-gray-salam-3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(188 190 192 / var(--tw-bg-opacity));
}

.hover\:border-orange-salam:hover {
    --tw-border-opacity: 1;
    border-color: rgb(242 100 59 / var(--tw-border-opacity));
}

.hover\:border-blue-salam-1:hover {
    --tw-border-opacity: 1;
    border-color: rgb(33 51 104 / var(--tw-border-opacity));
}

.hover\:border-blue-salam-2:hover {
    --tw-border-opacity: 1;
    border-color: rgb(66 106 179 / var(--tw-border-opacity));
}

.hover\:border-blue-salam-3:hover {
    --tw-border-opacity: 1;
    border-color: rgb(91 135 158 / var(--tw-border-opacity));
}

.hover\:border-blue-salam-4:hover {
    --tw-border-opacity: 1;
    border-color: rgb(162 209 221 / var(--tw-border-opacity));
}

.hover\:border-blue-salam-5:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 66 91 / var(--tw-border-opacity));
}

.hover\:border-blue-salam-6:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 121 123 / var(--tw-border-opacity));
}

.hover\:border-orange-salam-1:hover {
    --tw-border-opacity: 1;
    border-color: rgb(145 85 83 / var(--tw-border-opacity));
}

.hover\:border-orange-salam-2:hover {
    --tw-border-opacity: 1;
    border-color: rgb(215 160 129 / var(--tw-border-opacity));
}

.hover\:border-orange-salam-3:hover {
    --tw-border-opacity: 1;
    border-color: rgb(245 132 94 / var(--tw-border-opacity));
}

.hover\:border-orange-salam-4:hover {
    --tw-border-opacity: 1;
    border-color: rgb(254 220 198 / var(--tw-border-opacity));
}

.hover\:border-orange-salam-5:hover {
    --tw-border-opacity: 1;
    border-color: rgb(249 157 51 / var(--tw-border-opacity));
}

.hover\:border-orange-salam-6:hover {
    --tw-border-opacity: 1;
    border-color: rgb(223 109 39 / var(--tw-border-opacity));
}

.hover\:border-gray-salam-1:hover {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 232 / var(--tw-border-opacity));
}

.hover\:border-gray-salam-2:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 211 212 / var(--tw-border-opacity));
}

.hover\:border-gray-salam-3:hover {
    --tw-border-opacity: 1;
    border-color: rgb(188 190 192 / var(--tw-border-opacity));
}

.dark\:text-orange-salam:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(242 100 59 / var(--tw-text-opacity));
}

.dark\:text-blue-salam-1:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(33 51 104 / var(--tw-text-opacity));
}

.dark\:text-blue-salam-2:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(66 106 179 / var(--tw-text-opacity));
}

.dark\:text-blue-salam-3:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(91 135 158 / var(--tw-text-opacity));
}

.dark\:text-blue-salam-4:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(162 209 221 / var(--tw-text-opacity));
}

.dark\:text-blue-salam-5:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 66 91 / var(--tw-text-opacity));
}

.dark\:text-blue-salam-6:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 121 123 / var(--tw-text-opacity));
}

.dark\:text-orange-salam-1:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(145 85 83 / var(--tw-text-opacity));
}

.dark\:text-orange-salam-2:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 160 129 / var(--tw-text-opacity));
}

.dark\:text-orange-salam-3:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 132 94 / var(--tw-text-opacity));
}

.dark\:text-orange-salam-4:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 220 198 / var(--tw-text-opacity));
}

.dark\:text-orange-salam-5:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(249 157 51 / var(--tw-text-opacity));
}

.dark\:text-orange-salam-6:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(223 109 39 / var(--tw-text-opacity));
}

.dark\:text-gray-salam-1:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(230 231 232 / var(--tw-text-opacity));
}

.dark\:text-gray-salam-2:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 211 212 / var(--tw-text-opacity));
}

.dark\:text-gray-salam-3:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(188 190 192 / var(--tw-text-opacity));
}

.dark\:bg-orange-salam:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(242 100 59 / var(--tw-bg-opacity));
}

.dark\:bg-blue-salam-1:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 51 104 / var(--tw-bg-opacity));
}

.dark\:bg-blue-salam-2:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(66 106 179 / var(--tw-bg-opacity));
}

.dark\:bg-blue-salam-3:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(91 135 158 / var(--tw-bg-opacity));
}

.dark\:bg-blue-salam-4:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(162 209 221 / var(--tw-bg-opacity));
}

.dark\:bg-blue-salam-5:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 66 91 / var(--tw-bg-opacity));
}

.dark\:bg-blue-salam-6:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 121 123 / var(--tw-bg-opacity));
}

.dark\:bg-orange-salam-1:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(145 85 83 / var(--tw-bg-opacity));
}

.dark\:bg-orange-salam-2:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(215 160 129 / var(--tw-bg-opacity));
}

.dark\:bg-orange-salam-3:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 132 94 / var(--tw-bg-opacity));
}

.dark\:bg-orange-salam-4:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 198 / var(--tw-bg-opacity));
}

.dark\:bg-orange-salam-5:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 157 51 / var(--tw-bg-opacity));
}

.dark\:bg-orange-salam-6:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(223 109 39 / var(--tw-bg-opacity));
}

.dark\:bg-gray-salam-1:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
}

.dark\:bg-gray-salam-2:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 211 212 / var(--tw-bg-opacity));
}

.dark\:bg-gray-salam-3:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(188 190 192 / var(--tw-bg-opacity));
}

.dark\:border-orange-salam:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(242 100 59 / var(--tw-border-opacity));
}

.dark\:border-blue-salam-1:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 51 104 / var(--tw-border-opacity));
}

.dark\:border-blue-salam-2:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(66 106 179 / var(--tw-border-opacity));
}

.dark\:border-blue-salam-3:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(91 135 158 / var(--tw-border-opacity));
}

.dark\:border-blue-salam-4:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(162 209 221 / var(--tw-border-opacity));
}

.dark\:border-blue-salam-5:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 66 91 / var(--tw-border-opacity));
}

.dark\:border-blue-salam-6:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 121 123 / var(--tw-border-opacity));
}

.dark\:border-orange-salam-1:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(145 85 83 / var(--tw-border-opacity));
}

.dark\:border-orange-salam-2:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(215 160 129 / var(--tw-border-opacity));
}

.dark\:border-orange-salam-3:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(245 132 94 / var(--tw-border-opacity));
}

.dark\:border-orange-salam-4:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(254 220 198 / var(--tw-border-opacity));
}

.dark\:border-orange-salam-5:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(249 157 51 / var(--tw-border-opacity));
}

.dark\:border-orange-salam-6:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(223 109 39 / var(--tw-border-opacity));
}

.dark\:border-gray-salam-1:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 232 / var(--tw-border-opacity));
}

.dark\:border-gray-salam-2:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(209 211 212 / var(--tw-border-opacity));
}

.dark\:border-gray-salam-3:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(188 190 192 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(242 100 59 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-blue-salam-1:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(33 51 104 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-blue-salam-2:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(66 106 179 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-blue-salam-3:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(91 135 158 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-blue-salam-4:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(162 209 221 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-blue-salam-5:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 66 91 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-blue-salam-6:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 121 123 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam-1:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(145 85 83 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam-2:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 160 129 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam-3:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 132 94 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam-4:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 220 198 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam-5:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(249 157 51 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-orange-salam-6:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(223 109 39 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-gray-salam-1:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(230 231 232 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-gray-salam-2:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 211 212 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:text-gray-salam-3:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(188 190 192 / var(--tw-text-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(242 100 59 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-blue-salam-1:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 51 104 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-blue-salam-2:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(66 106 179 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-blue-salam-3:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(91 135 158 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-blue-salam-4:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(162 209 221 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-blue-salam-5:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 66 91 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-blue-salam-6:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 121 123 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam-1:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(145 85 83 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam-2:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(215 160 129 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam-3:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 132 94 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam-4:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 198 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam-5:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 157 51 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-orange-salam-6:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(223 109 39 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-gray-salam-1:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-gray-salam-2:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 211 212 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:bg-gray-salam-3:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(188 190 192 / var(--tw-bg-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(242 100 59 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-blue-salam-1:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 51 104 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-blue-salam-2:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(66 106 179 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-blue-salam-3:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(91 135 158 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-blue-salam-4:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(162 209 221 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-blue-salam-5:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 66 91 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-blue-salam-6:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 121 123 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam-1:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(145 85 83 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam-2:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(215 160 129 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam-3:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(245 132 94 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam-4:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(254 220 198 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam-5:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(249 157 51 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-orange-salam-6:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(223 109 39 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-gray-salam-1:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 232 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-gray-salam-2:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(209 211 212 / var(--tw-border-opacity));
}

.group:hover .dark\:group-hover\:border-gray-salam-3:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(188 190 192 / var(--tw-border-opacity));
}

.dark\:hover\:text-orange-salam:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(242 100 59 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-salam-1:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(33 51 104 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-salam-2:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(66 106 179 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-salam-3:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(91 135 158 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-salam-4:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(162 209 221 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-salam-5:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 66 91 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-salam-6:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 121 123 / var(--tw-text-opacity));
}

.dark\:hover\:text-orange-salam-1:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(145 85 83 / var(--tw-text-opacity));
}

.dark\:hover\:text-orange-salam-2:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 160 129 / var(--tw-text-opacity));
}

.dark\:hover\:text-orange-salam-3:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 132 94 / var(--tw-text-opacity));
}

.dark\:hover\:text-orange-salam-4:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 220 198 / var(--tw-text-opacity));
}

.dark\:hover\:text-orange-salam-5:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(249 157 51 / var(--tw-text-opacity));
}

.dark\:hover\:text-orange-salam-6:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(223 109 39 / var(--tw-text-opacity));
}

.dark\:hover\:text-gray-salam-1:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(230 231 232 / var(--tw-text-opacity));
}

.dark\:hover\:text-gray-salam-2:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 211 212 / var(--tw-text-opacity));
}

.dark\:hover\:text-gray-salam-3:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(188 190 192 / var(--tw-text-opacity));
}

.dark\:hover\:bg-orange-salam:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(242 100 59 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-salam-1:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 51 104 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-salam-2:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(66 106 179 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-salam-3:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(91 135 158 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-salam-4:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(162 209 221 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-salam-5:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 66 91 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-salam-6:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 121 123 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-orange-salam-1:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(145 85 83 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-orange-salam-2:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(215 160 129 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-orange-salam-3:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 132 94 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-orange-salam-4:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 198 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-orange-salam-5:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 157 51 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-orange-salam-6:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(223 109 39 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-salam-1:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 232 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-salam-2:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 211 212 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-salam-3:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(188 190 192 / var(--tw-bg-opacity));
}

.dark\:hover\:border-orange-salam:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(242 100 59 / var(--tw-border-opacity));
}

.dark\:hover\:border-blue-salam-1:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 51 104 / var(--tw-border-opacity));
}

.dark\:hover\:border-blue-salam-2:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(66 106 179 / var(--tw-border-opacity));
}

.dark\:hover\:border-blue-salam-3:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(91 135 158 / var(--tw-border-opacity));
}

.dark\:hover\:border-blue-salam-4:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(162 209 221 / var(--tw-border-opacity));
}

.dark\:hover\:border-blue-salam-5:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 66 91 / var(--tw-border-opacity));
}

.dark\:hover\:border-blue-salam-6:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 121 123 / var(--tw-border-opacity));
}

.dark\:hover\:border-orange-salam-1:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(145 85 83 / var(--tw-border-opacity));
}

.dark\:hover\:border-orange-salam-2:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(215 160 129 / var(--tw-border-opacity));
}

.dark\:hover\:border-orange-salam-3:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(245 132 94 / var(--tw-border-opacity));
}

.dark\:hover\:border-orange-salam-4:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(254 220 198 / var(--tw-border-opacity));
}

.dark\:hover\:border-orange-salam-5:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(249 157 51 / var(--tw-border-opacity));
}

.dark\:hover\:border-orange-salam-6:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(223 109 39 / var(--tw-border-opacity));
}

.dark\:hover\:border-gray-salam-1:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 232 / var(--tw-border-opacity));
}

.dark\:hover\:border-gray-salam-2:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(209 211 212 / var(--tw-border-opacity));
}

.dark\:hover\:border-gray-salam-3:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(188 190 192 / var(--tw-border-opacity));
}

.opacity-90 {
    opacity: 0.9;
}

.dark .shadow-gold {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #FBBF24),
        var(--tw-ring-shadow, 0 0 #FBBF24), var(--tw-shadow) !important;
}

.dark .shadow-gold {
    --tw-shadow: 0 10px 15px -3px rgba(251, 191, 36, 0.5),
        0 4px 6px -4px rgba(251, 191, 36, 0.5);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}

.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0) scale3d(var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    }
}

.scrollbar {
    --scrollbar-track: initial;
    --scrollbar-thumb: initial;
    --scrollbar-corner: initial;
    --scrollbar-track-hover: var(--scrollbar-track);
    --scrollbar-thumb-hover: var(--scrollbar-thumb);
    --scrollbar-corner-hover: var(--scrollbar-corner);
    --scrollbar-track-active: var(--scrollbar-track-hover);
    --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
    --scrollbar-corner-active: var(--scrollbar-corner-hover);
    overflow: overlay;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.scrollbar.overflow-x-hidden {
    overflow-x: hidden;
}

.scrollbar.overflow-y-hidden {
    overflow-y: hidden;
}

.scrollbar-thin {
    --scrollbar-track: initial;
    --scrollbar-thumb: initial;
    --scrollbar-corner: initial;
    --scrollbar-track-hover: var(--scrollbar-track);
    --scrollbar-thumb-hover: var(--scrollbar-thumb);
    --scrollbar-corner-hover: var(--scrollbar-corner);
    --scrollbar-track-active: var(--scrollbar-track-hover);
    --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
    --scrollbar-corner-active: var(--scrollbar-corner-hover);
    overflow: overlay;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.scrollbar-thin.overflow-x-hidden {
    overflow-x: hidden;
}

.scrollbar-thin.overflow-y-hidden {
    overflow-y: hidden;
}

.scrollbar-thinner {
    scrollbar-width: none;
}

.first\:mt-3:first-child {
    margin-top: 0.75rem;
}

.focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
}

.enabled\:focus\:outline-none:focus:enabled {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.enabled\:focus\:ring:focus:enabled {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}

.enabled\:focus\:ring-indigo-500:focus:enabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
}

.enabled\:focus\:ring-opacity-50:focus:enabled {
    --tw-ring-opacity: 0.5;
}

.disabled\:text-zinc-600:disabled {
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-hena {
    --tw-text-opacity: 1;
    color: rgb(224 230 33 / var(--tw-text-opacity));
}

.hover\:font-semibold:hover {
    font-weight: 600;
}

.hover\:origin-center:hover {
    transform-origin: center;
}

.hover\:rotate-3:hover {
    --tw-rotate: 3deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:pb-2:hover {
    padding-bottom: 0.5rem;
}

.hover\:py-6:hover {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.hover\:scale-y-115:hover {
    --tw-scale-y: 1.15;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:animate-none:hover {
    animation: none;
}

.hover\:bg-purple-200:hover {
    background-color: #e9d8fd
}

.hover\:bg-purple-300:hover {
    background-color: #d6bcfa
}

.hover\:bg-purple-400:hover {
    background-color: #b794f4
}

.hover\:bg-purple-500:hover {
    background-color: #9f7aea
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-zinc-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}

.hover\:text-yellow-hena:hover {
    --tw-text-opacity: 1;
    color: rgb(224 230 33 / var(--tw-text-opacity));
}

.enabled\:hover\:border-indigo-300:hover:enabled {
    --tw-border-opacity: 1;
    border-color: rgb(180 198 252 / var(--tw-border-opacity));
}

.enabled\:hover\:bg-indigo-300:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(180 198 252 / var(--tw-bg-opacity));
}

.enabled\:hover\:text-indigo-700:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(81 69 205 / var(--tw-text-opacity));
}

.disabled\:hover\:bg-zinc-200:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}

.top-17\.5 {
    top: 4.375rem;
}

.top-15 {
    top: 3.75rem;
}

.ltr\:left-55:where([dir="ltr"], [dir="ltr"] *) {
    left: 13.75rem;
}

.ltr\:left-16:where([dir="ltr"], [dir="ltr"] *) {
    left: 4rem;
}

.ltr\:right-10:where([dir="ltr"], [dir="ltr"] *) {
    right: 2.5rem;
}

.ltr\:\!ml-2:where([dir="ltr"], [dir="ltr"] *) {
    margin-left: 0.5rem !important;
}

.ltr\:rounded-tl-md:where([dir="ltr"], [dir="ltr"] *) {
    border-top-left-radius: 0.375rem;
}

.ltr\:rounded-tr-md:where([dir="ltr"], [dir="ltr"] *) {
    border-top-right-radius: 0.375rem;
}

.rtl\:rounded-tl-md:where([dir="rtl"], [dir="rtl"] *) {
    border-top-left-radius: 0.375rem;
}

.rtl\:rounded-tr-md:where([dir="rtl"], [dir="rtl"] *) {
    border-top-right-radius: 0.375rem;
}

.rtl\:right-8:where([dir="rtl"], [dir="rtl"] *) {
    right: 2rem;
}

.rtl\:right-9:where([dir="rtl"], [dir="rtl"] *) {
    right: 2.25rem;
}

.rtl\:right-10:where([dir="rtl"], [dir="rtl"] *) {
    right: 2.5rem;
}

.rtl\:right-16:where([dir="rtl"], [dir="rtl"] *) {
    right: 4rem;
}

.rtl\:right-55:where([dir="rtl"], [dir="rtl"] *) {
    right: 13.75rem;
}


.rtl\:\!mr-2:where([dir="rtl"], [dir="rtl"] *) {
    margin-right: 0.5rem !important;
}

.dark\:border-b-gray-100:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity)) !important;
}

.dark\:border-b-zinc-900:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity)) !important;
}

.dark\:bg-opacity-30:is(.dark *) {
    --tw-bg-opacity: 0.3;
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}

.dark\:hover\:bg-red-400:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}

.dark\:bg-opacity-40:is(.dark *) {
    --tw-bg-opacity: 0.4;
}

.dark\:text-emerald-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity));
}

.dark\:text-purple-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(144 97 249 / var(--tw-text-opacity));
}

.dark\:opacity-0:is(.dark *) {
    opacity: 0;
}

.dark\:ring-offset-zinc-600:is(.dark *) {
    --tw-ring-offset-color: #52525b;
}

.dark\:focus\:ring-zinc-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity));
}

.group:hover .dark\:group-hover\:text-primary-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: white !important;
}

.dark\:hover\:text-primary-600:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: white;
}

.dark\:hover\:text-zinc-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .sm\:table {
        display: table
    }

    .sm\:inline-block {
        display: inline-block;
    }

    .sm\:mt-12 {
        margin-top: 3rem;
    }

    .sm\:mt-8 {
        margin-top: 2rem;
    }

    .sm\:h-0 {
        height: 0
    }

    .sm\:h-1 {
        height: 0.25rem
    }

    .sm\:h-2 {
        height: 0.5rem
    }

    .sm\:h-3 {
        height: 0.75rem
    }

    .sm\:h-4 {
        height: 1rem
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:h-6 {
        height: 1.5rem
    }

    .sm\:h-8 {
        height: 2rem
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:h-40 {
        height: 10rem
    }

    .sm\:h-48 {
        height: 12rem
    }

    .sm\:h-56 {
        height: 14rem
    }

    .sm\:h-64 {
        height: 16rem
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-px {
        height: 1px
    }

    .sm\:h-screen {
        height: 100vh
    }

    .sm\:w-0 {
        width: 0
    }

    .sm\:w-1 {
        width: 0.25rem
    }

    .sm\:w-2 {
        width: 0.5rem
    }

    .sm\:w-3 {
        width: 0.75rem
    }

    .sm\:w-4 {
        width: 1rem
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-8 {
        width: 2rem
    }

    .sm\:w-12 {
        width: 3rem
    }

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-32 {
        width: 8rem
    }

    .sm\:w-40 {
        width: 10rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-56 {
        width: 14rem
    }

    .sm\:w-64 {
        width: 16rem
    }

    .sm\:w-px {
        width: 1px
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-2\/3 {
        width: 66.666667%
    }

    .sm\:w-1\/4 {
        width: 25%
    }

    .sm\:w-2\/4 {
        width: 50%
    }

    .sm\:w-3\/4 {
        width: 75%
    }

    .sm\:w-1\/5 {
        width: 20%
    }

    .sm\:w-2\/5 {
        width: 40%
    }

    .sm\:w-3\/5 {
        width: 60%
    }

    .sm\:w-4\/5 {
        width: 80%
    }

    .sm\:w-1\/6 {
        width: 16.666667%
    }

    .sm\:w-2\/6 {
        width: 33.333333%
    }

    .sm\:w-3\/6 {
        width: 50%
    }

    .sm\:w-4\/6 {
        width: 66.666667%
    }

    .sm\:w-5\/6 {
        width: 83.333333%
    }

    .sm\:w-1\/12 {
        width: 8.333333%
    }

    .sm\:w-2\/12 {
        width: 16.666667%
    }

    .sm\:w-3\/12 {
        width: 25%
    }

    .sm\:w-4\/12 {
        width: 33.333333%
    }

    .sm\:w-5\/12 {
        width: 41.666667%
    }

    .sm\:w-6\/12 {
        width: 50%
    }

    .sm\:w-7\/12 {
        width: 58.333333%
    }

    .sm\:w-8\/12 {
        width: 66.666667%
    }

    .sm\:w-10\/12 {
        width: 83.333333%
    }

    .sm\:w-11\/12 {
        width: 91.666667%
    }

    .sm\:w-screen {
        width: 100vw
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }

    .sm\:gap-x-9 {
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem;
    }

    .sm\:gap-y-5 {
        row-gap: 1.25rem;
    }

    .sm\:rounded-3xl {
        border-radius: 1.5rem;
    }

    .sm\:rounded-tl-md {
        border-top-left-radius: 0.375rem
    }

    .sm\:rounded-tr-md {
        border-top-right-radius: 0.375rem
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:pb-64 {
        padding-bottom: 16rem;
    }

    .sm\:pt-32 {
        padding-top: 8rem
    }

    .sm\:leading-9 {
        line-height: 2.25rem;
    }

    .ltr\:sm\:pr-2:where([dir="ltr"], [dir="ltr"] *) {
        padding-right: 0.5rem;
    }

    .ltr\:sm\:pl-2:where([dir="ltr"], [dir="ltr"] *) {
        padding-left: 0.5rem;
    }

    .rtl\:sm\:pl-2:where([dir="rtl"], [dir="rtl"] *) {
        padding-left: 0.5rem;
    }

}

@media (min-width: 768px) {

    .md\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .md\:mt-12 {
        margin-top: 3rem;
    }

    .md\:h-0 {
        height: 0
    }

    .md\:h-1 {
        height: 0.25rem
    }

    .md\:h-2 {
        height: 0.5rem
    }

    .md\:h-3 {
        height: 0.75rem
    }

    .md\:h-4 {
        height: 1rem
    }

    .md\:h-5 {
        height: 1.25rem
    }

    .md\:h-6 {
        height: 1.5rem
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-40 {
        height: 10rem
    }

    .md\:h-48 {
        height: 12rem
    }

    .md\:h-56 {
        height: 14rem
    }

    .md\:h-64 {
        height: 16rem
    }

    .md\:h-px {
        height: 1px
    }

    .md\:h-screen {
        height: 100vh
    }

    .md\:w-0 {
        width: 0
    }

    .md\:w-1 {
        width: 0.25rem
    }

    .md\:w-2 {
        width: 0.5rem
    }

    .md\:w-3 {
        width: 0.75rem
    }

    .md\:w-4 {
        width: 1rem
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-8 {
        width: 2rem
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-12 {
        width: 3rem
    }

    .md\:w-16 {
        width: 4rem
    }

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-56 {
        width: 14rem
    }

    .md\:w-64 {
        width: 16rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-px {
        width: 1px
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-2\/4 {
        width: 50%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-1\/6 {
        width: 16.666667%
    }

    .md\:w-2\/6 {
        width: 33.333333%
    }

    .md\:w-3\/6 {
        width: 50%
    }

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:w-1\/12 {
        width: 8.333333%
    }

    .md\:w-2\/12 {
        width: 16.666667%
    }

    .md\:w-3\/12 {
        width: 25%
    }

    .md\:w-4\/12 {
        width: 33.333333%
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-7\/12 {
        width: 58.333333%
    }

    .md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-9\/12 {
        width: 75%
    }

    .md\:w-10\/12 {
        width: 83.333333%
    }

    .md\:w-11\/12 {
        width: 91.666667%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-screen {
        width: 100vw
    }

    .md\:w-screen-60 {
        width: calc(100vw - 15rem);
    }

    .md\:w-screen-16 {
        width: calc(100vw - 4rem);
    }

    .md\:max-w-5xl {
        max-width: 64rem;
    }

    .md\:max-w-lg {
        max-width: 32rem;
    }

    .md\:items-start {
        -webkit-box-align: start;
        align-items: flex-start
    }

    .md\:space-x-8> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem * var(--tw-space-x-reverse));
    }

    .md\:pb-0 {
        padding-bottom: 0;
    }

    .ltr\:md\:ml-2:where([dir="ltr"], [dir="ltr"] *) {
        margin-left: 0.5rem;
    }

    .md\:ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *) {
        margin-left: 0.75rem;
    }

    .md\:ltr\:ml-60:where([dir="ltr"], [dir="ltr"] *) {
        margin-left: 15rem;
    }

    .md\:ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
        margin-right: 1rem;
    }

    .ltr\:md\:border-l-0:where([dir="ltr"], [dir="ltr"] *) {
        border-left-width: 0;
    }

    .ltr\:md\:pl-0:where([dir="ltr"], [dir="ltr"] *) {
        padding-left: 0;
    }

    .md\:ltr\:pl-4:where([dir="ltr"], [dir="ltr"] *) {
        padding-left: 1rem;
    }

    .md\:ltr\:pl-10:where([dir="ltr"], [dir="ltr"] *) {
        padding-left: 2.5rem;
    }

    .md\:ltr\:pl-1:where([dir="ltr"], [dir="ltr"] *) {
        padding-left: 0.25rem;
    }

    .md\:ltr\:right-18:where([dir="ltr"], [dir="ltr"] *) {
        right: 4.5rem;
    }

    .md\:rtl\:right-18:where([dir="rtl"], [dir="rtl"] *) {
        right: 4.5rem;
    }

    .md\:rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
        margin-left: 1rem;
    }

    .md\:rtl\:mr-3:where([dir="rtl"], [dir="rtl"] *) {
        margin-right: 0.75rem;
    }

    .md\:rtl\:mr-60:where([dir="rtl"], [dir="rtl"] *) {
        margin-right: 15rem;
    }

    .rtl\:md\:mr-2:where([dir="rtl"], [dir="rtl"] *) {
        margin-right: 0.5rem;
    }

    .rtl\:md\:border-r-0:where([dir="rtl"], [dir="rtl"] *) {
        border-right-width: 0;
    }

    .md\:rtl\:pl-1:where([dir="rtl"], [dir="rtl"] *) {
        padding-left: 0.25rem;
    }

    .md\:rtl\:pr-10:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 2.5rem;
    }

    .md\:rtl\:pr-16:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 4rem;
    }

    .md\:rtl\:pr-20:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 5rem;
    }

    .rtl\:md\:pr-0:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 0;
    }

}

@media (min-width: 1024px) {

    .lg\:mb-10 {
        margin-bottom: 2.5rem;
    }

    .lg\:mb-16 {
        margin-bottom: 4rem;
    }

    .lg\:mt-2 {
        margin-top: 0.5rem;
    }

    .lg\:mt-20 {
        margin-top: 5rem;
    }

    .lg\:h-0 {
        height: 0
    }

    .lg\:h-1 {
        height: 0.25rem
    }

    .lg\:h-2 {
        height: 0.5rem
    }

    .lg\:h-3 {
        height: 0.75rem
    }

    .lg\:h-4 {
        height: 1rem
    }

    .lg\:h-5 {
        height: 1.25rem
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:h-8 {
        height: 2rem
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-20 {
        height: 5rem
    }

    .lg\:h-24 {
        height: 6rem
    }

    .lg\:h-32 {
        height: 8rem
    }

    .lg\:h-48 {
        height: 12rem
    }

    .lg\:h-56 {
        height: 14rem
    }

    .lg\:h-64 {
        height: 16rem
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-px {
        height: 1px
    }

    .lg\:h-screen {
        height: 100vh
    }

    .lg\:w-0 {
        width: 0
    }

    .lg\:w-1 {
        width: 0.25rem
    }

    .lg\:w-2 {
        width: 0.5rem
    }

    .lg\:w-3 {
        width: 0.75rem
    }

    .lg\:w-4 {
        width: 1rem
    }

    .lg\:w-5 {
        width: 1.25rem
    }

    .lg\:w-6 {
        width: 1.5rem
    }

    .lg\:w-8 {
        width: 2rem
    }

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-24 {
        width: 6rem
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:w-40 {
        width: 10rem
    }

    .lg\:w-48 {
        width: 12rem
    }

    .lg\:w-px {
        width: 1px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-2\/4 {
        width: 50%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-1\/5 {
        width: 20%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-1\/6 {
        width: 16.666667%
    }

    .lg\:w-2\/6 {
        width: 33.333333%
    }

    .lg\:w-3\/6 {
        width: 50%
    }

    .lg\:w-4\/6 {
        width: 66.666667%
    }

    .lg\:w-5\/6 {
        width: 83.333333%
    }

    .lg\:w-1\/12 {
        width: 8.333333%
    }

    .lg\:w-2\/12 {
        width: 16.666667%
    }

    .lg\:w-3\/12 {
        width: 25%
    }

    .lg\:w-4\/12 {
        width: 33.333333%
    }

    .lg\:w-6\/12 {
        width: 50%;
    }

    .lg\:w-7\/12 {
        width: 58.333333%;
    }

    .lg\:w-8\/12 {
        width: 66.666667%;
    }

    .lg\:w-9\/12 {
        width: 75%;
    }

    .lg\:w-10\/12 {
        width: 83.333333%;
    }

    .lg\:w-11\/12 {
        width: 91.666667%;
    }

    .lg\:w-screen {
        width: 100vw
    }

    .lg\:basis-2\/3 {
        flex-basis: 66.666667%;
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:justify-start {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .lg\:gap-y-6 {
        row-gap: 1.5rem;
    }

    .lg\:space-x-0> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(0px * var(--tw-space-x-reverse));
    }

    .lg\:space-x-5> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    }

    .lg\:overflow-x-auto {
        overflow-x: auto !important;
    }

    .lg\:rounded-t-xl {
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem
    }

    .lg\:rounded-full {
        border-radius: 9999px
    }

    .lg\:border-b {
        border-bottom-width: 1px;
    }

    .lg\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity));
    }

    .lg\:px-18 {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .lg\:pt-20 {
        padding-top: 5rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:table-cell {
        display: table-cell
    }

    .lg\:text-start {
        text-align: start;
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .lg\:ltr\:ml-4:where([dir="ltr"], [dir="ltr"] *) {
        margin-left: 1rem;
    }

    .lg\:ltr\:mr-5:where([dir="ltr"], [dir="ltr"] *) {
        margin-right: 1.25rem;
    }

    .lg\:dark\:border-zinc-700:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(63 63 70 / var(--tw-border-opacity));
    }

    .lg\:\[\&\:not\(\:first-child\)\]\:pt-8:not(:first-child) {
        padding-top: 2rem;
    }
}

@media (min-width: 1280px) {

    .xl\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .xl\:mt-6 {
        margin-top: 1.5rem;
    }

    .xl\:h-0 {
        height: 0
    }

    .xl\:h-1 {
        height: 0.25rem
    }

    .xl\:h-2 {
        height: 0.5rem
    }

    .xl\:h-3 {
        height: 0.75rem
    }

    .xl\:h-4 {
        height: 1rem
    }

    .xl\:h-5 {
        height: 1.25rem
    }

    .xl\:h-6 {
        height: 1.5rem
    }

    .xl\:h-8 {
        height: 2rem
    }

    .xl\:h-10 {
        height: 2.5rem
    }

    .xl\:h-12 {
        height: 3rem
    }

    .xl\:h-16 {
        height: 4rem
    }

    .xl\:h-20 {
        height: 5rem
    }

    .xl\:h-24 {
        height: 6rem
    }

    .xl\:h-32 {
        height: 8rem
    }

    .xl\:h-40 {
        height: 10rem
    }

    .xl\:h-48 {
        height: 12rem
    }

    .xl\:h-56 {
        height: 14rem
    }

    .xl\:h-64 {
        height: 16rem
    }

    .xl\:h-auto {
        height: auto
    }

    .xl\:h-px {
        height: 1px
    }

    .xl\:h-screen {
        height: 100vh
    }

    .xl\:w-0 {
        width: 0
    }

    .xl\:w-1 {
        width: 0.25rem
    }

    .xl\:w-2 {
        width: 0.5rem
    }

    .xl\:w-3 {
        width: 0.75rem
    }

    .xl\:w-4 {
        width: 1rem
    }

    .xl\:w-5 {
        width: 1.25rem
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-8 {
        width: 2rem
    }

    .xl\:w-10 {
        width: 2.5rem
    }

    .xl\:w-12 {
        width: 3rem
    }

    .xl\:w-16 {
        width: 4rem
    }

    .xl\:w-20 {
        width: 5rem
    }

    .xl\:w-24 {
        width: 6rem
    }

    .xl\:w-40 {
        width: 10rem
    }

    .xl\:w-48 {
        width: 12rem
    }

    .xl\:w-56 {
        width: 14rem
    }

    .xl\:w-64 {
        width: 16rem
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-px {
        width: 1px
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-1\/3 {
        width: 33.333333%
    }

    .xl\:w-2\/3 {
        width: 66.666667%
    }

    .xl\:w-1\/4 {
        width: 25%
    }

    .xl\:w-2\/4 {
        width: 50%
    }

    .xl\:w-3\/4 {
        width: 75%
    }

    .xl\:w-1\/5 {
        width: 20%
    }

    .xl\:w-2\/5 {
        width: 40%
    }

    .xl\:w-3\/5 {
        width: 60%
    }

    .xl\:w-4\/5 {
        width: 80%
    }

    .xl\:w-1\/6 {
        width: 16.666667%
    }

    .xl\:w-2\/6 {
        width: 33.333333%
    }

    .xl\:w-3\/6 {
        width: 50%
    }

    .xl\:w-4\/6 {
        width: 66.666667%
    }

    .xl\:w-5\/6 {
        width: 83.333333%
    }

    .xl\:w-1\/12 {
        width: 8.333333%
    }

    .xl\:w-2\/12 {
        width: 16.666667%
    }

    .xl\:w-3\/12 {
        width: 25%
    }

    .xl\:w-4\/12 {
        width: 33.333333%
    }

    .xl\:w-5\/12 {
        width: 41.666667%
    }

    .xl\:w-6\/12 {
        width: 50%
    }

    .xl\:w-7\/12 {
        width: 58.333333%
    }

    .xl\:w-8\/12 {
        width: 66.666667%
    }

    .xl\:w-9\/12 {
        width: 75%
    }

    .xl\:w-10\/12 {
        width: 83.333333%
    }

    .xl\:w-11\/12 {
        width: 91.666667%
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:w-screen {
        width: 100vw
    }

    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:-mt-1 {
        margin-top: -0.25rem
    }

    .xl\:-mr-1 {
        margin-right: -0.25rem
    }

    .xl\:-mb-1 {
        margin-bottom: -0.25rem
    }

    .xl\:-ml-1 {
        margin-left: -0.25rem
    }

    .xl\:-mt-2 {
        margin-top: -0.5rem
    }

    .xl\:-mr-2 {
        margin-right: -0.5rem
    }

    .xl\:-mb-2 {
        margin-bottom: -0.5rem
    }

    .xl\:-ml-2 {
        margin-left: -0.5rem
    }

    .xl\:-mt-3 {
        margin-top: -0.75rem
    }

    .xl\:-mr-3 {
        margin-right: -0.75rem
    }

    .xl\:-mb-3 {
        margin-bottom: -0.75rem
    }

    .xl\:-ml-3 {
        margin-left: -0.75rem
    }

    .xl\:-mt-4 {
        margin-top: -1rem
    }

    .xl\:-mr-4 {
        margin-right: -1rem
    }

    .xl\:-mb-4 {
        margin-bottom: -1rem
    }

    .xl\:-ml-4 {
        margin-left: -1rem
    }

    .xl\:-mt-5 {
        margin-top: -1.25rem
    }

    .xl\:-mr-5 {
        margin-right: -1.25rem
    }

    .xl\:-mb-5 {
        margin-bottom: -1.25rem
    }

    .xl\:-ml-5 {
        margin-left: -1.25rem
    }

    .xl\:-mt-6 {
        margin-top: -1.5rem
    }

    .xl\:-mr-6 {
        margin-right: -1.5rem
    }

    .xl\:-mb-6 {
        margin-bottom: -1.5rem
    }

    .xl\:-ml-6 {
        margin-left: -1.5rem
    }

    .xl\:-mt-8 {
        margin-top: -2rem
    }

    .xl\:-mr-8 {
        margin-right: -2rem
    }

    .xl\:-mb-8 {
        margin-bottom: -2rem
    }

    .xl\:-ml-8 {
        margin-left: -2rem
    }

    .xl\:-mt-10 {
        margin-top: -2.5rem
    }

    .xl\:-mr-10 {
        margin-right: -2.5rem
    }

    .xl\:-mb-10 {
        margin-bottom: -2.5rem
    }

    .xl\:-ml-10 {
        margin-left: -2.5rem
    }

    .xl\:-mt-12 {
        margin-top: -3rem
    }

    .xl\:-mr-12 {
        margin-right: -3rem
    }

    .xl\:-mb-12 {
        margin-bottom: -3rem
    }

    .xl\:-ml-12 {
        margin-left: -3rem
    }

    .xl\:-mt-16 {
        margin-top: -4rem
    }

    .xl\:-mr-16 {
        margin-right: -4rem
    }

    .xl\:-mb-16 {
        margin-bottom: -4rem
    }

    .xl\:-ml-16 {
        margin-left: -4rem
    }

    .xl\:-mt-20 {
        margin-top: -5rem
    }

    .xl\:-mr-20 {
        margin-right: -5rem
    }

    .xl\:-mb-20 {
        margin-bottom: -5rem
    }

    .xl\:-ml-20 {
        margin-left: -5rem
    }

    .xl\:-mt-24 {
        margin-top: -6rem
    }

    .xl\:-mr-24 {
        margin-right: -6rem
    }

    .xl\:-mb-24 {
        margin-bottom: -6rem
    }

    .xl\:-ml-24 {
        margin-left: -6rem
    }

    .xl\:-mt-32 {
        margin-top: -8rem
    }

    .xl\:-mr-32 {
        margin-right: -8rem
    }

    .xl\:-mb-32 {
        margin-bottom: -8rem
    }

    .xl\:-ml-32 {
        margin-left: -8rem
    }

    .xl\:-mt-40 {
        margin-top: -10rem
    }

    .xl\:-mr-40 {
        margin-right: -10rem
    }

    .xl\:-mb-40 {
        margin-bottom: -10rem
    }

    .xl\:-ml-40 {
        margin-left: -10rem
    }

    .xl\:-mt-48 {
        margin-top: -12rem
    }

    .xl\:-mr-48 {
        margin-right: -12rem
    }

    .xl\:-mb-48 {
        margin-bottom: -12rem
    }

    .xl\:-ml-48 {
        margin-left: -12rem
    }

    .xl\:-mt-56 {
        margin-top: -14rem
    }

    .xl\:-mr-56 {
        margin-right: -14rem
    }

    .xl\:-mb-56 {
        margin-bottom: -14rem
    }

    .xl\:-ml-56 {
        margin-left: -14rem
    }

    .xl\:-mt-64 {
        margin-top: -16rem
    }

    .xl\:-mr-64 {
        margin-right: -16rem
    }

    .xl\:-mb-64 {
        margin-bottom: -16rem
    }

    .xl\:-ml-64 {
        margin-left: -16rem
    }

    .xl\:-mt-px {
        margin-top: -1px
    }

    .xl\:-mr-px {
        margin-right: -1px
    }

    .xl\:-mb-px {
        margin-bottom: -1px
    }

    .xl\:-ml-px {
        margin-left: -1px
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.\[\&\:not\(\:first-child\)\]\:pt-4:not(:first-child) {
    padding-top: 1rem;
}


.toggleButton {
    z-index: 9999;
    /* Adjust z-index to be higher than other page components */
}

.kanit-thin {
    font-family: "Kanit", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.kanit-extralight {
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.kanit-light {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.kanit-regular {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.kanit-medium {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.kanit-semibold {
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.kanit-bold {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.kanit-extrabold {
    font-family: "Kanit", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.kanit-black {
    font-family: "Kanit", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.kanit-thin-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.kanit-extralight-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.kanit-light-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.kanit-regular-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.kanit-medium-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.kanit-semibold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.kanit-bold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.kanit-extrabold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.kanit-black-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.project-card {
    top: 279px;
    left: 238px;
    width: auto;
    height: 380px;
    opacity: 1;
}

@media (max-width: 767px) {
    .project-card {
        width: auto;
        /* Adjust width for mobile */
        height: 320px;
        /* Adjust height for mobile */
        top: 100px;
        /* Adjust top for mobile if necessary */
        left: 50px;
        /* Adjust left for mobile if necessary */
    }

    .min-h-80 {
        min-height: 14rem;
    }
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* Change this number to the desired number of lines */
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Number of lines for title */
    overflow: hidden;
    text-overflow: ellipsis;
}

.gig-card {
    top: 279px;
    left: 238px;
    width: auto;
    height: 350px;
    border-radius: 10px;
    opacity: 1;
}


.tab {
    top: 155px;
    left: 238px;
    width: fit-content;
    height: 50px;
    background: #E5E6E8CB 0% 0% no-repeat padding-box;
    border-radius: 53px;
    opacity: 1;
}