.shadow-box {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 1px;
    background-color: white;
}

.shadow-box-card {
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 1px;
    background-color: #fdfdfd;
    /* cursor: pointer; */
}

.shadow-box-card:hover {
    box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), .175) !important;
    background-color: white;
}

.btn-purple {
    background-color: #a017d6;
    color: white;
}

.btn-purple:hover {
    background-color: #b73ae8;
    color: white;
}

.btn-check:checked + .btn,
.btn-purple.active,
.btn-purple.show,
.btn-purple:first-child:active,
:not(.btn-check) + .btn-purple:active {
    background-color: #9209c7;
    color: white;
}

.btn-purple2 {
    background-color: #e5e5e5;
    color: #6a4c93;
}

.btn-purple2:hover {
    background-color: #f1f0f0;
    color: #6a4c93;
}

.btn-check:checked + .btn,
.btn-purple2.active,
.btn-purple2.show,
.btn-purple2:first-child:active,
:not(.btn-check) + .btn-purple2:active {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    color: #6a4c93;
}

.btn-purple3 {
    background-color: #7556a1;
    color: white;
}

.btn-purple3:hover {
    background-color: #7e60a8;
    color: white;
}

.btn-check:checked + .btn,
.btn-purple3.active,
.btn-purple3.show,
.btn-purple3:first-child:active,
:not(.btn-check) + .btn-purple3:active {
    background-color: #684a94;
    color: white;
}

a {
    color: #a017d6;
}

a:hover {
    color: #b73ae8;
}

a:active {
    color: #9209c7;
}