.nav-item .nav-link {
    color: rgba(88, 74, 237, 0.63) !important;
    font-weight: bold;
}

.nav-item .active {
    background-color: rgba(88, 74, 237, 0.63) !important;
    color: white !important;
}

.nav-link:hover {
    cursor: pointer;
}

.pad-right-lg {
    padding-right: 3rem;
}

.pad-left-lg {
    padding-left: 3rem;
}

.pad-t {
    padding-top: 1rem;
}

.pad-y {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .pad-right-lg {
        padding-right: 0px;
    }
    
    .pad-left-lg {
        padding-left: 0px;
    }
    
}