body {
    background-color: #0F0716;
    color: white;
}

.bg-color {
    background-color: #11071D;
}   

.input-style {
    background-color: rgba(255, 255, 255, 0.06);
    border: rgba(255, 255, 255, 0.2) solid 1px;
    color: white;
}

::placeholder {
    color: white !important;
    opacity: 0.5 !important;
}

.bg-primary {
    background-color: #6A3EC5 !important;
    color: white !important;
}

.bg-primary:hover {
    background-color: #6b3ec5b9 !important;
}

.btn-outline-primary {
    background-color:#FFF !important;
    color: #6A3EC5 !important;
}

.btn-outline-primary:hover {
    background-color: #6A3EC5 !important;
    color: white !important;
}

.text-primary {
    color: #6A3EC5 !important;
}

.text-secondary, hr {
    color: #D9C8FD !important;
}

.border-bottom {
    border-bottom: 1px solid #D9C8FD !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(29%) sepia(94%) saturate(543%) hue-rotate(236deg) brightness(88%) contrast(90%);
}

.card:hover {
    transform: scale(1.05) !important;
    transition: all 0.3s ease-in-out !important;