.blog-list .container{position:relative}
.blog-list .container:before{position:absolute;content:'';top:-10px;left:-230px;z-index:1;width:316px;height:695px;background:url(../../images/vettor-blog-enfeite.png) no-repeat center}
.blog-list h2{color:var(--azul-claro);font-weight:800;letter-spacing:-.5px;font-size:1.8em;line-height:50px;border-left:10px solid var(--azul-claro);padding-left:30px;margin-left:60px;margin-bottom:30px}
.blog-list h3{text-transform:uppercase;max-width:70%;margin-bottom:20px}
.blog-list .big-p{color:var(--azul);font-size:1.5em;max-width:50%;font-weight:600;letter-spacing:-.5px;margin-bottom:60px}
.blog-list-app{display:flex;gap:0 40px;margin-left:50px;position:relative;align-items:center;z-index:2}
.blog-list-app .box{width:100%;max-width:400px;display: block; box-shadow:10px 10px 20px #4242421a;border-radius:20px;background-color:#fff;padding:30px;text-decoration:none!important;transition:.5s}
.blog-list-app .box:hover{transform:scale(1.05)}
.blog-list-app .box img{display:block;width:100%;border-radius:10px;background-color:#ccc;margin-bottom:20px;height:auto}
.blog-list-app h4{color:var(--azul);font-weight:600;font-size:1.4em}
.blog-list-app p{color:#4f4f4f;font-size:.9em;font-weight:600;margin-bottom:20px;opacity:.8}
.all-posts{display:block;color:var(--azul);font-size:1.8em;text-decoration:none!important;line-height:1.2;width:130px;font-weight:600;margin-left:50px;transition:.5s}
.all-posts i{display:block;font-size:1.5em;margin-top:20px}
.all-posts:hover{color:var(--azul-claro)}
@media (max-width: 1700px) {
    .blog-list .container:before{top:-108px;left:-100px;width:150px;background-size:100%}
    .blog-list-app h4{font-size:1.2em}
}
@media (max-width: 1024px) {
    .blog-list-app .box {max-width: 100%; margin-bottom: 30px}
    .blog-list h2 {margin-left: 0px}
    .blog-list h3{max-width:100%;font-size:1.5em;letter-spacing:0}
    .blog-list .big-p {max-width: 100%; letter-spacing: 0px; margin-bottom: 30px; font-size: 1.1em}
    .blog-list .container:before {display: none;}
    .blog-list-app {margin-left: 0px; display: block;}
    .all-posts {margin-left: 0px; margin-top: 50px}
}