/* ------------------------------------- Background -------------#1a1527---------------------------- */
.cerficates-section {
    margin-top: -2px;
    height: 175vmax;
    width: 100%;
    background-color: #0b0a10;
}

@media only screen and (max-width: 650px) {
    .cerficates-section {
        height: 180vmax;
    }
}

@media only screen and (max-width: 450px) {
    .cerficates-section {
        height: 290vmax;
    }
}



/* ------------------------------------- Timeline ----------------------------------------- */
#timeline-cert {
    background-color: #5918df;
    list-style: none;
    margin-left: 21%;
    height: 180vmax;
    position: absolute;
    margin-top: 7%;
    width: 2px;
    z-index: 1;
}
@media only screen and (max-width: 450px) {
    #timeline-cert {
        height: 290vmax;
    }
}

/*----------------------------------- bullet points -----------------------------------*/

.bullet-cert {
    position: absolute;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    color: #988e9f;
    margin: 10px;
    padding: 20px;
    top: -45px;
}

.bullet-cert.bullet-cert:before {
    position: absolute
}

.bullet-cert:before {
    background-color: #5918df;
    border: 2px solid #5918df;
    border-radius: 50%;
    content: "";
    height: 9px;
    left: -15px;
    top: 25px;
    width: 9px;
}