.card-experience {
    display: flex;
    gap: 2rem;
    margin-bottom: 11px;
}

.date-experience {
    font-size: 13.5px;
    font-weight: normal;
    color: var(--fourth-color);
    font-family: var(--font-poppins);
    white-space: nowrap;
    letter-spacing: .2px;
    line-height: 1.52em;
    margin-top: 2px;
}

.box-info-experience {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-family: var(--font-poppins);
}

.title-experience {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    letter-spacing: .2px;
    line-height: 1.52em;
}

.desc-experience {
    font-size: 14px;
    font-weight: normal;
    color: var(--fourth-color);
    letter-spacing: .2px;
    line-height: 1.52em;
}

@media (max-width: 768px) {
    .card-experience {
        flex-direction: column;
        gap: 11px;
    }
}