@media (min-width: 576px) {
    .container {
        max-width: 540px!important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px!important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px!important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px!important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px!important;
    }
}

html {
    scroll-behavior: smooth;
}

.backdrop-blur-xs {
    --tw-backdrop-blur: blur(1px);
    -webkit-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);
    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);
}