#howitworks {
    background: white;
    color: #444;
    font-weight: 500;
    padding: 1rem 2rem;
}

#howitworks h2 {
    margin: 4rem 1rem 2rem;
}

#howitworks h3 {
    text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0 1rem 4rem;
}
#howitworks .content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.howitworks-text {
    width: 50%;
    padding-right: 4rem;
}

.howitworks-text h4 {
    font-weight: 500;
    margin-bottom: 2rem;
    font-size: 1.3rem;
}
.howitworks-text ul {
    list-style: none;
}
.howitworks-text li {
    font-weight: 400;
    margin-bottom: 1rem;
    padding-left: 1.5em;
    position: relative;
}
.howitworks-text ul li::before {
    content: '✔';  /* placeholder for the SVG */
    position: absolute;
    left: 0;  /* place the SVG at the start of the padding */
    width: 1em;
    height: 1em;
    color: #ff0084;
}

.howitworks-image {
    width: 25rem;
}

@media screen and (max-width:768px) {
    #howitworks {
        padding: 1rem;
    }
    .content-container {
        align-items: stretch;
    }
    .howitworks-image {
        width: 85%;
    }
    .howitworks-text {
        padding: 1rem;
        width: 100%;
    }
}