.custom-nav-items:hover, custom-nav-items-active {
    background-image: linear-gradient(to right, #8B5CF6, #6366F1);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 4rem;
    width: 16rem;
    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
}

.custom-nav-items-active {
    border: 1px solid;
    background-image: linear-gradient(to right, #8B5CF6, #6366F1);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 4rem;
    width: 16rem;
    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
}

.custom-nav-text {
    color: rgba(61, 45, 165, 1);
}

.custom-drop-shadow {
    box-shadow: 0px 1px 5px 0px rgba(95, 73, 255, 0.25);
}

.custom-container-drop-shadow {
    box-shadow: 0px 1px 5px 1px rgba(95, 73, 255, 0.25);
}

.h-80p {
    height: 85% !important;
}

.custom-container-bg {
    background: linear-gradient(180deg, #F9F8FF 0%, #EDEAFF 118.4%);
}

.required {
    position: relative;
}

.required::after {
    content: "*";
    color: red;
    position: absolute;
    top: 0;
}

.sticky-thead {
    position: sticky !important;
    top: -25px !important;
}