#banner{background-image:url(/_next/static/media/banner-blog.1e318d59.png);height:350px;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;padding:20px}#banner .box-banner{text-align:center;max-width:90%;margin:0 auto}#banner .box-banner .title-head h1{color:#fff;font-size:40px;font-weight:400;line-height:normal}@media(max-width:768px){#banner .box-banner .title-head h1{font-size:28px}}@media(max-width:480px){#banner .box-banner .title-head h1{font-size:24px}}#banner .box-banner .title-desc{max-width:800px;margin:30px auto;text-align:center}#banner .box-banner .title-desc p{color:#fff;font-size:20px;font-weight:400;line-height:30px}@media(max-width:768px){#banner .box-banner .title-desc p{font-size:18px;line-height:28px}}@media(max-width:480px){#banner .box-banner .title-desc p{font-size:16px;line-height:24px}}#blogsList{padding:50px 0}#blogsList .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}#blogsList .card{position:relative;height:300px;overflow:hidden;border-radius:.5rem;cursor:pointer;transition:transform .3s ease}#blogsList .card:hover{transform:translateY(-5px)}#blogsList .cardImage{background-image:url(/_next/static/media/banner-blog.1e318d59.png);width:100%;height:100%;background-size:cover;background-position:50%;position:relative}#blogsList .cardContent{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff}#blogsList .cardContent h3{margin:0 0 .5rem;font-size:1rem;font-weight:100}#blogsList .cardContent p{margin:0;font-size:.8rem;opacity:.9}@media(max-width:768px){#blogsList .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){#blogsList .grid{grid-template-columns:1fr}}