.sidebar {
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    overflow-x: hidden;
    transition: width 0.4s ease-in-out;
}

.main-content {
    margin-left: 0;
    transition: margin-left 0.3s ease-in-out;
}

.sidebar.w-64 {
    width: 250px;
    /* Adjust the width as needed */
}

.curved-border:hover::before,
.curved-border:focus::before,
.curved-border:active::before {
    content: "";
    position: absolute;
    right: 0;
    width: 0.25rem;
    height: 2.5rem;
    right: 0;
    border-radius: 0.375rem 0 0 0.375rem;
}

.curved-border::before {
    background: #696cff;
}

.sidebar {
    transition: width 0.3s ease ease-in-out;
}

.main-content {
    transition: margin-left 0.3s ease-in-out;
}

.custom-scrollbar {
    scrollbar-width: none;
}