section.blog-posts {
    background: linear-gradient(90deg, #F3BDAA, #DD8BD6);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding: 80px 0;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
}

section.blog-posts .left-image {
    margin-right: 45px;
}

section.blog-posts h2,
section.blog-posts h3,
section.blog-posts h4 {
    color: #222;
    font-weight: 700;
    margin-bottom: 20px;
}

section.blog-posts h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-top: 40px;
}

section.blog-posts h3 {
    font-size: 26px;
    color: #333;
    margin-top: 35px;
}

section.blog-posts p {
    color: #111;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 25px;
}

section.blog-posts ul {
    margin: 20px 0 30px 40px;
}

section.blog-posts ul li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3;
    list-style: disc;
}

section.blog-posts blockquote {
    background: rgba(255, 255, 255, 0.4);
    padding: 20px 30px;
    border-left: 5px solid #DD8BD6;
    border-radius: 5px;
    margin: 30px 0;
    font-style: italic;
    color: #333;
}

section.blog-posts strong {
    color: #000;
    font-weight: 600;
}

section.blog-posts img {
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    section.blog-posts h2 {
        font-size: 28px;
    }

    section.blog-posts h3 {
        font-size: 22px;
    }

    section.blog-posts p,
    section.blog-posts ul li {
        font-size: 16px;
    }
}