.main {
    margin-top: 8rem;
}

.content-wrapper {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 2rem;
}

.content-wrapper h1 {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    font-size: 1.25rem;
}

.content-wrapper h2 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #212529;
}

.content-wrapper p {
    color: #3f4064;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 2;
}

.content-wrapper ul {
    padding-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.content-wrapper li {
    color: #3f4064;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    line-height: 2;
}

.content-wrapper li::marker {
    color: #dc3545;
}

@media screen and (max-width: 991.98px) {
    .main {
        margin-top: 4rem;
    }

    .content-wrapper h2 {
        font-size: 0.875rem;
    }

    .content-wrapper h1 {
        font-size: 1.0625rem;
    }

    .content-wrapper p,
    .content-wrapper li {
        font-size: 0.8125rem;
    }
}