/*--------------------------------------------------------------
# Education Section
--------------------------------------------------------------*/

#education {
    background-image: url(../../images/grid.png);
    background-size: contain;
    min-height: 50vh;
}

#education .container {
    margin-top: var(--section-content-gap);
}

#education .education-card + .education-card {
    margin-top: calc(var(--section-content-gap) * 0.75);
}

.education-card {
    background-color: transparent;
    padding: 25px;
    border-radius: 24px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 0 1px 0 rgba(144,81,227,.5), 0 0 0.5px 0.5px rgba(141,53,229,.336);
    -webkit-box-shadow: 0 0 1px 0 rgba(144,81,227,.5), 0 0 0.5px 0.5px rgba(141,53,229,.336);
}

.education-card .education-header {
    margin-bottom: 20px;
}

.education-card .degree {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--primary-color);
}

.education-card .university {
    font-size: 1.1em;
    margin-bottom: 5px;
}

.education-card .duration {
    font-size: 0.9em;
    color: var(--muted-text);
}

.education-card .education-body .achievements {
    list-style: none;
    padding-left: 0;
}

.education-card .education-body .achievements li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 0.95em;
    color: var(--muted-text);
}

.education-card .education-body .achievements li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-size: 1.5em;
    line-height: 1;
}