.blogs-wrapper{background:#f7f9f8;padding:60px 0 80px}.blogs-container{max-width:1300px;margin:0 auto;padding:0 24px}.blogs-header{text-align:center;margin-bottom:48px}.blogs-title{color:#126568;margin-bottom:12px;font-size:2.4rem;font-weight:800;line-height:1.2}.blogs-desc{color:#555;max-width:620px;margin:0 auto;font-size:1rem;line-height:1.75}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;display:grid}.blogs-card{background:#fff;border:1px solid #e5eae9;border-radius:14px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 2px 12px #0000000d}.blogs-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #1265681f}.blogs-card-link{color:inherit;height:100%;text-decoration:none;display:block}.blogs-card-img-wrap{width:100%;height:220px;overflow:hidden}.blogs-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blogs-card:hover .blogs-card-img{transform:scale(1.05)}.blogs-card-body{border-top:3px solid #126568;flex-direction:column;gap:12px;padding:20px;display:flex}.blogs-card-title{color:#2c3e50;margin:0;font-size:.97rem;font-weight:600;line-height:1.55}.blogs-card-cta{color:#fff;background:#126568;border-radius:6px;align-self:flex-start;padding:8px 18px;font-size:.85rem;font-weight:700;transition:background .2s;display:inline-block}.blogs-card:hover .blogs-card-cta{background:#0d4a4d}.blogs-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:48px;display:flex}.blogs-pagination button{color:#126568;cursor:pointer;background:#fff;border:1px solid #c8dada;border-radius:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:background .2s,color .2s}.blogs-pagination button:hover:not(:disabled),.blogs-pagination button.active{color:#fff;background:#126568;border-color:#126568}.blogs-pagination button:disabled{color:#bbb;cursor:not-allowed;border-color:#e5e5e5}@media (max-width:768px){.blogs-title{font-size:1.8rem}.blogs-grid{grid-template-columns:1fr}.blogs-card-img-wrap{height:200px}}@media (max-width:480px){.blogs-wrapper{padding:40px 0 60px}.blogs-title{font-size:1.5rem}}