.mt-6 {
    margin-top: 6.25rem;
}

.pb-7 {
    padding-bottom: 6.25rem;
}

.mb-21 {
    margin-bottom: 21rem;
}

@media(max-width: 991px) {
    .sidebar {
        background-color: rgba(9, 9, 9, 0.9);
        backdrop-filter: blur(500px);
    }
}

@media(max-width: 992px) {
    .offcanvas {
        width: 25% !important;
    }
}

@media(max-width: 677.98px) {
    .offcanvas {
        width: 40% !important;
    }
}

@media (min-width: 250px) and (max-width: 575.98px) {
    .offcanvas {
        width: 75% !important;
    }
}

.mt-n1 {
    margin-top: -16.5rem !important;
}

.mt-n2 {
    margin-top: -1rem !important;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.overflow-x-hidden {
    overflow-x: hidden;
}