.vis-top-bg {
    background-color: #8c039c;
    color: #FFF;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
}

.vis-text-white {
    color: #FFF;
    text-decoration: none;
}

.btn.btn-cool {
    background: transparent !important;
    color: #8c039c !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 13px;
    transition: 0.5s;
    border: 2px solid #8c039c;

}

.btn.btn.btn-cool:hover {
    background: transparent !important;
    color: #8c039c;
    border: 2px solid #8c039c;
}

.vis-bg-light {
    background-color: #FFF;
}

.vis-border-primary {
    color: #EEE;
}

.vis-foot {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: #8c039c !important;

}
.vis-btn-top {
    background: #8c039c !important;
    color: var(--bs-white) !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    transition: 0.5s;
}

.vis-btn-top:hover {
    background: #8c039c !important;
    color: var(--bs-white);
    border: 1px solid var(--bs-white);
}

.text-custom {
    color: #46014e;
}

.bg-darkpurple{
    background-color: #46014e !important

}