/* Achieve slide (accomplishments) */

.row.achieve{
    padding-top: 1rem;
}

.row.achieve .col-md-6{
    padding:0 0 0 2rem;
}

.row.achieve b{
    width: 40vw;
    background-color: var(--color-surface);
    color: var(--color-ink);
    padding: 0.5rem;
    font-size: 1.4rem;
    border-radius: var(--radius-md);
}

.row.achieve div{
    font-size: 2rem;
}

.row.achieve .col-md-6 strong{
    font-size: 2rem;
}

.row.achieve .col-md-6 strong::before{
    content: "";
    position: absolute;
    height: 1rem;
    width: 2.5rem;
    border-bottom: 1px solid white;
    left: 2rem;
    padding-top: 1.5rem;
}

.row.achieve h1::before{
    content: "";
    height: 1rem;
    position: absolute;
    top: 4.5rem;
    border-top: 1rem solid rgba(196, 194, 194, 0.39);
    width: 28rem;
}

@media only screen and (max-width: 1440px) {
    .row.achieve h1::before{
        top: 3.5rem;
    }

    .row.achieve b {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 1024px) {
    .row.achieve h1::before {
        width: 26vw;
        height: 0.7rem;
        top: 2rem;
        border-top: 0.5rem solid rgba(196, 194, 194, 0.39);
    }

    .row.achieve .col-md-6 strong {
        font-size: 1.2rem;
    }

    .row.achieve b {
        font-size: 0.8rem;
    }

    .row.achieve .col-md-6 strong::before {
        padding-top: 0.5rem;
    }
}

.strong-achieve{
    cursor: pointer;
}