.lph-grid{
    display:flex;
    gap: 40px;
    margin: 65px;
}

.lph-card{
    flex: 1 1 50%;
    padding: 40px;
}

.lph-card--dark{
    background:#3d3d3f;
    color:#fff;
}

.lph-card--light{
    background:#ececed;
    color:#222;
}

.lph-title{
    margin-bottom: 22px;
    font-family: 'Source Serif 4';
    font-size: 22px;
    font-weight: 700;
}

.lph-subtitle{
    margin-bottom: 22px;
    font-family: 'Source Serif 4';
    font-size: 22px;
    font-weight: 700;
}

.lph-chartwrap{position:relative;height:440px}

.lph-highlights{
    list-style:none;
    padding:0;
}

.lph-highlights li{
    border-bottom:1px solid #989799;
    padding: 13px 0;
}

.lph-card--light .lph-highlights li{
    border-color:#989799
}

.lph-highlights li:last-child{
    border-bottom:0;
    padding-bottom: 0;
}

@media (max-width: 768px){
    .lph-grid{
        flex-direction: column;
        margin: 30px;
    }

    .lph-chartwrap{
        /* height:380px; */
    }

    .lph-card {
        padding: 20px;
    }
}