.text-warning{
    color: #ffdf00!important;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}

html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 59px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }
    .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(-100%);
    }
}
.btn-success{
    background-image: linear-gradient(180deg,#8DAB3F -25%,#4F8D1F 125%);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 5px 3px rgb(0 0 0 / 23%);
    border: none;
}
.btn-success:hover,
.btn-success:focus{
    background-color: transparent;
    background-image: linear-gradient(180deg,#4F8D1F -25%,#8DAB3F 100%);
}
.text-danger{
    color: #ff0000!important;
}