.hero-blog-list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:-300px;padding:141px 0 50px;width:100%;z-index:10;@media (max-width:480px){align-items:start;justify-content:start;margin-bottom:0;padding-bottom:0}@media (min-width:768px) and (max-width:991px){align-items:start;justify-content:start}}.container-hero-blog-list{@media (max-width:480px){padding-left:0;padding-right:0}}.hero-blog-list>h2{font-size:25px;font-weight:600;max-width:620px;text-align:center;@media (max-width:480px){max-width:100%}}.content-hero-blog-list{align-items:center;display:flex;justify-content:center;width:100%;@media (max-width:480px){align-items:start;flex-direction:column;justify-content:start;padding-bottom:0}@media (min-width:768px) and (max-width:991px){display:grid;grid-template-columns:1fr;place-items:center}}.hero-blog-list-image{height:356px;width:511px;@media (max-width:480px){width:100%}}.hero-blog-list-image img{border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;object-fit:cover;object-position:center;width:100%;@media (min-width:768px) and (max-width:991px){border-bottom-left-radius:0;border-top-left-radius:0}@media (max-width:480px){border-radius:0}}.hero-blog-list-right{background-color:var(--secondary);border-bottom-right-radius:8px;border-top-right-radius:8px;box-shadow:0 9px 24.1px 0 #00000014;display:flex;flex-direction:column;height:356px;padding:40px 60px;width:511px;@media (max-width:480px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;width:100%}@media (min-width:768px) and (max-width:991px){padding-bottom:40px;padding-left:20px;padding-right:20px;padding-top:40px}}.hero-blog-list-texts{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%;@media (max-width:480px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.hero-blog-list-texts a{color:var(--primary);font-size:1rem;text-decoration:underline}.hero-blog-list-title{align-items:start;display:flex;flex-direction:column;justify-content:start}.hero-blog-list-title h2{font-weight:500;-webkit-line-clamp:3;padding-bottom:3px;text-overflow:ellipsis}.hero-blog-list-title h2,.hero-blog-list-title p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hero-blog-list-title p{color:var(--primary);font-size:15px;-webkit-line-clamp:4}