html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
    background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg));
    overflow-y: visible;
}

.container {
    max-width: 960px;
}

.pricing-header {
    max-width: 700px;
}

[readonly], [readonly]:focus {
    background-color: #e9ecef;
}

#divMessage {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
    width: 100%;
    max-width: 420px;
    pointer-events: none; /* allow clicks outside the alerts */
}

    #divMessage .alert {
        pointer-events: auto; /* allow closing via X */
        margin-bottom: 10px;
        animation: fadeInScale 0.25s ease-out;
    }

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}