.card h5,
.latest-title {
    color: #bb86fc !important;
}

.btn-custom {
    background-color: #8f38fa;
    border-color: #bb86fc;
    color: white;
}

.btn-custom:hover {
    background-color: #6705fa; /* slightly darker for hover effect */
    border-color: #9b6ede;
}

/* Accordion button when expanded (clicked) */
.accordion-button:not(.collapsed) {
    background-color: #591981; /* Dark purple background */
    color: #bb86fc;            /* Light purple text */
    box-shadow: none;          /* Remove Bootstrap shadow */
    border: 1px solid #bb86fc; /* Thin purple border when expanded */
}

/* Accordion arrow icon */
.accordion-button::after {
    color: #bb86fc;
}

/* On hover effect (darker shade) */
.accordion-button:hover {
    background-color: #2e0c44; /* Slightly darker on hover */
    color: #bb86fc;
    border: 1px solid #bb86fc; /* Thin purple border on hover */
}

/* Optional: Remove extra shadow */
.accordion-button {
    border: 1px solid #bb86fc; /* Thin purple border */
    box-shadow: none;
}

.navbar-title {
    font-weight: bold;
    color: #9f56f9; /* Dark purple */
}

.form-select {
    border: 2px solid #bb86fc; /* Light purple border */
    color: #f2e4fa;            /* Optional: dark purple text */
    font-weight: 500;          /* Optional: medium-bold text */
}

.purple-border:focus,
.purple-border:hover {
    border-color: #9f6ee3;     /* Slightly different purple on interaction */
    box-shadow: none;          /* Remove default blue shadow */
    outline: none;
}

.form-select {
    border: 2px solid #9f6ee3;
    background-color: #f5e9ff;
    color: #550b83;
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-select:focus {
    border-color: #501d8f;
    box-shadow: none;
    outline: none;
}

.form-select:hover {
    border-color: #9f6ee3;
}