.blog__posts{background-color:#fff;padding:60px 40px}.blog__posts--inner-container{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}@media screen and (max-width:820px){.blog__posts--inner-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.blog__posts--inner-container{grid-template-columns:1fr}}.blog__posts--single{display:grid;position:relative}.blog__posts--single:before{background:linear-gradient(180deg,#1e1e1e 5.28%,rgba(82,82,82,.93) 18.32%,hsla(0,0%,42%,.8) 28.57%,hsla(0,0%,100%,0) 64.6%);content:"";height:100%;left:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;top:0;width:100%}.blog__posts--single img{aspect-ratio:39/32;display:block;grid-column:1/-1;grid-row:1/-1;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.blog__posts--single div{color:#fff;display:flex;flex-direction:column;gap:10px;grid-column:1/-1;grid-row:1/-1;padding:30px;position:relative}@media screen and (max-width:820px){.blog__posts--single div{padding:20px}}.blog__posts--single div p{font-size:26px;font-weight:600;margin:0}.blog__posts--single div svg{fill:#fff;display:block;width:40px}.blog__posts--single div a{align-items:center;display:flex;justify-content:center;margin:auto 0 0 auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;width:100%}.blog__posts--single div a:focus>span,.blog__posts--single div a:hover>span{opacity:1;pointer-events:all}.blog__posts--single div a:after{background-color:#eff0f1;background-image:url(../../images/icons/right-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:18px 18px;content:"";flex:0 0 45px;height:100%;min-height:45px;width:45px}.blog__posts--single div a>span{background-color:#e41b23;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:normal;min-height:45px;opacity:0;padding:12px 45px 11px;pointer-events:none;text-decoration:none;transition:all .3s ease-in-out;width:100%}.blog__posts--pagination{grid-column:1/-1;margin:40px 0 0}.blog__posts--pagination .nav-links{align-items:center;display:flex;gap:20px;justify-content:center}@media screen and (max-width:500px){.blog__posts--pagination .nav-links{gap:10px}}.blog__posts--pagination .nav-links:not(:has(.page-numbers.prev)):before{align-items:center;background-color:#d9d9d9;background-image:url(../../images/icons/right-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border:none;color:transparent;content:"";display:flex;height:45px;justify-content:center;opacity:.25;overflow:hidden;text-indent:-9999px;transform:scale(-1);width:60px}@media screen and (max-width:500px){.blog__posts--pagination .nav-links:not(:has(.page-numbers.prev)):before{background-size:12px 12px;height:22px;width:30px}}.blog__posts--pagination .nav-links:not(:has(.page-numbers.next)):after{align-items:center;background-color:#d9d9d9;background-image:url(../../images/icons/right-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border:none;color:transparent;content:"";display:flex;height:45px;justify-content:center;opacity:.25;overflow:hidden;text-indent:-9999px;width:60px}@media screen and (max-width:500px){.blog__posts--pagination .nav-links:not(:has(.page-numbers.next)):after{background-size:12px 12px;height:22px;width:30px}}.blog__posts--pagination .nav-links .page-numbers{align-items:center;border:1px solid #000;color:#000;display:flex;font-family:adobe-garamond-pro,serif;font-size:26px;font-weight:600;height:45px;justify-content:center;line-height:normal;text-align:center;text-decoration:none;width:60px}@media screen and (max-width:500px){.blog__posts--pagination .nav-links .page-numbers{font-size:16px;height:22px;width:30px}}.blog__posts--pagination .nav-links .page-numbers.current{background-color:#d9d9d9;border:none}.blog__posts--pagination .nav-links .page-numbers.next,.blog__posts--pagination .nav-links .page-numbers.prev{background-color:#d9d9d9;background-image:url(../../images/icons/right-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border:none;color:transparent;display:flex;overflow:hidden;text-indent:-9999px}@media screen and (max-width:500px){.blog__posts--pagination .nav-links .page-numbers.next,.blog__posts--pagination .nav-links .page-numbers.prev{background-size:12px 12px}}.blog__posts--pagination .nav-links .page-numbers.prev{transform:scale(-1)}