/* Custom Offcanvas Styling */
.offcanvas-right {
    position: fixed;
    top: 0;
    right: -24rem; /* Start hidden */
    width: 24rem;
    height: 100%;
    background-color: white;
    transition: right 0.3s ease-in-out;
    z-index: 1050;
    overflow-y: auto;
}
.offcanvas-right.show {
    right: 0;
}
.btn-offcanvas{
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Hide scrollbar for Webkit-based browsers (Chrome, Safari) */
.offcanvas-right::-webkit-scrollbar {
    width: 0px; /* Hide scrollbar */
    display: none; /* Ensures it's not visible */
}

/* Hide scrollbar for Firefox */
.offcanvas-right {
    scrollbar-width: none; /* Hides scrollbar */
}

/* Hide scrollbar for IE/Edge */
.offcanvas-right {
    -ms-overflow-style: none;
}