.bg-primary {
    --tw-bg-opacity: 1;
    background-color: #6d28d9 !important;
}

.bg-primary.active {
    --tw-bg-opacity: 1;
    background-color: #8b5ce8 !important;
}

#linkClientArea:hover {
    --tw-bg-opacity: 1;
    background-color: #9c7be5 !important;
    border-color: #9c7be5 !important;
}

#linkErpFiscal:hover {
    --tw-bg-opacity: 1;
    background-color: #9c7be5 !important;
    border-color: #9c7be5 !important;
}


.text-primary {
    --tw-text-opacity: 1;
    color: #4b007e !important;
}

.text-primary.active {
    --tw-text-opacity: 1;
    color: #8b5ce8 !important;
}

.text-primary:hover {
    --tw-text-opacity: 1;
    color: #a785e8 !important;
}

.text-footer{
    --tw-text-opacity: 1;
    color: #8b5ce8 !important;
}

.text-footer:hover {
    --tw-text-opacity: 1;
    color: #4b007e !important;
}

.bg-primary\/10 {
    background-color: #8b5ce810 !important;
}

.bg-primary\/10:active {
    background-color: #6d28d9 !important;
}

.bg-primary\/10:hover {
    background-color: #6d28d9 !important;
}

.border-primary\/50 {
    border-color: #8b5ce850 !important;
}

::selection {
    --tw-bg-opacity: 1;
    background-color: #8249e1 !important;
    --tw-text-opacity: 1;
    color: #ffffff !important;
}

.shadow-\[inset_0px_0px_12px_0px\] {
    --tw-shadow: inset 0px 0px 12px 0px rgba(139, 92, 232, 1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-primary {
    --tw-shadow-color: #8b5ce8 !important;
    --tw-shadow: 0 10px 15px -3px rgba(139, 92, 232, 1), 0 4px 6px -2px rgba(139, 92, 232, 1), 0 1px 3px rgba(139, 92, 232, 1) !important;
}

.shadow-primary\/20 {
    --tw-shadow-color: #8b5ce8 !important;
    --tw-shadow: 0 10px 15px -3px rgba(139, 92, 232, 0.2), 0 4px 6px -2px rgba(139, 92, 232, 0.2), 0 1px 3px rgba(139, 92, 232, 0.2) !important;
}

.shadow-primary\/30 {
    --tw-shadow-color: #8b5ce8 !important;
    --tw-shadow: 0 10px 15px -3px rgba(139, 92, 232, 0.3), 0 4px 6px -2px rgba(139, 92, 232, 0.3), 0 1px 3px rgba(139, 92, 232, 0.3) !important;
}

.shadow-primary\/50 {
    --tw-shadow-color: #8b5ce8 !important;
    --tw-shadow: 0 10px 15px -3px rgba(139, 92, 232, 0.5), 0 4px 6px -2px rgba(139, 92, 232, 0.5), 0 1px 3px rgba(139, 92, 232, 0.5) !important;
}

.shadow-primary\/40 {
    --tw-shadow-color: #8b5ce8 !important;
    --tw-shadow: 0 10px 15px -3px rgba(139, 92, 232, 0.4), 0 4px 6px -2px rgba(139, 92, 232, 0.4), 0 1px 3px rgba(139, 92, 232, 0.4) !important;
}

.backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\[\&\.active\]\:text-primary.active {
    --tw-text-opacity: 1;
    color: #8b5ce8 !important;
}

.hover\:text-primary:hover,.hover\:text-primary-600:hover {
    --tw-text-opacity: 1;
    color: #8b5ce8 !important;
}
@media (min-width: 1024px) {
    *::-webkit-scrollbar-thumb {
        border-radius: 9999px;
        background-color: #8b5ce8 !important;
    }
}

/* Swiper Styles */

.swiper.testimonials {
     width: 100%;
     max-width: 1200px;
     height: 400px;
}

.group:hover .group-hover\:bg-primary{
    background-color:#8b5ce8 !important;
    border-color: #8b5ce8 !important;
}

.group-hover\:bg-primary{
    --tw-bg-opacity: 1;
    border-color: #656565 !important;
    background-color: #ffffff; !important;
}

.bg-purple\/40 {
    background-color: #4b007e;
    opacity: 0.2;
}

.bg-black\/40 {
    background-color:#0006;
}

.hover\:bg-primary-700:hover {
    --tw-bg-opacity: 1;
    background-color: #8b5ce8 !important;
}