.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}
.max-w-xl{
    max-width: 1280px !important;
}
.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(116 31 162/var(--tw-bg-opacity)) !important;
}

/*
.lg\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: .5rem;
}*/
@media (min-width: 1024px) {
    .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0 !important;
        margin-right: 0 !important;
        margin-left: 0!important;
    }
}

@media (min-width: 768px) {
    .md\:max-w-lg {
        max-width: 1024px !important;
    }
}

.w-md {
    width: 768px !important;
}

.max-w-sm{
    max-width: 640px !important;
}

.glide__bullet--active{
    background-color: #000000 !important;
}