#why h2{
    background-image: url(/assets/img/why-h2.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
}

.why-item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5.125rem;
    margin-bottom: 3.875rem;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2rem;
}

.why-item span{
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #8C8C8C
}

.why-item-content{
    width: 75%;
    flex-shrink: 0;
    display: flex;
    gap: 4.5rem;
}

.why-item h3 {
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 0 0 0.4375rem;
}

.why-item-text p{
    margin-bottom: 62px;
}

.why-item-text p:last-of-type{
    margin-bottom: 0;
}

@media (max-width: 1280px) {
    .why-item{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .why-item{
        flex-direction: column;
    }
    .why-item-content{
        gap: 2rem;
    }
}