.features {
    border-top: solid 1px var(--divider);
    margin-top: 6rem;
    padding-top: 4rem;
}

.features p {
    font-size: var(--paragraph-size);
    font-weight: var(--paragraph-weight);
    color: var(--accent5);
}

.features h2 {
    font-family: var(--font-heading);
    font-size: var(--heading1-size);
    font-weight: var(--heading1-weight);
    letter-spacing: var(--letter-spacing-heading1);
    line-height: var(--line-height-heading1);
    margin-bottom: 2.7rem;
}

.features .features-list {
    list-style: none;
    margin-top: 2.4rem;
}

.features .feature-item {
    display: flex;
    border-top: solid 1px var(--divider);
    padding: 1.5rem 0rem;
}

.features .item-number {
    color: var(--accent5);
    font-weight: bold;
    font-size: var(--paragraph-size);
    margin-right: 1.7rem;
}

.features .feature-item p {
    color: var(--accent4);
}

.features img {
    margin-top: 1.2rem;
    width: 100%;
    height: 385px;
    object-fit: cover;
    border-radius: 40px;
}

@media (min-width: 768px) {
    .features img {
        height: 744px;
    }
}

@media (min-width: 1200px) {
    .features {
        display: flex;
    }

    .features img {
        width: 50%;
        height: 711px;
        margin-left: 4rem;
    }
}