.performance{

margin-top: 100px

}

.performance__card{

    display:grid;

    grid-template-columns:1fr 2fr;

    align-items:center;

    gap:64px;

    padding:40px 48px;

    border-radius:var(--radius-card);

    background:
    linear-gradient(
        90deg,
        var(--clr-primary),
        var(--clr-secondary)
    );

    box-shadow:var(--shadow-lg);

}

.performance__left h2 {
     color: #fff;
}

.performance__right p{

    color:var(--clr-white);

    opacity:.9;

}

.why__grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:32px;

}

.why__card{

    background:var(--clr-bg-light);

    padding:40px;

    box-shadow:var(--shadow-md);

}

.why__card--dark{

    background:var(--clr-primary);

}

.why__card--dark h4{

    color: var(--clr-white);

}



.why__icon{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--clr-accent);

    margin-bottom:24px;

}

.why__icon svg{

    width:100%;

    height:100%;

    stroke-width:2;

}


.why__card p{

    color:inherit;

    opacity:.8;

}

.why__cta{

    margin-top:64px;

    display:flex;

    justify-content:center;

}

.why__card--dark p{

    color: var(--clr-white);

}