:root {
    --primary-color: #4721A3;
    --secondary-color: #4E1ABE;
    --accent-color: #45FE73;
    --gray-color: #30312E;
    --red-color: #852337;
}


/* Cover Image */
.cover-img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .download-btn {
        display: block;
        background-color: var(--accent-color) !important;
        color: var(--gray-color) !important;
    }
}

@media (min-width: 768px) {
    .download-btn {
        display: none;
    }
}

.nav-link {
    cursor: pointer;
    background-color: var(--accent-color);
    border: none !important;
    border-radius: 130px !important;
    padding: .5rem 2rem;
    color: var(--gray-color) !important;
}

.nav-link.active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.accordion-button {
    cursor: pointer;
    background: none !important;
    border: none;
    outline: none !important;
    color: var(--gray-color) !important;
}


.accordion.academic .accordion-button {
    border-bottom: 2px solid var(--primary-color) !important;
}

.accordion.administrative .accordion-button {
    border-bottom: 2px solid var(--red-color) !important;
}


/* Profile Image */
.profile-img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    position: relative;
    object-fit: cover;
    margin-top: -100px;
}


.circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.wrap-text {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word; /* For older versions of Webkit (Safari) */
    width: 100%;
    margin: 0 auto;
}


.profile-img.academic-circle {
    border: 3px solid var(--primary-color) !important;
}

.bg-administrative {
    background-color: var(--red-color) !important;
    color: #fff !important;
}

.bg-academic {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.profile-img.administrative-circle {
    border: 3px solid var(--red-color) !important;
}

.badge-red {
    background-color: var(--red-color) !important;
    color: #fff !important;

}

.badge {
    padding: .4rem;
}

.badge-purple {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}