.wrapper-posts{display:flex;flex-direction:column;gap:24px;margin-top:40px}.wrapper-posts .single-post-wrapper{padding-bottom:24px;border-bottom:1px solid #e5e7eb}.wrapper-posts .single-post-wrapper:last-child{border-bottom:none}.wrapper-posts .single-post-wrapper a{text-decoration:none;display:flex;align-items:flex-start;gap:24px;transition:.3s ease-in-out}.wrapper-posts .single-post-wrapper a:hover{transform:translateY(-6px)}.wrapper-posts .single-post-wrapper img{width:220px;height:140px;-o-object-fit:cover;object-fit:cover;border-radius:12px;flex-shrink:0}.wrapper-posts .single-post-wrapper .text-box{display:flex;flex-direction:column}.wrapper-posts .single-post-wrapper .text-box h2{font-size:22px;font-weight:600;color:#000;line-height:1.3;display:block;margin-bottom:8px;transition:.3s ease-in-out}.wrapper-posts .single-post-wrapper .text-box h2:hover{color:var(--color1)}.wrapper-posts .single-post-wrapper .text-box .opis{font-size:14px;line-height:1.6;color:#4b5563;max-width:700px}@media (max-width:768px){.wrapper-posts .single-post-wrapper{flex-direction:column;gap:16px}.wrapper-posts .single-post-wrapper img{width:100%;height:auto}.wrapper-posts .single-post-wrapper a{font-size:18px}}.wrapper-posts .pagination{margin-bottom:40px;display:flex;justify-content:center}.wrapper-posts .pagination .screen-reader-text{display:none}.wrapper-posts .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;margin:0 4px;padding:8px 14px;border-radius:8px;border:2px solid #1d4ed8;color:#1d4ed8;text-decoration:none;font-weight:500}.wrapper-posts .pagination .page-numbers.current{background-color:#facc15;border-color:#facc15;color:#000}