.blog-listing{padding:80px 0}.blog-listing .topic{display:flex;flex-flow:wrap;gap:10px;margin-bottom:30px}.blog-listing .topic>a{border:1px solid var(--color1);border-radius:20px;color:var(--color1);cursor:pointer;display:inline-block;font-size:12px;line-height:150%;padding:5px 22px;transition:.4s}.blog-listing .topic>a.active,.blog-listing .topic>a:hover{background:var(--color1);color:#fff}.blog-listing .list-wrapper{gap:38px}.blog-listing .items{background:#fff;border-radius:30px;padding:40px;position:relative;transition:.4s;width:calc(33.33% - 25.5px)}.blog-listing .items a.boxLink{height:100%;left:0;position:absolute;top:0;width:100%}.blog-listing .items .image{border-radius:30px;height:197px;overflow:hidden}.blog-listing .items .image img{height:100%;object-fit:cover;width:100%}.blog-listing .items .text{font-size:16px;line-height:150%;margin-top:20px}.blog-listing .items:hover{box-shadow:0 12px 40px rgba(0,0,0,.12)}.pagination-page{align-items:center;display:flex;gap:10px;justify-content:center;margin:50px 0 0}.pagination-page>a.blog-pagination__number-link{align-items:center;background:var(--color1);color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.pagination-page>a.blog-pagination__link--active,.pagination-page>a.blog-pagination__number-link:hover{background:var(--color2)}.pagination-page>a.blog-pagination__prev-link{margin-right:10px;transform:scale(-1)}.pagination-page>a.blog-pagination__next-link{margin-left:10px}.blog-hero .details{font-size:14px;font-weight:600;gap:10px;margin-top:25px}.blog-post{padding:80px 0}.blog-post .list-wrapper{margin:0 auto;max-width:920px;width:100%}.blog-post blockquote{border-radius:10px;font-size:20px;font-weight:500;margin:20px 0;padding:30px 40px}.blog-post blockquote,.related-posts{background:var(--color4)}@media (max-width:1429px){.blog-listing .items{padding:22px}}@media (max-width:1199px){.blog-listing .items{width:calc(50% - 19px)}}@media (max-width:991px){.blog-listing{padding:50px 0}.blog-listing .list-wrapper{gap:20px}.blog-listing .items{border-radius:20px;padding:20px;width:calc(50% - 10px)}.blog-listing .items .image{border-radius:20px}.blog-post{padding:50px 0}.blog-post blockquote{font-size:17px;padding:20px 25px}}@media (max-width:575px){.blog-listing .items{width:100%}}