.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{width:100%;padding:5vh 5vw}.blog-list-grid{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;grid-gap:4vh;gap:4vh}@media screen and (max-width:800px){.blog-list-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.blog-list-grid{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)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:4vh;padding:2vh 0;flex-wrap:wrap}@media screen and (max-width:600px){.blog-pagination{gap:.5rem}}.pagination-btn{background:var(--btn-bg);color:#fff;border:none;padding:1vh 2vw;border-radius:12px;font-family:Karla,serif;font-size:clamp(.9rem,3vw,1rem);cursor:pointer;transition:.4s ease}.pagination-btn:hover:not(:disabled){background:rgba(146,122,241,.722)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.5rem}.page-number{background:transparent;color:var(--text-color);border:2px solid var(--btn-bg);padding:1vh 1.5vw;min-width:40px;border-radius:12px;font-family:Karla,serif;font-size:clamp(.9rem,3vw,1rem);cursor:pointer;transition:.4s ease}.page-number:hover:not(.active){background:rgba(146,122,241,.2)}.page-number.active{background:var(--btn-bg);color:#fff}