.hero__section {
    background: url("https://res.cloudinary.com/deklnqsqn/image/upload/v1734447510/stransact/kk5k46qmcvlnqxefkb5k.png")
        no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
    margin-top: 4rem;
    display: flex;
    align-items: center;
}
.hero__section .container {
    width: 100%;
}
.hero__section h1 {
    font-weight: 300;
    color: white;
    font-size: 1.5rem;
}
.main-content__section {
    padding: 2rem 0;
}
.main-content__section h2,
.main-content__section p {
    font-weight: 300;
}
.main-content__section h2 {
    font-size: 1.5rem;
    padding: 1.7rem 0 0.8rem 0;
}
.main-content__section p {
    font-size: 0.875rem;
    line-height: 1.85rem;
}
.main-content__section a {
    text-decoration: none;
    color: var(--primary);
}
.main-content__section a:hover {
    text-decoration: underline;
}
.main-content__section ul {
    padding: 1rem 0;
}
.main-content__section li {
    font-size: 0.875rem;
    list-style-position: inside;
    line-height: 1.85rem;
    font-weight: 300;
}
@media (min-width: 768px) {
    .hero__section {
        height: 250px;
    }
    .hero__section h1 {
        font-size: 2.5rem;
    }
    .main-content__section {
        padding: 3rem 0;
    }
}

@media (min-width: 1024px) {
    .main-content__section {
        padding: 4rem 0;
    }
    .main-content__section h2 {
        font-size: 1.85rem;
        padding: 2rem 0 1rem 0;
    }
    .main-content__section p {
        font-size: 1rem;
        line-height: 2rem;
    }
}