.blog-hero{height:80vh;width:100%;background:linear-gradient(rgba(21,14,31,.65),rgba(21,14,31,.65)),url(/_next/static/media/blog-bg.1d2e44b7.jpg);background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center}.blog-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.blogs-container{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;grid-gap:4vh;gap:4vh;padding:5vh 5vw}@media screen and (max-width:800px){.blogs-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.blogs-container{grid-template-columns:1fr}}.blog{width:100%;height:500px;border:1px solid hsla(0,0%,50%,.659);border-radius:20px;position:relative;overflow:hidden}.blog .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(rgba(88,77,102,0),rgba(88,77,102,.928));z-index:1}.blog .post{width:100%;height:100%;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:flex-end;padding:2vh 1vw 6vh 2vw}@media screen and (max-width:600px){.blog .post{padding:2vh 1vw 5vh 5vw}}.blog .post p{font-size:clamp(1rem,4vw,1rem)}.blog .post h2,.blog .post p{color:var(--btn-bg);color:#fff;z-index:11}.blog .post h2{font-size:clamp(1rem,4vw,1.3rem);margin:3vh 0}.blog .post a{cursor:pointer;background:var(--btn-bg);width:-moz-fit-content;width:fit-content;padding:1vh 2vw;font-family:Karla,serif;font-size:clamp(1rem,4vw,1.1rem);color:#fff;font-weight:500;z-index:11;border-radius:16px;display:grid;place-items:center;transition:.4s ease}.blog .post a:hover{background:rgba(146,122,241,.722)}